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

fix: 更新应急大屏和体重管理计划编辑页面

Browse Source
This commit is contained in:
liuyunqin
2026-07-02 18:07:25 +08:00
parent ac13e0b6f2
commit 1d43d9d78c
2 changed files with 130 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
other-module/emergency-screen/xian-center/index-v3.html
+130
View File
@@ -720,6 +720,23 @@
.modal__section-title{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:10px;
padding-left:10px;border-left:3px solid var(--primary);letter-spacing:0.5px;}
/* 弹窗内：体检异常指标（可收起展开） */
.m-exam{margin-bottom:20px;}
.m-exam__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer;user-select:none;
padding-left:10px;border-left:3px solid var(--primary);}
.m-exam__title{font-size:12px;font-weight:600;color:var(--primary);letter-spacing:0.5px;flex:1;}
.m-exam__count{font-size:10px;color:var(--warning);background:rgba(250,173,20,0.12);
border:1px solid rgba(250,173,20,0.28);border-radius:8px;padding:1px 7px;flex-shrink:0;}
.m-exam__arrow{width:10px;height:10px;color:var(--text-dim);flex-shrink:0;transition:transform .2s;}
.m-exam--open .m-exam__arrow{transform:rotate(90deg);}
.m-exam__body{display:none;flex-direction:column;gap:2px;padding-left:13px;}
.m-exam--open .m-exam__body{display:flex;}
.m-exam__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
font-size:12px;color:var(--text-sub);padding:5px 0;border-bottom:1px solid rgba(24,144,255,0.05);}
.m-exam__row:last-child{border-bottom:none;}
.m-exam__name{color:var(--text-main);flex-shrink:0;}
.m-exam__val{color:var(--warning);text-align:right;line-height:1.5;}
/* ========== 视频通话选择弹窗 ========== */
/* [交互] 点击地图右下角"视频通话"按钮后弹出，选择需要加入通话的应急中心（可多选） */
.vc-modal{width:560px;}
@@ -855,6 +872,31 @@
font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.guide-panel__body ol li b{color:var(--warning);}
/* 急救提示书 - 员工信息卡（人群分布 + 体检异常指标，不计入步骤序号） */
.guide-panel__body ol li.guide-info-card{counter-increment:none;padding:8px 0;margin:2px 0;
border-top:1px dashed rgba(114,46,209,0.25);border-bottom:1px solid rgba(24,144,255,0.06);}
.guide-panel__body ol li.guide-info-card::before{display:none;}
.guide-info-card__label{font-size:11px;font-weight:600;color:#b37feb;margin-bottom:6px;}
.guide-info-card__groups{display:flex;flex-wrap:wrap;gap:6px;}
.guide-info-card__group{font-size:12px;color:var(--text-sub);background:rgba(114,46,209,0.1);
border:1px solid rgba(114,46,209,0.22);border-radius:4px;padding:2px 8px;line-height:1.6;}
.guide-info-card__group-detail{color:var(--text-dim);font-size:11px;margin-left:1px;}
/* 体检异常指标：可收起展开 */
.guide-exam{margin-top:10px;}
.guide-exam__header{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;user-select:none;}
.guide-exam__title{font-size:11px;font-weight:600;color:#b37feb;flex:1;}
.guide-exam__count{font-size:10px;color:var(--warning);background:rgba(250,173,20,0.12);
border:1px solid rgba(250,173,20,0.28);border-radius:8px;padding:1px 7px;flex-shrink:0;}
.guide-exam__arrow{width:10px;height:10px;color:var(--text-dim);flex-shrink:0;transition:transform .2s;}
.guide-exam--open .guide-exam__arrow{transform:rotate(90deg);}
.guide-exam__body{display:none;flex-direction:column;padding:2px 0 4px;}
.guide-exam--open .guide-exam__body{display:flex;}
.guide-exam__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
font-size:12px;color:var(--text-sub);padding:5px 0;border-bottom:1px solid rgba(24,144,255,0.05);}
.guide-exam__row:last-child{border-bottom:none;}
.guide-exam__name{color:var(--text-main);flex-shrink:0;}
.guide-exam__val{color:var(--warning);text-align:right;line-height:1.5;}
/* ========== 穿戴告警记录弹窗 ========== */
.alarm-record-overlay{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,0.35);
display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);}
@@ -1693,6 +1735,25 @@
<li><b>立即停止活动，平躺</b>减少能量和氧气消耗</li>
<li>如有症状发生请<b>立即拨打120</b></li>
<li>请准备<b>硝酸甘油</b>准备服用</li>
<li class="guide-info-card">
<div class="guide-info-card__label">员工人群分布</div>
<div class="guide-info-card__groups">
<span class="guide-info-card__group">大病人群<span class="guide-info-card__group-detail">（心脑血管病）</span></span>
</div>
<div class="guide-exam guide-exam--open" id="guideExam">
<div class="guide-exam__header" onclick="toggleGuideExam(this)">
<span class="guide-exam__title">体检异常指标</span>
<span class="guide-exam__count">4项</span>
<svg class="guide-exam__arrow" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M4 2.5 8 6 4 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="guide-exam__body">
<div class="guide-exam__row"><span class="guide-exam__name">血压</span><span class="guide-exam__val">偏高 148/95 mmHg</span></div>
<div class="guide-exam__row"><span class="guide-exam__name">尿酸</span><span class="guide-exam__val">偏高 520 μmol/L</span></div>
<div class="guide-exam__row"><span class="guide-exam__name">血脂</span><span class="guide-exam__val">异常 总胆固醇 6.8 mmol/L</span></div>
<div class="guide-exam__row"><span class="guide-exam__name">血糖</span><span class="guide-exam__val">偏高 7.2 mmol/L</span></div>
</div>
</div>
</li>
<li>距离350米处有<b>AED</b>可用，电话<b>15698987876</b></li>
<li>距离580米处有<b>急救包</b>可用，电话<b>12569869896</b></li>
<li>距离8.5公里处有<b>救护车</b>，电话<b>13656956688</b>，<b>15分钟可赶来</b></li>
@@ -2080,6 +2141,25 @@
</div>
</div>
<!-- [内容] 员工人群分布 -->
<div class="modal__section-title">员工人群分布</div>
<div class="modal__value" style="margin-bottom:20px;">大病人群<span style="color:var(--text-dim);">（心脑血管病）</span></div>
<!-- [内容] 体检异常指标（可收起展开） -->
<div class="m-exam m-exam--open">
<div class="m-exam__header" onclick="toggleMExam(this)">
<span class="m-exam__title">体检异常指标</span>
<span class="m-exam__count">4项</span>
<svg class="m-exam__arrow" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M4 2.5 8 6 4 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="m-exam__body">
<div class="m-exam__row"><span class="m-exam__name">血压</span><span class="m-exam__val">偏高 148/95 mmHg</span></div>
<div class="m-exam__row"><span class="m-exam__name">尿酸</span><span class="m-exam__val">偏高 520 μmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血脂</span><span class="m-exam__val">异常 总胆固醇 6.8 mmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血糖</span><span class="m-exam__val">偏高 7.2 mmol/L</span></div>
</div>
</div>
<div class="modal__actions">
<button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromAlarmModal()">急救路线</button>
<button class="modal__btn modal__btn--primary" onclick="closeAlarmModal()">关闭</button>
@@ -2151,6 +2231,25 @@
</div>
</div>
<!-- [内容] 员工人群分布 -->
<div class="modal__section-title">员工人群分布</div>
<div class="modal__value" style="margin-bottom:20px;">大病人群<span style="color:var(--text-dim);">（心脑血管病）</span></div>
<!-- [内容] 体检异常指标（可收起展开） -->
<div class="m-exam m-exam--open">
<div class="m-exam__header" onclick="toggleMExam(this)">
<span class="m-exam__title">体检异常指标</span>
<span class="m-exam__count">4项</span>
<svg class="m-exam__arrow" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M4 2.5 8 6 4 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="m-exam__body">
<div class="m-exam__row"><span class="m-exam__name">血压</span><span class="m-exam__val">偏高 148/95 mmHg</span></div>
<div class="m-exam__row"><span class="m-exam__name">尿酸</span><span class="m-exam__val">偏高 520 μmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血脂</span><span class="m-exam__val">异常 总胆固醇 6.8 mmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血糖</span><span class="m-exam__val">偏高 7.2 mmol/L</span></div>
</div>
</div>
<div class="modal__actions">
<button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromHelpModal()">急救路线</button>
<button class="modal__btn modal__btn--primary" onclick="closeHelpModal()">关闭</button>
@@ -2226,6 +2325,25 @@
</div>
</div>
<!-- [内容] 员工人群分布 -->
<div class="modal__section-title">员工人群分布</div>
<div class="modal__value" style="margin-bottom:20px;">大病人群<span style="color:var(--text-dim);">（心脑血管病）</span></div>
<!-- [内容] 体检异常指标（可收起展开） -->
<div class="m-exam m-exam--open">
<div class="m-exam__header" onclick="toggleMExam(this)">
<span class="m-exam__title">体检异常指标</span>
<span class="m-exam__count">4项</span>
<svg class="m-exam__arrow" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M4 2.5 8 6 4 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="m-exam__body">
<div class="m-exam__row"><span class="m-exam__name">血压</span><span class="m-exam__val">偏高 148/95 mmHg</span></div>
<div class="m-exam__row"><span class="m-exam__name">尿酸</span><span class="m-exam__val">偏高 520 μmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血脂</span><span class="m-exam__val">异常 总胆固醇 6.8 mmol/L</span></div>
<div class="m-exam__row"><span class="m-exam__name">血糖</span><span class="m-exam__val">偏高 7.2 mmol/L</span></div>
</div>
</div>
<div class="modal__actions">
<button class="modal__btn modal__btn--guide-cv" onclick="openEmergencyGuideFromCvModal()">急救提示书</button>
<button class="modal__btn modal__btn--primary" onclick="closeCvModal()">关闭</button>
@@ -3196,6 +3314,18 @@ function closeGuidePanel(){
}
}
/* [交互] 急救提示书：体检异常指标收起/展开 */
function toggleGuideExam(header){
var exam=header?header.parentElement:null;
if(exam){exam.classList.toggle('guide-exam--open');}
}
/* [交互] 弹窗内：体检异常指标收起/展开 */
function toggleMExam(header){
var box=header?header.parentElement:null;
if(box){box.classList.toggle('m-exam--open');}
}
/* [交互] 关闭"距离最近资源"面板：清理逻辑与 closeGuidePanel 一致 */
function closeRoutePanel(){
hideResourcePopup();
web-admin/weight-management/plan-edit.html
-8
View File
@@ -272,14 +272,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
</div>
</div>
<!-- 是否自动提醒签订承诺书 -->
<div class="form-group">
<label style="display:flex;align-items:center;gap:8px;cursor:pointer;">
<input type="checkbox" id="autoRemind" style="width:16px;height:16px;cursor:pointer;accent-color:var(--primary);">
是否自动提醒签订承诺书
</label>
</div>
<!-- 大病员工过滤提示 -->
<div class="form-group">
<label style="display:flex;align-items:center;gap:8px;cursor:pointer;flex-wrap:wrap;">