yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：西安应急大屏 v3 优化（副屏返回链接修正 v3 + header 布局调整 + 体重管理数据时间段切换）

Browse Source
This commit is contained in:
liuyunqin
2026-06-29 19:35:52 +08:00
parent 5002dc38ad
commit c843027967
2 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
other-module/emergency-screen/xian-center/cv-monitor.html
+1 -1
View File
@@ -460,7 +460,7 @@
<span class="header__title-text">西安应急中心 · 心血管监测副屏</span>
</div>
<div class="header__right">
<a class="header__btn header__btn--main" href="index-v2.html">返回主屏</a>
<a class="header__btn header__btn--main" href="index-v3.html">返回主屏</a>
<div class="header__runtime">
<span>系统累计运行</span>
<span class="header__runtime-num" id="runDays">0</span>
other-module/emergency-screen/xian-center/index-v3.html
+33 -2
View File
@@ -118,7 +118,7 @@
}
.header__title-text{font-size:22px;font-weight:700;letter-spacing:1.5px;
background:linear-gradient(90deg,#fff,#8CB8D9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:2;}
.header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
.header__clock{font-size:14px;color:var(--text-sub);font-variant-numeric:tabular-nums;letter-spacing:0.5px;}
.header__right{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
.header__btn{height:28px;padding:0 14px;border-radius:14px;font-size:11px;cursor:pointer;transition:all .2s;
@@ -1002,13 +1002,13 @@
<div class="header__deco header__deco--right"></div>
<div class="header__left">
<div class="header__clock" id="clock">--</div>
<a class="header__btn header__btn--alarm" href="cv-monitor.html">心血管监测副屏</a>
</div>
<div class="header__title">
<span class="header__title-text">西安应急中心大屏</span>
</div>
<div class="header__right">
<!-- [交互] 点击触发对应告警/求助事件模拟 -->
<a class="header__btn header__btn--alarm" href="cv-monitor.html">心血管监测副屏</a>
<button class="header__btn header__btn--cv" id="btnCvAlarm">AI智能预警弹窗示例</button>
<button class="header__btn header__btn--alarm" onclick="openAlarmModal();event.stopPropagation();">穿戴告警弹窗示例</button>
<button class="header__btn header__btn--help" onclick="openHelpModal();event.stopPropagation();">应急求助弹窗示例</button>
@@ -1770,6 +1770,12 @@
<div class="panel__header">
<div class="panel__header-diamond"></div>
<span class="panel__header-title">体重管理数据</span>
<!-- [交互] 时间段切换：近一周/近一月/近一年 -->
<select class="panel__header-select" onchange="switchWeightPeriod(this.value)">
<option value="week" selected>近一周</option>
<option value="month">近一月</option>
<option value="year">近一年</option>
</select>
</div>
<div class="panel__body" style="overflow:hidden;">
<div class="weight-data">
@@ -3278,6 +3284,31 @@ function switchConsultPeriod(period){
}
}
/* ========== 体重管理数据 时间段切换 ========== */
/* [数据] 近一周/近一月/近一年，吃记录/动记录/体重记录 的已记录、未记录人数 */
var currentWeightPeriod = 'week';
var WEIGHT_DATA = {
week: { eatDone:186, eatUndone:54, exerciseDone:142, exerciseUndone:98, weightDone:203, weightUndone:37 },
month: { eatDone:642, eatUndone:208, exerciseDone:498, exerciseUndone:352, weightDone:712, weightUndone:138 },
year: { eatDone:7680,eatUndone:2460,exerciseDone:5964,exerciseUndone:4176,weightDone:8532,weightUndone:1612 }
};
function switchWeightPeriod(period){
/* [交互] 根据 period('week'/'month'/'year') 刷新体重管理数据卡片 */
currentWeightPeriod = period || 'week';
var data = WEIGHT_DATA[currentWeightPeriod];
/* 按 DOM 顺序：吃记录(已/未)、动记录(已/未)、体重记录(已/未) */
var nums = document.querySelectorAll('.panel--weight-data .weight-data__stat-num');
if(nums.length >= 6){
nums[0].textContent = data.eatDone.toLocaleString();
nums[1].textContent = data.eatUndone.toLocaleString();
nums[2].textContent = data.exerciseDone.toLocaleString();
nums[3].textContent = data.exerciseUndone.toLocaleString();
nums[4].textContent = data.weightDone.toLocaleString();
nums[5].textContent = data.weightUndone.toLocaleString();
}
}
/* ========== 医疗点数据：时间段切换 ========== */
/* [数据] 近一周/近一月/近一年各医疗点指标（慢病服务人数/就诊次数/随访次数） */
var CLINIC_ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 21h18M5 21V7l8-4v18M19 21V11l-6-4"/><path d="M9 9v.01M9 12v.01M9 15v.01M9 18v.01"/></svg>';