diff --git a/other-module/medical-pad/bed-detail.html b/other-module/medical-pad/bed-detail.html index fecc9c5..c5c5e45 100644 --- a/other-module/medical-pad/bed-detail.html +++ b/other-module/medical-pad/bed-detail.html @@ -39,14 +39,19 @@ .back { font-size: 13px; color: #1890ff; cursor: pointer; text-decoration: none; margin-bottom: 12px; display: inline-block; } /* 呼叫头 */ .call-head { background: #fff; border-radius: 14px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(74,90,127,.06); display: flex; align-items: center; gap: 16px; } - .call-head__icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(253,33,33,.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } - .call-head__icon svg { width: 28px; height: 28px; stroke: #fd2121; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .call-head__main { flex: 1; } .call-head__title { font-size: 18px; font-weight: 700; color: #333; } + .ctag { display: inline-block; font-size: 13px; font-weight: 600; padding: 2px 10px; border-radius: 5px; margin-right: 10px; vertical-align: 2px; } + .ctag--bed { background: #e7f4ff; color: #1890ff; } + .ctag--dorm { background: #f4ecff; color: #722ed1; } + .call-head__title .caps { margin-left: 10px; vertical-align: 2px; } .call-head__sub { font-size: 12px; color: #969eb0; margin-top: 4px; } + .call-head__addr { font-size: 12px; color: #969eb0; margin-top: 4px; line-height: 1.6; } .caps { display: inline-block; padding: 3px 14px; border-radius: 14px; font-size: 12px; } .caps--no { background: rgba(253,33,33,.08); color: #fd2121; } + .caps--yes { background: #7adb7f; color: #098a2d; } .pill--wait { background: rgba(253,33,33,.08); color: #fd2121; padding: 3px 14px; border-radius: 14px; font-size: 12px; } + .pill--done { background: #f0f2f5; color: #969eb0; padding: 3px 14px; border-radius: 14px; font-size: 12px; } /* 分区卡 */ .sec { background: #fff; border-radius: 14px; padding: 16px 22px; margin-top: 14px; box-shadow: 0 2px 8px rgba(74,90,127,.06); } .sec__title { font-size: 14px; font-weight: 600; color: #333; border-left: 3px solid #1890ff; padding-left: 8px; margin-bottom: 12px; display: flex; align-items: center; } @@ -54,17 +59,39 @@ .kv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 22px; font-size: 12px; color: #4a5a7f; line-height: 2; } .kv b { color: #333; font-weight: 500; } .kv .unknown { color: #b7bfcc; } - .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 26px; } - .fld { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #4a5a7f; } + .kv.kv--empty { display: flex; align-items: center; justify-content: center; min-height: 60px; color: #b7bfcc; font-size: 13px; background: #fafbfd; border-radius: 8px; } + .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 40px; } + .fld { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #4a5a7f; } .fld--full { grid-column: 1 / -1; } - .fld__label { width: 84px; text-align: right; flex-shrink: 0; } + .fld__label { width: 96px; text-align: right; flex-shrink: 0; } .fld__req { color: #fd2121; } - .fld input, .fld textarea { flex: 1; height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 10px; font-size: 13px; color: #333; outline: none; min-width: 0; font-family: inherit; } - .fld input:focus, .fld textarea:focus { border-color: #1890ff; } - .fld textarea { height: 66px; padding: 8px 10px; resize: none; } - .radio { display: flex; gap: 18px; align-items: center; font-size: 13px; color: #333; flex: 1; } + .fld input, .fld textarea, .fld select { flex: 1; height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 10px; font-size: 13px; color: #333; outline: none; min-width: 0; font-family: inherit; background: #fff; } + .fld input:focus, .fld textarea:focus, .fld select:focus { border-color: #1890ff; } + .fld textarea { height: 120px; padding: 8px 10px; resize: none; width: 100%; display: block; } + .radio { display: flex; gap: 24px; align-items: center; font-size: 13px; color: #333; flex: 1; } .radio input { accent-color: #1890ff; width: 14px; height: 14px; } .counter { text-align: right; font-size: 11px; color: #b7bfcc; margin-top: 4px; } + .sec__foot { display: flex; justify-content: flex-end; margin-top: 14px; } + /* 随车医护：搜索下拉多选 */ + .msel-fld { align-items: flex-start; position: relative; } + .msel-fld .fld__label { padding-top: 7px; } + .msel { flex: 1; position: relative; min-width: 0; } + .msel__box { min-height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 3px 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; cursor: pointer; background: #fff; } + .msel__box:focus-within { border-color: #1890ff; } + .msel__tags { display: flex; flex-wrap: wrap; gap: 4px; } + .msel__tag { display: inline-flex; align-items: center; gap: 2px; background: #e7f4ff; color: #1890ff; font-size: 12px; padding: 2px 5px 2px 8px; border-radius: 4px; } + .msel__x { cursor: pointer; font-size: 14px; line-height: 1; color: #1890ff; padding: 0 3px; } + .msel__x:hover { color: #fd2121; } + .msel .msel__input { flex: 1; min-width: 120px; height: 22px; border: none; outline: none; font-size: 13px; color: #333; background: transparent; padding: 0; } + .msel__arrow { color: #969eb0; font-size: 12px; } + .msel__panel { position: absolute; top: calc(100% + 4px); left: 0; width: 480px; background: #fff; border: 1px solid #d9d9d9; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.12); z-index: 20; display: none; max-height: 240px; overflow-y: auto; } + .msel__panel.open { display: block; } + .msel__opt { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; color: #333; cursor: pointer; border-bottom: 1px solid #f0f2f5; } + .msel__opt:hover { background: #f2f6ff; } + .msel .msel__opt input[type="checkbox"] { accent-color: #1890ff; width: 15px; height: 15px; flex: none; border: none; padding: 0; margin: 0; background: #fff; } + .msel__opt-name { font-weight: 500; color: #333; } + .msel__opt-phone { margin-left: auto; font-size: 12px; color: #4a5a7f; } + .msel__empty { padding: 14px; text-align: center; color: #b7bfcc; font-size: 13px; } /* 页内弹窗：选择员工（700） */ .overlay { position: absolute; inset: 0; background: rgba(15,23,42,.45); z-index: 50; display: none; align-items: center; justify-content: center; } .overlay.open { display: flex; } @@ -100,7 +127,7 @@ 床头呼叫 报告解读 -
+
@@ -129,13 +156,14 @@ ‹ 返回床头呼叫
-
-
床头呼叫 · 三号宿舍楼 5号床
-
呼叫器 BJ-03-05　发起时间 2026-09-04 09:47:22　等待时长 4 分 18 秒
+
+ 床头呼叫三号宿舍楼 · 3层305室 · 5号床未接听 +
+
呼叫时间 2026-09-09 09:47:32
+
站点信息：管理四中心站点（陕西省榆林市定边县安边镇兴隆路18号）
- 待处理 - 未接听 + 待处理
@@ -143,41 +171,65 @@
- - 查看档案 + + 查看档案
-
-
姓名：岳春生
性别/年龄：男 · 54岁
工号：1035678
-
单位/部门：陕E作业区 / 管理四中心
联系电话：139****2214
慢病：高血压、糖尿病
-
-
- -
-
宿舍信息
-
-
宿舍楼：三号宿舍楼
房间号：302
床位号：5号床（下铺）
-
呼叫器编号：BJ-03-05
责任人：宿管 温桂英 133****2067
同室人数：6 人
+
+
姓名：岳春生
性别/年龄：男 · 54岁
员工编号：1035678
+
单位/部门：陕E作业区 / 管理四中心
联系电话：13991232214
慢病干预：高血压、糖尿病
-
急救信息待处理状态填写出勤与救助信息后点击「处理完成」
-
-
*是否出勤 - -
-
*是否派救护车 - -
-
*随车医护
-
*出勤日期
-
*救助信息 -
- -
118 / 300
+
急救信息
+ +
+
+
*是否出勤 + +
+ +
*救护车 + +
+
*出勤日期
+ +
+ *随车医护 +
+
+
+ + ▾ +
+
+
+
+
+
+
*救助信息 +
+ +
118 / 300
+
+
+
+ +
@@ -189,11 +241,11 @@
关联员工
- +
- + @@ -213,17 +265,145 @@ // 选中员工：回填员工信息区并收起弹窗 function pickEmp(tr) { var tds = tr.querySelectorAll('td'); - var kv = document.querySelector('.sec .kv'); - kv.children[0].innerHTML = '姓名：' + tds[0].textContent + ''; - kv.children[1].innerHTML = '性别/年龄：' + tds[1].textContent + ' · ' + tds[2].textContent + '岁'; - kv.children[2].innerHTML = '工号：' + tds[3].textContent + ''; - kv.children[3].innerHTML = '单位/部门：' + tds[4].textContent + ' / ' + tds[5].textContent + ''; - kv.children[4].innerHTML = '联系电话：—'; - kv.children[5].innerHTML = '慢病：—'; + var kv = document.getElementById('empKv'); + kv.classList.remove('kv--empty'); + document.getElementById('viewArchiveBtn').style.display = ''; + kv.innerHTML = + '
姓名：' + tds[0].textContent + '
' + + '
性别/年龄：' + tds[1].textContent + ' · ' + tds[2].textContent + '岁
' + + '
员工编号：' + tds[3].textContent + '
' + + '
单位/部门：' + tds[4].textContent + ' / ' + tds[5].textContent + '
' + + '
联系电话：—
' + + '
慢病干预：—
'; closeModal('empModal'); } - document.addEventListener('click', function () { + // 是否出勤切换：未出勤时仅保留救助信息，隐藏救护车/随车医护/出勤日期 + function toggleDispatch(isNotDispatch) { + var ids = ['ambFld', 'medFld', 'dateFld']; + for (var i = 0; i < ids.length; i++) { + document.getElementById(ids[i]).style.display = isNotDispatch ? 'none' : ''; + } + } + // 随车医护：搜索下拉多选 + var medStaff = [ + { name: '韩丽平', pos: '医生', phone: '13956282214' }, + { name: '石维国', pos: '医生', phone: '13809123302' }, + { name: '张丽华', pos: '护士', phone: '13709124521' }, + { name: '王小燕', pos: '护士', phone: '13609127815' }, + { name: '李建国', pos: '医生', phone: '13909124567' } + ]; + var selectedMed = ['韩丽平']; + function renderMedList(kw) { + var list = document.getElementById('medList'); + var keyword = (kw || '').trim(); + var html = ''; + var hit = false; + for (var i = 0; i < medStaff.length; i++) { + var s = medStaff[i]; + if (keyword && s.name.indexOf(keyword) < 0 && s.phone.indexOf(keyword) < 0) continue; + hit = true; + var checked = selectedMed.indexOf(s.name) >= 0; + html += ''; + } + if (!hit) html = '
未查询到医护人员
'; + list.innerHTML = html; + } + function renderMedTags() { + var html = ''; + for (var i = 0; i < selectedMed.length; i++) { + var name = selectedMed[i]; + var s = null; + for (var j = 0; j < medStaff.length; j++) { if (medStaff[j].name === name) { s = medStaff[j]; break; } } + html += '' + name + (s ? '（' + s.pos + '）' : '') + '×'; + } + document.getElementById('medTags').innerHTML = html; + } + function onMedToggle(cb) { + var idx = selectedMed.indexOf(cb.value); + if (cb.checked && idx < 0) selectedMed.push(cb.value); + if (!cb.checked && idx >= 0) selectedMed.splice(idx, 1); + renderMedTags(); + } + function removeMed(e, name) { + e.stopPropagation(); + var idx = selectedMed.indexOf(name); + if (idx >= 0) selectedMed.splice(idx, 1); + renderMedTags(); + renderMedList(document.getElementById('medSearch').value); + } + function toggleMedPanel() { + document.getElementById('medPanel').classList.toggle('open'); + } + function openMedPanel() { + document.getElementById('medPanel').classList.add('open'); + } + function filterMed() { + renderMedList(document.getElementById('medSearch').value); + openMedPanel(); + } + renderMedList(''); + renderMedTags(); + // 根据 URL 参数渲染页面状态（来自 bed.html 卡片跳转） + (function () { + var q = location.search.replace(/^\?/, ''); + var p = {}; + if (q) { + q.split('&').forEach(function (s) { + var kv = s.split('='); + if (kv.length === 2) p[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]); + }); + } + // 呼叫类型标签 + var typeTag = document.getElementById('typeTag'); + if (p.type === 'dorm') { typeTag.textContent = '宿舍呼叫'; typeTag.className = 'ctag ctag--dorm'; } + else { typeTag.textContent = '床头呼叫'; typeTag.className = 'ctag ctag--bed'; } + // 位置 + if (p.loc) document.getElementById('locText').textContent = p.loc; + // 站点信息 + if (p.station) document.getElementById('stationLine').textContent = '站点信息：' + p.station + (p.stationAddr ? '（' + p.stationAddr + '）' : ''); + // 接听状态 + var answered = p.answered === '1'; + var answerCaps = document.getElementById('answerCaps'); + answerCaps.textContent = answered ? '已接听' : '未接听'; + answerCaps.className = 'caps ' + (answered ? 'caps--yes' : 'caps--no'); + // 时间行：呼叫时间 + （已接听时）接听时间 + 通话时长 + var timeLine = document.getElementById('timeLine'); + var t = '呼叫时间 ' + (p.time || '—'); + if (answered) t += '　接听时间 ' + (p.answerTime || '—') + '　通话时长 ' + (p.duration || '—'); + timeLine.textContent = t; + // 处理状态 + var done = p.done === '1'; + var donePill = document.getElementById('donePill'); + donePill.textContent = done ? '已处理' : '待处理'; + donePill.className = done ? 'pill--done' : 'pill--wait'; + document.getElementById('rescueFill').style.display = done ? 'none' : 'block'; + document.getElementById('rescueView').style.display = done ? 'block' : 'none'; + // 员工信息：存在 / 未知 + var hasEmp = p.hasEmp === '1'; + var empKv = document.getElementById('empKv'); + var viewArchiveBtn = document.getElementById('viewArchiveBtn'); + if (hasEmp) { + viewArchiveBtn.style.display = ''; + empKv.classList.remove('kv--empty'); + empKv.innerHTML = + '
姓名：' + (p.name || '—') + '
' + + '
性别/年龄：' + (p.sex || '—') + ' · ' + (p.age || '—') + '岁
' + + '
员工编号：' + (p.empno || '—') + '
' + + '
单位/部门：' + (p.unit || '—') + '
' + + '
联系电话：' + (p.phone || '—') + '
' + + '
慢病干预：' + (p.disease || '—') + '
'; + } else { + viewArchiveBtn.style.display = 'none'; + empKv.classList.add('kv--empty'); + empKv.innerHTML = '员工信息未知（未跟踪到员工信息）'; + } + })(); + document.addEventListener('click', function (e) { document.getElementById('userPanel').classList.remove('open'); + var mp = document.getElementById('medPanel'); + if (mp && !(e.target.closest && e.target.closest('.msel'))) mp.classList.remove('open'); }); diff --git a/other-module/medical-pad/bed.html b/other-module/medical-pad/bed.html index a854f20..bbac9e6 100644 --- a/other-module/medical-pad/bed.html +++ b/other-module/medical-pad/bed.html @@ -34,33 +34,42 @@ .panel__btn { flex: 1; text-align: center; padding: 7px 0; border-radius: 14px; background: #e7f4ff; color: #1890ff; font-size: 12px; cursor: pointer; border: none; } .content { flex: 1; overflow-y: auto; padding: 16px 20px; scrollbar-width: none; } .content::-webkit-scrollbar { display: none; } - .adv-note { font-size: 12px; color: #fa8c16; background: rgba(252,163,24,.08); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; } - .adv-note svg { width: 15px; height: 15px; stroke: #fa8c16; fill: none; stroke-width: 2; flex-shrink: 0; } - /* 待处理/已处理 单选切换（带计数） */ - .seg { background: #fff; border-radius: 12px; padding: 12px 16px; display: flex; align-items: center; gap: 26px; box-shadow: 0 2px 8px rgba(74,90,127,.06); font-size: 13px; color: #4a5a7f; } - .seg label { display: flex; align-items: center; gap: 7px; cursor: pointer; } - .seg input { accent-color: #1890ff; width: 15px; height: 15px; } - .seg .cnt { background: #f0f2f5; border-radius: 10px; padding: 0 8px; font-size: 11px; color: #4a5a7f; } - .seg .cnt--red { background: rgba(253,33,33,.08); color: #fd2121; } + /* 筛选条件 */ + .search-bar { background: #fff; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; box-shadow: 0 2px 8px rgba(74,90,127,.06); } + .search-bar__item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #4a5a7f; } + .search-bar__input { height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 10px; font-size: 13px; color: #333; min-width: 150px; outline: none; background: #fff; } + .search-bar__input:focus { border-color: #1890ff; } + .search-bar__input--range { min-width: 190px; } + .btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid #d9dee8; background: #fff; color: #4a5a7f; font-size: 13px; cursor: pointer; } + .btn--primary { background: #1890ff; border-color: #1890ff; color: #fff; } + /* 待处理/已处理 选项卡切换（带计数） */ + .tabs { background: #fff; border-radius: 12px; padding: 12px 16px; display: flex; align-items: center; gap: 8px; box-shadow: 0 2px 8px rgba(74,90,127,.06); font-size: 13px; color: #4a5a7f; margin-top: 14px; } + .tab { display: flex; align-items: center; gap: 7px; padding: 7px 18px; border-radius: 8px; cursor: pointer; color: #4a5a7f; } + .tab:hover { background: #f2f6ff; } + .tab--active { background: #1890ff; color: #fff; } + .tab .cnt { background: #f0f2f5; border-radius: 10px; padding: 0 8px; font-size: 11px; color: #4a5a7f; } + .tab .cnt--red { background: rgba(253,33,33,.1); color: #fd2121; } + .tab--active .cnt, .tab--active .cnt--red { background: rgba(255,255,255,.25); color: #fff; } /* 呼叫卡片 */ .bgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; } - .bcard { background: #fff; border-radius: 16px; padding: 16px 18px; box-shadow: 0 4px 12px rgba(74,90,127,.08); cursor: pointer; display: flex; gap: 14px; align-items: center; } + .bcard { background: #fff; border-radius: 16px; padding: 16px 18px; box-shadow: 0 4px 12px rgba(74,90,127,.08); cursor: pointer; display: flex; gap: 14px; align-items: flex-start; } .bcard:hover { box-shadow: 0 8px 20px rgba(74,90,127,.16); } .bcard--urgent { border: 1.5px solid #fd2121; } - .bicon { width: 46px; height: 46px; border-radius: 12px; background: rgba(253,33,33,.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } - .bicon svg { width: 24px; height: 24px; stroke: #fd2121; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } - .bicon--done { background: #f0f2f5; } - .bicon--done svg { stroke: #969eb0; } .bcard__mid { flex: 1; min-width: 0; } - .bcard__bed { font-size: 14px; font-weight: 600; color: #333; } - .bcard__bed small { font-weight: 400; color: #969eb0; font-size: 12px; margin-left: 8px; } - .bcard__emp { font-size: 12px; color: #4a5a7f; margin-top: 4px; } - .bcard__emp b { color: #333; font-weight: 500; } - .bcard__emp .unknown { color: #b7bfcc; } - .bcard__right { text-align: right; flex-shrink: 0; } - .btime { font-size: 11px; color: #969eb0; margin-bottom: 6px; } + .bcard__bed { font-size: 14px; font-weight: 600; color: #333; line-height: 1.4; } + .ctag { display: inline-block; font-size: 11px; font-weight: 500; padding: 1px 8px; border-radius: 4px; margin-right: 8px; vertical-align: 1px; } + .ctag--bed { background: #e7f4ff; color: #1890ff; } + .ctag--dorm { background: #f4ecff; color: #722ed1; } + .bcard__info { background: #f5f7fa; border-radius: 8px; padding: 8px 12px; margin-top: 8px; } + .bcard__emp { font-size: 13px; color: #4a5a7f; line-height: 1.5; } + .bcard__emp b { color: #333; font-weight: 600; } + .bcard__emp .unknown { color: #b7bfcc; font-weight: 400; } + .bcard__unit { font-size: 12px; color: #4a5a7f; margin-top: 3px; line-height: 1.5; } + .bcard__addr { font-size: 12px; color: #969eb0; margin-top: 5px; line-height: 1.6; } + .bcard__right { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 2px; } + .btime { font-size: 11px; color: #969eb0; white-space: nowrap; } /* 接听状态胶囊 */ - .caps { display: inline-block; padding: 2px 12px; border-radius: 12px; font-size: 11px; } + .caps { display: inline-block; padding: 2px 12px; border-radius: 12px; font-size: 11px; white-space: nowrap; } .caps--no { background: rgba(253,33,33,.08); color: #fd2121; } .caps--yes { background: #7adb7f; color: #098a2d; } .panel { display: none; } @@ -83,7 +92,7 @@ 床头呼叫报告解读 -
+
@@ -108,44 +117,57 @@
- -
本页面依赖宿舍床头呼叫器接入，仅 A01A34（定边第一医疗点）可见。
+
+
姓名
+
员工编号
+
日期范围
+ + +
-
- - - +
+ +
待处理3
+
已处理12
呼叫超时 5 分钟未接听将升级推送至作业区值班领导
- -
-
+ +
-
三号宿舍楼 · 5号床呼叫器 BJ-03-05
-
岳春生 · 男 · 54岁　陕E作业区 / 管理四中心
+
床头呼叫三号宿舍楼 · 3层305室 · 5号床
+
+
岳春生　男 · 54岁 · 员工编号 1035678
+
陕E作业区 / 管理四中心
+
+
站点信息：管理四中心站点（陕西省榆林市定边县安边镇兴隆路18号）
-
今天 09:47
未接听
+
2026-09-09 09:47:32
未接听
-
-
+
-
一号宿舍楼 · 2号床呼叫器 BJ-01-02
+
宿舍呼叫一号宿舍楼 · 2层201室
-
员工信息未知（该床位未登记人员）
+
+
员工信息未知（未跟踪到员工信息）
+
+
站点信息：安边集输站点（陕西省榆林市定边县安边镇北郊工业园区）
-
今天 08:31
未接听
+
2026-09-09 08:31:05
已接听
-
-
+
-
二号宿舍楼 · 3号床呼叫器 BJ-02-03
-
付桂荣 · 女 · 52岁　采油二大队
+
床头呼叫二号宿舍楼 · 1层103室 · 3号床
+
+
付桂荣　女 · 52岁 · 员工编号 1044518
+
采油二大队
+
+
站点信息：采油二大队站点（陕西省榆林市定边县砖井镇南大街36号）
-
今天 06:12
未接听
+
2026-09-09 06:12:41
未接听
@@ -153,29 +175,38 @@
-
-
+
-
三号宿舍楼 · 5号床呼叫器 BJ-03-05
-
岳春生 · 男 · 54岁　陕E作业区 / 管理四中心
+
床头呼叫三号宿舍楼 · 3层305室 · 5号床
+
+
岳春生　男 · 54岁 · 员工编号 1035678
+
陕E作业区 / 管理四中心
+
+
站点信息：管理四中心站点（陕西省榆林市定边县安边镇兴隆路18号）
-
昨天 21:03
已接听
+
2026-09-08 21:03:18
已接听
-
-
+
-
一号宿舍楼 · 8号床呼叫器 BJ-01-08
-
戴文广 · 男 · 58岁　采油一大队
+
宿舍呼叫一号宿舍楼 · 3层308室
+
+
戴文广　男 · 58岁 · 员工编号 1031002
+
采油一大队
+
+
站点信息：采油一大队站点（陕西省榆林市定边县白泥井镇东环路12号）
-
昨天 15:40
已接听
+
2026-09-08 15:40:52
已接听
-
-
+
-
二号宿舍楼 · 1号床呼叫器 BJ-02-01
-
员工信息未知　去关联
+
床头呼叫二号宿舍楼 · 1层101室 · 1号床
+
+
曲志明　男 · 45岁 · 员工编号 1037781
+
输气作业区
+
+
站点信息：输气作业区站点（陕西省榆林市定边县杨井镇创业路28号）
-
09-01 23:18
已接听
+
2026-09-01 23:18:07
已接听
@@ -187,6 +218,14 @@ function switchState(name) { document.querySelectorAll('.panel').forEach(function (p) { p.classList.remove('on'); }); document.getElementById('p-' + name).classList.add('on'); + document.querySelectorAll('.tab').forEach(function (t) { t.classList.remove('tab--active'); }); + document.getElementById('tab-' + name).classList.add('tab--active'); + } + // 跳转呼叫处理详情，携带卡片状态信息 + function goBedDetail(d) { + var parts = []; + for (var k in d) parts.push(encodeURIComponent(k) + '=' + encodeURIComponent(d[k])); + location.href = 'bed-detail.html?' + parts.join('&'); } document.addEventListener('click', function () { document.getElementById('userPanel').classList.remove('open'); diff --git a/other-module/medical-pad/chronic-disease-detail.html b/other-module/medical-pad/chronic-disease-detail.html index 03f5bea..4a76910 100644 --- a/other-module/medical-pad/chronic-disease-detail.html +++ b/other-module/medical-pad/chronic-disease-detail.html @@ -46,6 +46,24 @@ .tag { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: 11px; margin-right: 6px; } .tag--ht { background: rgba(24,144,255,.2); color: #1890ff; } .tag--dm { background: rgba(42,193,139,.2); color: #2ac18b; } + /* 慢病类型色块（更换疾病弹窗） */ + .type-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; } + .type-opt { position: relative; height: 62px; border-radius: 10px; border: 1.5px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .15s; } + .type-opt .chk { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.18); display: none; align-items: center; justify-content: center; } + .type-opt .chk svg { width: 13px; height: 13px; } + .type-opt.on .chk { display: flex; } + .t-ht { background: rgba(24,144,255,.1); color: #1890ff; } + .t-chd { background: rgba(0,195,195,.1); color: #00c3c3; } + .t-ob { background: rgba(252,163,24,.12); color: #fca318; } + .t-dm { background: rgba(42,193,139,.12); color: #2ac18b; } + .t-over { background: rgba(238,101,87,.12); color: #EE6557; } + .t-oth { background: rgba(104,98,214,.12); color: #6862D6; } + .type-opt.on.t-ht { border-color: #1890ff; } + .type-opt.on.t-chd { border-color: #00c3c3; } + .type-opt.on.t-ob { border-color: #fca318; } + .type-opt.on.t-dm { border-color: #2ac18b; } + .type-opt.on.t-over { border-color: #EE6557; } + .type-opt.on.t-oth { border-color: #6862D6; } /* Tab */ .tabs { background: #fff; border-radius: 14px; margin-top: 14px; box-shadow: 0 2px 8px rgba(74,90,127,.06); } .tabs__head { display: flex; gap: 30px; padding: 0 20px; border-bottom: 1px solid #f0f2f5; } @@ -103,7 +121,7 @@ 床头呼叫 报告解读
-
+
@@ -134,49 +152,68 @@
岳
- 岳春生男 · 54岁 · 工号 1035678高血压糖尿病
- 单位/部门：陕E作业区 / 管理四中心　联系电话：139****2214　确诊时间：2019-06（高血压）/ 2022-03（糖尿病） + 岳春生男 · 54岁 · 员工编号 1035678高血压糖尿病
+ 单位部门：陕E作业区-管理四中心　联系电话：13956282214　入组时间：2025-03-12
- 干预周期：每季度1次
下次随访：2026-10-04 · 还剩30天
- - + +
+ +
- 用药方案(3) - 随访记录(3) + 随访记录(3) 就诊记录(3) + 用药方案(3)
- -
-
姓名性别年龄工号单位部门
姓名性别年龄员工编号单位部门
齐俊峰男381051128陕E作业区转运站
龚春兰女421050367陕E作业区供电大队
- - - - -
药品名称规格用法用量生效日期状态操作
苯磺酸氨氯地平片5mg×7片口服，一日1次，一次1片2026-06-01使用中查看
二甲双胍缓释片0.5g×30片口服，一日2次，一次1片2026-03-15使用中查看
硝苯地平控释片30mg×7片口服，一日1次，一次1片2024-09-01已停用查看
-
-
+
+
+ 随访日期 + + + + +
- - - - + + + +
随访日期随访形式症状血压(mmHg)血糖(mmol/L)效果评价随访医生操作
2026-08-20门诊随访偶有头晕，血压波动158/988.2一般石维国查看
2026-05-18门诊随访症状平稳148/927.6良好石维国查看
2026-02-10电话随访自述服药不规律——一般韩丽平查看
序号随访日期随访医生症状下次随访日期操作
12026-08-20石维国偶有头晕，血压波动2026-09-20详情
22026-05-18石维国症状平稳2026-06-18详情
32026-02-10韩丽平自述服药不规律2026-03-12详情
+
+ 就诊日期 + + +
- - - - + + + + +
就诊日期主诉诊断接诊医生操作
2026-08-21晨起后头晕、后颈部发紧原发性高血压3级（很高危）；2型糖尿病石维国详情
2026-07-14血压偶有偏高血压偏高，建议复查韩丽平详情
2026-05-09血糖控制欠佳2型糖尿病复查，血糖控制一般石维国详情
序号就诊日期就诊医疗点就诊医生就诊疾病操作
12026-08-21定边第一医疗点石维国原发性高血压3级（很高危）；2型糖尿病详情
22026-07-14定边第一医疗点韩丽平血压偏高，建议复查详情
32026-05-09定边第一医疗点石维国2型糖尿病复查，血糖控制一般详情
+
+ +
+
+ + + + +
+ + + + +
药物名称规格用法用量服用开始日期服用结束日期操作
苯磺酸氨氯地平片5mg×7片口服，一日1次，一次1片2026-06-01长期编辑删除
二甲双胍缓释片0.5g×30片口服，一日2次，一次1片2026-03-15长期编辑删除
硝苯地平控释片30mg×7片口服，一日1次，一次1片2024-09-012025-08-31编辑删除
@@ -214,6 +251,60 @@
+ +
+
+
新增用药
+
+
*药物名称
+
规格
+
*用法用量
+
服用开始日期
+
服用结束日期
+
+
+ + +
+
+
+ + +
+
+
删除用药方案
+
+

确认删除该用药方案吗？删除后不可恢复。

+
+
+ + +
+
+
+ + +
+
+
更换疾病
+
+
慢病类型可多选
+
+
高血压
+
冠心病
+
肥胖
+
糖尿病
+
超重
+
其他
+
+
+
+ + +
+
+
+
@@ -250,6 +341,16 @@ diff --git a/other-module/medical-pad/chronic-disease.html b/other-module/medical-pad/chronic-disease.html index 1ae53cc..a05df3a 100644 --- a/other-module/medical-pad/chronic-disease.html +++ b/other-module/medical-pad/chronic-disease.html @@ -68,6 +68,24 @@ .tag--dm { background: rgba(42,193,139,.2); color: #2ac18b; } .tag--over { background: rgba(238,101,87,.2); color: #EE6557; } .tag--oth { background: rgba(104,98,214,.2); color: #6862D6; } + /* 慢病类型色块（更换疾病弹窗） */ + .type-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; } + .type-opt { position: relative; height: 62px; border-radius: 10px; border: 1.5px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .15s; } + .type-opt .chk { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.18); display: none; align-items: center; justify-content: center; } + .type-opt .chk svg { width: 13px; height: 13px; } + .type-opt.on .chk { display: flex; } + .t-ht { background: rgba(24,144,255,.1); color: #1890ff; } + .t-chd { background: rgba(0,195,195,.1); color: #00c3c3; } + .t-ob { background: rgba(252,163,24,.12); color: #fca318; } + .t-dm { background: rgba(42,193,139,.12); color: #2ac18b; } + .t-over { background: rgba(238,101,87,.12); color: #EE6557; } + .t-oth { background: rgba(104,98,214,.12); color: #6862D6; } + .type-opt.on.t-ht { border-color: #1890ff; } + .type-opt.on.t-chd { border-color: #00c3c3; } + .type-opt.on.t-ob { border-color: #fca318; } + .type-opt.on.t-dm { border-color: #2ac18b; } + .type-opt.on.t-over { border-color: #EE6557; } + .type-opt.on.t-oth { border-color: #6862D6; } /* 卡片右上更多操作 */ .more { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #969eb0; font-size: 16px; font-weight: bold; } .more:hover { background: #f0f2f5; } @@ -106,7 +124,7 @@ 床头呼叫 报告解读
-
+
@@ -131,14 +149,13 @@
-
-
+
姓名
-
工号
+
员工编号
慢病类型
- +
@@ -150,11 +167,13 @@
+
入组日期
-
- - +
+ +
+
@@ -162,48 +181,48 @@
⋯
- - 编辑 + + 编辑 删除
岳岳春生男 · 54岁
-
工号：1035678　
单位/部门：陕E作业区 / 管理四中心
慢病：高血压糖尿病
最近随访：2026-08-20 · 第3次
+
员工编号：1035678　
单位部门：陕E作业区-管理四中心
入组时间：2025-03-12
高血压糖尿病
⋯ -
编辑删除
+
编辑删除
田田淑珍女 · 61岁
-
工号：1042237
单位/部门：陕E作业区 / 转运站
慢病：冠心病高血压
最近随访：2026-08-18 · 第5次
+
员工编号：1042237
单位部门：陕E作业区-转运站
入组时间：2024-11-05
冠心病高血压
⋯ -
编辑删除
+
编辑删除
尹尹立春男 · 47岁
-
工号：1028945
单位/部门：陕E作业区 / 注水大队
慢病：肥胖超重
最近随访：2026-08-15 · 第2次
+
员工编号：1028945
单位部门：陕E作业区-注水大队
入组时间：2025-06-18
肥胖超重
⋯ -
编辑删除
+
编辑删除
戴戴文广男 · 58岁
-
工号：1031002
单位/部门：采油一大队
慢病：高血压
最近随访：2026-08-12 · 第4次
+
员工编号：1031002
单位部门：采油一厂-作业一大队
入组时间：2025-01-22
高血压
⋯ -
编辑删除
+
编辑删除
付付桂荣女 · 52岁
-
工号：1044518
单位/部门：采油二大队
慢病：糖尿病
最近随访：2026-08-10 · 第1次
+
员工编号：1044518
单位部门：采油二厂-作业二大队
入组时间：2026-02-09
糖尿病
⋯ -
编辑删除
+
编辑删除
曲曲志明男 · 45岁
-
工号：1037781
单位/部门：输气作业区
慢病：支气管哮喘
最近随访：2026-08-06 · 第2次
+
员工编号：1037781
单位部门：输气厂-输气作业区
入组时间：2025-09-14
糖尿病
@@ -214,6 +233,30 @@
+ +
+
+
+ 更换疾病 + +
+
姓名：—　　单位部门：—
+
慢病类型可多选
+
+
高血压
+
冠心病
+
肥胖
+
糖尿病
+
超重
+
其他
+
+
+ + +
+
+
+
@@ -231,23 +274,32 @@ diff --git a/other-module/medical-pad/health-education.html b/other-module/medical-pad/health-education.html index 34d9952..c8c739a 100644 --- a/other-module/medical-pad/health-education.html +++ b/other-module/medical-pad/health-education.html @@ -105,7 +105,7 @@ 床头呼叫 报告解读
-
+
@@ -133,7 +133,6 @@
标题
-
负责人
日期
@@ -153,25 +152,25 @@
夏季心脑血管疾病预防2026-08-18
-
负责人：石维国　参加人数：36　覆盖区域：管理四中心
针对高温作业人群讲解中暑识别与心脑血管急症的日常预防要点，发放低盐膳食手册。
+
参加人数：36　覆盖区域：管理四中心
针对高温作业人群讲解中暑识别与心脑血管急症的日常预防要点，发放低盐膳食手册。
糖尿病饮食管理讲堂2026-07-22
-
负责人：韩丽平　参加人数：24　覆盖区域：转运站
结合职工体检血糖异常数据，讲解主食定量与升糖指数，现场演示食物份量估算。
+
参加人数：24　覆盖区域：转运站
结合职工体检血糖异常数据，讲解主食定量与升糖指数，现场演示食物份量估算。
职业病防治法宣传周2026-04-28
-
负责人：石维国　参加人数：112　覆盖区域：全作业区
围绕接害岗位防护开展普法宣传，设置粉尘与噪声防护体验展台并发放防护用品。
+
参加人数：112　覆盖区域：全作业区
围绕接害岗位防护开展普法宣传，设置粉尘与噪声防护体验展台并发放防护用品。
戒烟限月主题活动2026-05-31
-
负责人：韩丽平　参加人数：45　覆盖区域：注水大队
世界无烟日现场签约戒烟12人，展示肺部模型与戒烟后身体恢复时间表。
+
参加人数：45　覆盖区域：注水大队
世界无烟日现场签约戒烟12人，展示肺部模型与戒烟后身体恢复时间表。
@@ -183,13 +182,13 @@
心肺复苏实操培训2026-08-05
-
负责人：石维国　参加人数：28　覆盖区域：管理四中心
利用模拟人开展CPR按压节律与AED使用训练，全员通过操作考核。
+
参加人数：28　覆盖区域：管理四中心
利用模拟人开展CPR按压节律与AED使用训练，全员通过操作考核。
海姆立克与外伤包扎2026-06-16
-
负责人：韩丽平　参加人数：33　覆盖区域：采油二大队
气道异物梗阻识别、海姆立克急救法与三角巾包扎逐项演练，现场发放急救包。
+
参加人数：33　覆盖区域：采油二大队
气道异物梗阻识别、海姆立克急救法与三角巾包扎逐项演练，现场发放急救包。
@@ -214,12 +213,12 @@
活动信息
-
负责人：石维国
宣教日期：2026-08-18 15:00
参加人数：36 人
-
覆盖区域：管理四中心
时长：60 分钟
登记时间：2026-08-18 17:20
+
负责人：石维国
活动日期：2026-08-18 15:00
参加人数：36 人
+
覆盖区域：管理四中心
-
宣教内容
+
活动内容
针对高温作业人群讲解中暑识别与心脑血管急症的日常预防要点：避免正午长时间露天作业、少量多次补水、晨起一杯温水；发放低盐膳食手册并现场答疑。对已纳入慢病干预的高血压职工重点提示规律服药与自测血压方法。
@@ -227,7 +226,7 @@
-
宣教资料
+
活动资料
《低盐膳食手册》.pdf1.8 MB下载
《高温天气健康防护要点》.docx246 KB下载
@@ -239,7 +238,7 @@
- +
diff --git a/other-module/medical-pad/interpret-drawer.html b/other-module/medical-pad/interpret-drawer.html index 5d6bf0a..43a68b1 100644 --- a/other-module/medical-pad/interpret-drawer.html +++ b/other-module/medical-pad/interpret-drawer.html @@ -60,6 +60,12 @@ .canvas-hint { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #bbb; font-size: 14px; pointer-events: none; } .eraser { position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 8px; border: 1px solid #d9dee8; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; } .eraser svg { width: 20px; height: 20px; stroke: #4a5a7f; fill: none; stroke-width: 2; } + /* 查看详情模式（纯显示） */ + .view-text { flex: 1; font-size: 13px; color: #333; line-height: 1.9; padding: 7px 0; white-space: pre-line; } + .sign-view { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } + .sign-view__name { font-family: KaiTi, serif; font-size: 26px; color: #333; } + .sign-view__note { font-size: 11px; color: #969eb0; } + .view-mode .fld__req { display: none; } @@ -111,7 +117,7 @@
员工基本信息
姓名：石维国
性别：男
-
年龄：50 岁
工号：1029334
+
年龄：50 岁
员工编号：1029334
所属单位：CQ能源采油三大队
体检日期：2025-10-18　报告：2025年体检报告
@@ -120,10 +126,10 @@
解读意见
*综合解读建议 - +
五类人群分类 - @@ -138,7 +144,7 @@
员工确认签字
本人已确认健康随访
*签字 -
+
@@ -237,6 +243,43 @@ box.innerHTML = '石维国已签名 · 点击可重签'; closeSign(); } + + // 查看详情模式：从「报告解读」页点击已解读卡片进入（URL 带 ?view=1），纯显示、不可编辑 + (function () { + if (!/[?&]view=1/.test(location.search)) return; + document.body.classList.add('view-mode'); + document.querySelector('.drawer__title').textContent = '解读报告详情'; + // 头部移除「删除 / 重新解读」 + var headBtns = document.querySelectorAll('.drawer__head button'); + for (var i = 0; i < headBtns.length; i++) headBtns[i].remove(); + // 解读信息：置于「员工确认签字」卡片上方 + var signCard = document.getElementById('signField').closest('.form-card'); + var fuCard = document.createElement('div'); + fuCard.className = 'form-card'; + fuCard.innerHTML = '
解读信息
' + + '
' + + '
解读医生：石维国
解读日期：2026-07-15
' + + '
'; + signCard.parentNode.insertBefore(fuCard, signCard); + // 综合解读建议 → 纯文本 + var ta = document.getElementById('adviceText'); + var adviceDiv = document.createElement('div'); + adviceDiv.className = 'view-text'; + adviceDiv.textContent = ta.value; + ta.parentNode.replaceChild(adviceDiv, ta); + // 五类人群分类 → 纯文本 + var sel = document.getElementById('categorySelect'); + var catDiv = document.createElement('div'); + catDiv.className = 'view-text'; + catDiv.textContent = sel.options[sel.selectedIndex].text; + sel.parentNode.replaceChild(catDiv, sel); + // 签字 → 静态已签 + var signField = document.getElementById('signField'); + signField.innerHTML = '
石维国已签名
'; + // 底部 → 仅「返回」 + var foot = document.querySelector('.drawer__foot'); + foot.innerHTML = ''; + })(); diff --git a/other-module/medical-pad/monitor.html b/other-module/medical-pad/monitor.html index f921949..6ca2fc6 100644 --- a/other-module/medical-pad/monitor.html +++ b/other-module/medical-pad/monitor.html @@ -34,20 +34,18 @@ .panel__btn { flex: 1; text-align: center; padding: 7px 0; border-radius: 14px; background: #e7f4ff; color: #1890ff; font-size: 12px; cursor: pointer; border: none; } .content { flex: 1; overflow-y: auto; padding: 16px 20px; scrollbar-width: none; } .content::-webkit-scrollbar { display: none; } - .adv-note { font-size: 12px; color: #fa8c16; background: rgba(252,163,24,.08); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; } - .adv-note svg { width: 15px; height: 15px; stroke: #fa8c16; fill: none; stroke-width: 2; flex-shrink: 0; } - .search-bar { background: #fff; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; box-shadow: 0 2px 8px rgba(74,90,127,.06); } - .search-bar__item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #4a5a7f; } - .search-bar__input { height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 10px; font-size: 13px; color: #333; min-width: 140px; outline: none; } + .search-bar { background: #fff; border-radius: 12px; padding: 14px 16px; box-shadow: 0 2px 8px rgba(74,90,127,.06); } + .search-bar__row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } + .search-bar__item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #4a5a7f; white-space: nowrap; } + .search-bar__input { height: 32px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 10px; font-size: 13px; color: #333; min-width: 140px; outline: none; background: #fff; } + .search-bar__input--range { min-width: 190px; } + .search-bar__more { border: none; background: none; color: #1890ff; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; padding: 2px 0; } + .search-bar__more svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; } + .search-bar__extra { display: none; gap: 14px; margin-top: 14px; padding-top: 14px; border-top: 1px dashed #eef1f6; } + .search-bar.expanded .search-bar__extra { display: flex; flex-wrap: wrap; } + .search-bar.expanded .search-bar__more svg { transform: rotate(180deg); } .btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid #d9dee8; background: #fff; color: #4a5a7f; font-size: 13px; cursor: pointer; } .btn--primary { background: #1890ff; border-color: #1890ff; color: #fff; } - /* 事件列表 */ - .elist { background: #fff; border-radius: 12px; margin-top: 14px; box-shadow: 0 2px 8px rgba(74,90,127,.06); overflow: hidden; } - .ehead { display: grid; grid-template-columns: 220px 130px 1fr 170px 160px 100px 90px; padding: 11px 18px; background: #f6f8fc; font-size: 12px; color: #4a5a7f; font-weight: 500; } - .erow { display: grid; grid-template-columns: 220px 130px 1fr 170px 160px 100px 90px; padding: 12px 18px; font-size: 12px; color: #333; align-items: center; border-top: 1px solid #f0f2f5; cursor: pointer; } - .erow:hover { background: #f7faff; } - .emp { display: flex; align-items: center; gap: 8px; } - .avatar { width: 32px; height: 32px; border-radius: 50%; border: 2px solid #1890ff; color: #3485ff; background: #fff; font-size: 13px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sex { display: inline-block; min-width: 16px; text-align: center; padding: 0 3px; height: 16px; line-height: 16px; border-radius: 4px; color: #fff; font-size: 10px; vertical-align: 1px; } .sex--f { background: #ff84ad; } .sex--m { background: #68cdfc; } @@ -58,12 +56,25 @@ .etype--fall { background: rgba(238,101,87,.12); color: #EE6557; } .etype--temp { background: rgba(0,195,195,.12); color: #00c3c3; } .etype--sos { background: rgba(24,144,255,.1); color: #1890ff; } - .e-data b { color: #fd2121; font-weight: 600; } - .loc-timeout { color: #fd2121; } - .pill { display: inline-block; padding: 1px 10px; border-radius: 12px; font-size: 11px; } - .pill--wait { background: rgba(253,33,33,.08); color: #fd2121; } - .pill--done { background: rgba(42,193,139,.12); color: #2ac18b; } - .link { color: #1890ff; cursor: pointer; font-size: 12px; text-decoration: none; } + /* 事件卡片列表 */ + .card-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; } + .card { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(74,90,127,.06); padding: 14px 16px 12px; cursor: pointer; position: relative; overflow: hidden; transition: box-shadow .15s; } + .card:hover { box-shadow: 0 6px 16px rgba(74,90,127,.14); } + .card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #1890ff; } + .card--hr::before { background: #fd2121; } + .card--spo2::before { background: #6862D6; } + .card--temp::before { background: #00c3c3; } + .card--stress::before { background: #fca318; } + .card--sos::before { background: #1890ff; } + .card--fall::before { background: #EE6557; } + .card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } + .card__time { font-size: 12px; color: #969eb0; } + .card__abnormal { background: #f7f9fc; border-radius: 8px; padding: 8px 10px; margin-bottom: 10px; font-size: 12px; color: #4a5a7f; } + .card__abnormal b { color: #fd2121; font-weight: 600; } + .card__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 14px; font-size: 12px; color: #4a5a7f; } + .card__meta b { color: #333; font-weight: 500; } + .card__loc { color: #333; } + .card__loc--timeout { color: #fd2121; } .page-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; font-size: 12px; color: #969eb0; padding-bottom: 4px; } .pager { display: flex; gap: 6px; } .pager__btn { min-width: 26px; height: 26px; border-radius: 6px; border: 1px solid #d9dee8; background: #fff; color: #4a5a7f; font-size: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; } @@ -83,8 +94,10 @@ .kv { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 18px; font-size: 12px; color: #4a5a7f; line-height: 1.9; } .kv b { color: #333; font-weight: 500; } .kv__full { grid-column: 1 / -1; } - /* 近24小时心率趋势 */ - .trend svg { width: 100%; height: 120px; } + /* 定位地图 */ + .map { border-radius: 8px; overflow: hidden; } + .map svg { width: 100%; height: 220px; display: block; } + .kv--red { color: #fd2121; } @@ -103,7 +116,7 @@ 床头呼叫 报告解读
-
+
@@ -128,78 +141,104 @@
- -
本页面依赖智能手环数据接入，仅 A01A34（定边第一医疗点）可见。
- -
-
员工
-
事件类型 - +