feat: 健康体检原型调整(体检报告模板全站更名体检导入模板管理、模板额度配置更名群体额度配置且同步选项改为忽略手动修改,大病人员信息新增新增大病人员弹窗含员工搜索下拉与信息卡片且通知列改标签并新增发送通知操作,指标异常通知页固定前三列与操作列并新增发送通知/发送短信,单位/胃肠镜单位预约统计改用页面顶部单位级别TAB且三级单位显示部门列并新增体检年份筛选,胃肠镜预约跟踪移除体检总费用列与详情费用块,胃肠镜问卷新增就诊卡号列,已选项目前置机体检状态筛选改为前置机预约状态,已参检员工信息移除录入大病信息按钮)
This commit is contained in:
@@ -180,7 +180,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -159,7 +159,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item active">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -154,7 +154,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -186,7 +186,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -196,7 +196,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item active">体检报告模板管理</a>
|
||||
<a href="config-report-template.html" class="sidebar-item active">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -203,7 +203,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -207,7 +207,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -143,7 +143,7 @@
|
||||
<a href="config-hospital-combo.html" class="sidebar-item">检查项组合配置</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检报告模板</a>
|
||||
<a href="config-report-template.html" class="sidebar-item">体检导入模板管理</a>
|
||||
<div class="sidebar-subgroup">
|
||||
<div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)">
|
||||
<svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
||||
@@ -279,7 +279,7 @@
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2" style="min-width:36px;"><input type="checkbox" id="checkAll" title="全选"></th><th rowspan="2">姓名</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th rowspan="2">年龄范围</th><th rowspan="2">身份证号</th><th rowspan="2">单位</th><th rowspan="2">部门</th><th rowspan="2">机构分类</th><th rowspan="2">员工编号</th><th rowspan="2">体检编码</th><th rowspan="2">用工形式</th><th rowspan="2">婚姻状态</th><th rowspan="2">体检类型</th><th rowspan="2">防癌项</th><th rowspan="2">是否上市员工</th><th rowspan="2">体检医院</th><th rowspan="2">体检预约信息</th><th rowspan="2">体检总费用</th><th colspan="4" style="text-align:center;">体检实际费用</th><th rowspan="2">预约状态</th><th rowspan="2">预约日期</th><th rowspan="2">体检状态</th><th rowspan="2">体检日期</th><th rowspan="2">体检年份</th><th rowspan="2">体检计划</th><th rowspan="2">操作</th>
|
||||
<th rowspan="2" style="min-width:36px;"><input type="checkbox" id="checkAll" title="全选"></th><th rowspan="2">姓名</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th rowspan="2">年龄范围</th><th rowspan="2">身份证号</th><th rowspan="2">单位</th><th rowspan="2">部门</th><th rowspan="2">机构分类</th><th rowspan="2">员工编号</th><th rowspan="2">体检编码</th><th rowspan="2">用工形式</th><th rowspan="2">婚姻状态</th><th rowspan="2">体检类型</th><th rowspan="2">防癌项</th><th rowspan="2">是否上市员工</th><th rowspan="2">体检医院</th><th rowspan="2">体检预约信息</th><th rowspan="2">体检总费用</th><th colspan="4" style="text-align:center;">体检明细费用</th><th rowspan="2">预约状态</th><th rowspan="2">预约日期</th><th rowspan="2">体检状态</th><th rowspan="2">体检日期</th><th rowspan="2">体检年份</th><th rowspan="2">体检计划</th><th rowspan="2">操作</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>必检费用</th><th>选检费用</th><th>妇科费用</th><th>防癌筛查费用</th>
|
||||
|
||||
@@ -73,7 +73,6 @@
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.tag-gray{background:#FAFAFA;color:#666;border:1px solid var(--border);}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
|
||||
.fee-total{font-weight:600;color:var(--text-primary);}
|
||||
/* 固定列:前三列 + 最后一列 */
|
||||
.sticky-l1{position:sticky;left:0;z-index:6;min-width:64px;}
|
||||
.sticky-l2{position:sticky;left:64px;z-index:6;min-width:88px;}
|
||||
@@ -100,10 +99,6 @@
|
||||
.detail-item{display:flex;align-items:baseline;gap:8px;font-size:var(--font-sm);min-width:0;}
|
||||
.detail-item label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;}
|
||||
.detail-item span{color:var(--text-primary);word-break:break-all;}
|
||||
.detail-fee{width:100%;border-collapse:collapse;margin-top:4px;}
|
||||
.detail-fee th,.detail-fee td{border:1px solid var(--border);padding:10px 14px;font-size:var(--font-sm);text-align:right;}
|
||||
.detail-fee th{background:#FAFAFA;color:var(--text-secondary);font-weight:500;text-align:center;}
|
||||
.detail-fee .fee-total-row td{font-weight:600;background:#F8FBFF;}
|
||||
/* 分页 */
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
@@ -251,28 +246,28 @@
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="min-width:36px;"><input type="checkbox" id="checkAll" title="全选"></th><th>序号</th><th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>身份证号</th><th>单位</th><th>部门</th><th>机构分类</th><th>预约状态</th><th>预约日期</th><th>体检状态</th><th>体检医院</th><th>体检日期</th><th>体检总费用</th><th>体检年份</th><th>体检计划</th><th>操作</th>
|
||||
<th style="min-width:36px;"><input type="checkbox" id="checkAll" title="全选"></th><th>序号</th><th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>身份证号</th><th>单位</th><th>部门</th><th>机构分类</th><th>预约状态</th><th>预约日期</th><th>体检状态</th><th>体检医院</th><th>体检日期</th><th>体检年份</th><th>体检计划</th><th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>1</td><td>王旭</td><td>342423</td><td>男</td><td>41</td><td>430626198502560029</td><td>公司机关</td><td>办公室</td><td>一类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-green">已出报告</span></td><td>延安医院</td><td>2026-03-12</td><td class="fee-total">¥2,380.00</td>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>1</td><td>王旭</td><td>342423</td><td>男</td><td>41</td><td>430626198502560029</td><td>公司机关</td><td>办公室</td><td>一类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-green">已出报告</span></td><td>延安医院</td><td>2026-03-12</td>
|
||||
<td>2026</td><td>2026年度胃肠镜专项体检</td><td><span class="link">详情</span><span class="link edit-link" style="margin-left:8px;">编辑</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>2</td><td>张武</td><td>324321</td><td>男</td><td>38</td><td>430626198806120037</td><td>公司机关</td><td>办公室</td><td>一类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">已体检</span></td><td>延安医院</td><td>2026-03-11</td><td class="fee-total">¥1,860.00</td>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>2</td><td>张武</td><td>324321</td><td>男</td><td>38</td><td>430626198806120037</td><td>公司机关</td><td>办公室</td><td>一类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">已体检</span></td><td>延安医院</td><td>2026-03-11</td>
|
||||
<td>2026</td><td>2026年度职工常规体检</td><td><span class="link">详情</span><span class="link edit-link" style="margin-left:8px;">编辑</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>3</td><td>李明</td><td>456789</td><td>男</td><td>36</td><td>610402199003150045</td><td>第一采油厂</td><td>生产一队</td><td>二类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-15</td><td><span class="tag tag-blue">体检中</span></td><td>泾河医院</td><td>2026-03-16</td><td class="fee-total">¥1,560.00</td>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>3</td><td>李明</td><td>456789</td><td>男</td><td>36</td><td>610402199003150045</td><td>第一采油厂</td><td>生产一队</td><td>二类机构</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-15</td><td><span class="tag tag-blue">体检中</span></td><td>泾河医院</td><td>2026-03-16</td>
|
||||
<td>2026</td><td>2026年度职工常规体检</td><td><span class="link">详情</span><span class="link edit-link" style="margin-left:8px;">编辑</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>4</td><td>赵芳</td><td>512336</td><td>女</td><td>45</td><td>610402198109230028</td><td>第二采油厂</td><td>地质研究所</td><td>一类机构</td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td><span class="tag tag-orange">未体检</span></td><td>-</td><td>-</td><td class="fee-total">¥1,920.00</td>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>4</td><td>赵芳</td><td>512336</td><td>女</td><td>45</td><td>610402198109230028</td><td>第二采油厂</td><td>地质研究所</td><td>一类机构</td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td><span class="tag tag-orange">未体检</span></td><td>-</td><td>-</td>
|
||||
<td>2026</td><td>2026年度职工常规体检</td><td><span class="link">详情</span><span class="link edit-link" style="margin-left:8px;">编辑</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>5</td><td>陈强</td><td>601178</td><td>男</td><td>52</td><td>610402197407080011</td><td>第三采油厂</td><td>集输大队</td><td>三类机构</td><td><span class="tag tag-red">已取消预约</span></td><td>2026-03-08</td><td><span class="tag tag-orange">未体检</span></td><td>市中心医院</td><td>-</td><td class="fee-total">¥2,380.00</td>
|
||||
<td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>5</td><td>陈强</td><td>601178</td><td>男</td><td>52</td><td>610402197407080011</td><td>第三采油厂</td><td>集输大队</td><td>三类机构</td><td><span class="tag tag-red">已取消预约</span></td><td>2026-03-08</td><td><span class="tag tag-orange">未体检</span></td><td>市中心医院</td><td>-</td>
|
||||
<td>2026</td><td>2026年度胃肠镜专项体检</td><td><span class="link">详情</span><span class="link edit-link" style="margin-left:8px;">编辑</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -350,16 +345,6 @@
|
||||
<div class="detail-item detail-item--full"><label>体检计划:</label><span data-f="plan">2026年度胃肠镜专项体检</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-section">
|
||||
<div class="detail-section__title">费用信息</div>
|
||||
<table class="detail-fee">
|
||||
<tbody>
|
||||
<tr class="fee-total-row">
|
||||
<td>体检总费用</td><td data-f="feeTotal">¥2,380.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal__footer">
|
||||
<button class="btn btn-default" data-close="detailModal">关 闭</button>
|
||||
@@ -406,8 +391,8 @@ document.querySelectorAll('tbody .link:not(.edit-link)').forEach(function(link){
|
||||
set('name',txt(2));set('empNo',txt(3));set('gender',txt(4));set('age',txt(5));set('idNo',txt(6));
|
||||
set('unit',txt(7));set('dept',txt(8));set('orgType',txt(9));
|
||||
var bookStatus=txt(10);set('bookDate',txt(11));
|
||||
var examStatus=txt(12);set('hospital',txt(13));set('examDate',txt(14));set('feeTotal',txt(15));
|
||||
set('year',txt(16));set('plan',txt(17));
|
||||
var examStatus=txt(12);set('hospital',txt(13));set('examDate',txt(14));
|
||||
set('year',txt(15));set('plan',txt(16));
|
||||
var bt=document.querySelector('[data-f="bookTag"]');
|
||||
if(bt)tag(bt,TAG_CLASS[bookStatus]||'tag-blue',bookStatus);
|
||||
var et=document.querySelector('[data-f="examTag"]');
|
||||
|
||||
@@ -216,37 +216,37 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" class="checkbox" id="checkAll"></th>
|
||||
<th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>身份证号</th><th>单位</th><th>部门</th><th>体检状态</th><th>预约日期</th><th>体检医院</th><th>体检日期</th><th>体检年份</th><th>体检计划</th><th>是否使用阿匹司林</th><th>是否有心脏病</th><th>是否有肺部疾病</th><th>是否有哮喘</th><th>胸部是否检查</th><th>血液是否检查</th><th>操作</th>
|
||||
<th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>身份证号</th><th>单位</th><th>部门</th><th>体检状态</th><th>预约日期</th><th>体检医院</th><th>体检日期</th><th>体检年份</th><th>体检计划</th><th>就诊卡号</th><th>是否使用阿匹司林</th><th>是否有心脏病</th><th>是否有肺部疾病</th><th>是否有哮喘</th><th>胸部是否检查</th><th>血液是否检查</th><th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" class="checkbox"></td>
|
||||
<td>王旭</td><td>342423</td><td>男</td><td>41</td><td>430626198502560029</td><td>公司机关</td><td>办公室</td><td><span class="tag tag-green">已出报告</span></td><td>2026-03-10</td><td>延安医院</td><td>2026-03-12</td><td>2026</td><td>2026年度胃肠镜专项体检</td>
|
||||
<td>王旭</td><td>342423</td><td>男</td><td>41</td><td>430626198502560029</td><td>公司机关</td><td>办公室</td><td><span class="tag tag-green">已出报告</span></td><td>2026-03-10</td><td>延安医院</td><td>2026-03-12</td><td>2026</td><td>2026年度胃肠镜专项体检</td><td>6600231458</td>
|
||||
<td><span class="tag tag-red">是</span></td><td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">详情</span><span class="opt-sep">|</span><span class="link">编辑</span><span class="opt-sep">|</span><span class="link-danger">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" class="checkbox"></td>
|
||||
<td>张武</td><td>324321</td><td>男</td><td>38</td><td>430626198806120037</td><td>公司机关</td><td>办公室</td><td><span class="tag tag-blue">已体检</span></td><td>2026-03-10</td><td>延安医院</td><td>2026-03-11</td><td>2026</td><td>2026年度胃肠镜专项体检</td>
|
||||
<td>张武</td><td>324321</td><td>男</td><td>38</td><td>430626198806120037</td><td>公司机关</td><td>办公室</td><td><span class="tag tag-blue">已体检</span></td><td>2026-03-10</td><td>延安医院</td><td>2026-03-11</td><td>2026</td><td>2026年度胃肠镜专项体检</td><td>6600231462</td>
|
||||
<td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">详情</span><span class="opt-sep">|</span><span class="link">编辑</span><span class="opt-sep">|</span><span class="link-danger">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" class="checkbox"></td>
|
||||
<td>李明</td><td>456789</td><td>男</td><td>36</td><td>610402199003150045</td><td>第一采油厂</td><td>生产一队</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-15</td><td>泾河医院</td><td>-</td><td>2026</td><td>2026年度职工常规体检</td>
|
||||
<td>李明</td><td>456789</td><td>男</td><td>36</td><td>610402199003150045</td><td>第一采油厂</td><td>生产一队</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-15</td><td>泾河医院</td><td>-</td><td>2026</td><td>2026年度职工常规体检</td><td>6600231470</td>
|
||||
<td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">详情</span><span class="opt-sep">|</span><span class="link">编辑</span><span class="opt-sep">|</span><span class="link-danger">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" class="checkbox"></td>
|
||||
<td>赵芳</td><td>512336</td><td>女</td><td>45</td><td>610402198109230028</td><td>第二采油厂</td><td>地质研究所</td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td>-</td><td>-</td><td>2026</td><td>2026年度职工常规体检</td>
|
||||
<td>赵芳</td><td>512336</td><td>女</td><td>45</td><td>610402198109230028</td><td>第二采油厂</td><td>地质研究所</td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td>-</td><td>-</td><td>2026</td><td>2026年度职工常规体检</td><td>-</td>
|
||||
<td><span class="tag tag-green">否</span></td><td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td>
|
||||
<td><span class="link">详情</span><span class="opt-sep">|</span><span class="link">编辑</span><span class="opt-sep">|</span><span class="link-danger">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" class="checkbox"></td>
|
||||
<td>陈强</td><td>601178</td><td>男</td><td>52</td><td>610402197407080011</td><td>第三采油厂</td><td>集输大队</td><td><span class="tag tag-red">已取消预约</span></td><td>2026-03-08</td><td>市中心医院</td><td>-</td><td>2026</td><td>2026年度胃肠镜专项体检</td>
|
||||
<td>陈强</td><td>601178</td><td>男</td><td>52</td><td>610402197407080011</td><td>第三采油厂</td><td>集输大队</td><td><span class="tag tag-red">已取消预约</span></td><td>2026-03-08</td><td>市中心医院</td><td>-</td><td>2026</td><td>2026年度胃肠镜专项体检</td><td>6600231485</td>
|
||||
<td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-red">是</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td><td><span class="tag tag-green">否</span></td>
|
||||
<td><span class="link">详情</span><span class="opt-sep">|</span><span class="link">编辑</span><span class="opt-sep">|</span><span class="link-danger">删除</span></td>
|
||||
</tr>
|
||||
|
||||
@@ -44,6 +44,12 @@
|
||||
.sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
|
||||
/* 主内容 */
|
||||
.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
|
||||
/* 单位级别TAB */
|
||||
.unit-level-tab{display:flex;align-items:center;gap:0;margin-bottom:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:0 24px;border-bottom:1px solid var(--border);}
|
||||
.unit-level-tab__item{position:relative;padding:14px 20px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s;user-select:none;}
|
||||
.unit-level-tab__item:hover{color:var(--primary);}
|
||||
.unit-level-tab__item.active{color:var(--primary);font-weight:500;}
|
||||
.unit-level-tab__item.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);border-radius:1px;}
|
||||
/* 筛选栏 */
|
||||
.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
|
||||
.filter-item{display:flex;align-items:center;gap:8px;}
|
||||
@@ -78,6 +84,9 @@
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
|
||||
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
|
||||
/* 三级单位tab下才显示的部门列 */
|
||||
.col-dept{display:none;}
|
||||
body.level-3 .col-dept{display:table-cell;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -140,6 +149,12 @@
|
||||
|
||||
<!-- 主内容 -->
|
||||
<main class="main">
|
||||
<!-- 单位级别切换TAB -->
|
||||
<div class="unit-level-tab">
|
||||
<div class="unit-level-tab__item active" onclick="switchUnitLevel(this)">二级单位</div>
|
||||
<div class="unit-level-tab__item" onclick="switchUnitLevel(this)">三级单位</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
@@ -170,25 +185,21 @@
|
||||
<!-- 数据表格 -->
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div style="display:flex;gap:16px;align-items:center;">
|
||||
<!-- [交互] Tab切换:单位预约情况统计 / 部门预约情况统计 -->
|
||||
<div class="table-card__title" style="cursor:pointer;padding-bottom:4px;border-bottom:2px solid var(--primary);">二级单位</div>
|
||||
<div class="table-card__title" style="cursor:pointer;color:var(--text-secondary);font-weight:400;">三级单位</div>
|
||||
</div>
|
||||
<div class="table-card__title">单位预约统计</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">序号</th><th rowspan="2">单位</th><th rowspan="2">应体检人数</th><th rowspan="2">填写问卷人数</th><th colspan="3" style="text-align:center;">已预约情况</th><th rowspan="2">未预约人数</th><th rowspan="2">体检年份</th>
|
||||
<th rowspan="2">序号</th><th rowspan="2">单位</th><th rowspan="2" class="col-dept">部门</th><th rowspan="2">应体检人数</th><th rowspan="2">填写问卷人数</th><th colspan="3" style="text-align:center;">已预约情况</th><th rowspan="2">未预约人数</th><th rowspan="2">体检年份</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>已预约人数</th><th>已参检人数</th><th>未参检人数</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>第一采油厂</td><td>5200</td><td>3600</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>2</td><td>第二采油厂</td><td>5200</td><td>3600</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>1</td><td>第一采油厂</td><td class="col-dept">采油作业一区</td><td>5200</td><td>3600</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>2</td><td>第二采油厂</td><td class="col-dept">采油作业二区</td><td>5200</td><td>3600</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -207,6 +218,12 @@
|
||||
</main>
|
||||
|
||||
<script>
|
||||
/* 单位级别TAB切换:三级单位显示部门列 */
|
||||
function switchUnitLevel(el){
|
||||
el.parentElement.querySelectorAll('.unit-level-tab__item').forEach(function(item){item.classList.remove('active');});
|
||||
el.classList.add('active');
|
||||
document.body.classList.toggle('level-3', el.textContent.trim()==='三级单位');
|
||||
}
|
||||
/* 侧边栏展开/折叠交互 */
|
||||
function toggleSubgroup(header){
|
||||
header.parentElement.classList.toggle('open');
|
||||
|
||||
@@ -226,10 +226,6 @@
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div style="display:flex;gap:12px;margin-bottom:16px;">
|
||||
<button class="btn btn-primary">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
录入大病信息
|
||||
</button>
|
||||
<button class="btn btn-default">导出项目状态</button>
|
||||
<button class="btn btn-default">导出体检指引单</button>
|
||||
<button class="btn btn-default">
|
||||
|
||||
@@ -212,9 +212,9 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>前置机体检状态:</label>
|
||||
<label>前置机预约状态:</label>
|
||||
<select class="filter-select">
|
||||
<option>请选择前置机体检状态</option><option>未体检</option><option>体检中</option><option>已体检</option>
|
||||
<option>请选择前置机预约状态</option><option>未预约</option><option>预约成功</option><option>已取消预约</option><option>预约失败</option><option>预约中</option><option>取消预约失败</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">
|
||||
@@ -269,8 +269,8 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>王旭</td><td>公司机关</td><td>办公室</td><td>TJ00687345</td><td>18811391195</td><td>兴隆园医院</td><td>342423</td><td>430626198502560029</td><td>预约成功</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">体检中</span></td><td><span class="tag tag-orange">未体检</span></td><td><span class="tag tag-green">已预约</span></td><td>2026-03-12</td><td><span class="link" onclick="openDetailModal()">详情</span> <span class="link" style="color:var(--danger);">删除</span></td></tr>
|
||||
<tr><td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>张武</td><td>公司机关</td><td>政策研究室</td><td>TJ00687264</td><td>15121908360</td><td>兴隆园医院</td><td>324321</td><td>430626198806120037</td><td>预约成功</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">体检中</span></td><td><span class="tag tag-orange">未体检</span></td><td><span class="tag tag-green">已预约</span></td><td>2026-03-11</td><td><span class="link" onclick="openDetailModal()">详情</span> <span class="link" style="color:var(--danger);">删除</span></td></tr>
|
||||
<tr><td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>王旭</td><td>公司机关</td><td>办公室</td><td>TJ00687345</td><td>18811391195</td><td>兴隆园医院</td><td>342423</td><td>430626198502560029</td><td>预约成功</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">体检中</span></td><td><span class="tag tag-orange">未体检</span></td><td><span class="tag tag-green">预约成功</span></td><td>2026-03-12</td><td><span class="link" onclick="openDetailModal()">详情</span> <span class="link" style="color:var(--danger);">删除</span></td></tr>
|
||||
<tr><td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>张武</td><td>公司机关</td><td>政策研究室</td><td>TJ00687264</td><td>15121908360</td><td>兴隆园医院</td><td>324321</td><td>430626198806120037</td><td>预约成功</td><td><span class="tag tag-green">已预约</span></td><td>2026-03-10</td><td><span class="tag tag-blue">体检中</span></td><td><span class="tag tag-orange">未体检</span></td><td><span class="tag tag-green">预约成功</span></td><td>2026-03-11</td><td><span class="link" onclick="openDetailModal()">详情</span> <span class="link" style="color:var(--danger);">删除</span></td></tr>
|
||||
<tr><td class="row-check"><input type="checkbox" class="row-checkbox"></td><td>赵芳</td><td>第二采油厂</td><td>地质研究所</td><td>TJ00687302</td><td>13744705644</td><td>泾河医院</td><td>512336</td><td>610402198109230028</td><td>-</td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td>-</td><td><span class="tag tag-orange">未体检</span></td><td><span class="tag tag-orange">未预约</span></td><td>-</td><td><span class="link" onclick="openDetailModal()">详情</span> <span class="link" style="color:var(--danger);">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -311,7 +311,7 @@
|
||||
<div class="info-item"><div class="info-item__label">预约状态</div><div class="info-item__value">已预约</div></div>
|
||||
<div class="info-item"><div class="info-item__label">预约日期</div><div class="info-item__value">2026-03-10</div></div>
|
||||
<div class="info-item"><div class="info-item__label">系统体检状态</div><div class="info-item__value">未体检</div></div>
|
||||
<div class="info-item"><div class="info-item__label">前置机预约状态</div><div class="info-item__value">已预约</div></div>
|
||||
<div class="info-item"><div class="info-item__label">前置机预约状态</div><div class="info-item__value">预约成功</div></div>
|
||||
<div class="info-item"><div class="info-item__label">体检日期</div><div class="info-item__value">2026-03-12</div></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -44,6 +44,12 @@
|
||||
.sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
|
||||
/* 主内容 */
|
||||
.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
|
||||
/* 单位级别TAB */
|
||||
.unit-level-tab{display:flex;align-items:center;gap:0;margin-bottom:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:0 24px;border-bottom:1px solid var(--border);}
|
||||
.unit-level-tab__item{position:relative;padding:14px 20px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s;user-select:none;}
|
||||
.unit-level-tab__item:hover{color:var(--primary);}
|
||||
.unit-level-tab__item.active{color:var(--primary);font-weight:500;}
|
||||
.unit-level-tab__item.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);border-radius:1px;}
|
||||
/* 筛选栏 */
|
||||
.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
|
||||
.filter-item{display:flex;align-items:center;gap:8px;}
|
||||
@@ -78,6 +84,9 @@
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
|
||||
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
|
||||
/* 三级单位tab下才显示的部门列 */
|
||||
.col-dept{display:none;}
|
||||
body.level-3 .col-dept{display:table-cell;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -140,8 +149,20 @@
|
||||
|
||||
<!-- 主内容 -->
|
||||
<main class="main">
|
||||
<!-- 单位级别切换TAB -->
|
||||
<div class="unit-level-tab">
|
||||
<div class="unit-level-tab__item active" onclick="switchUnitLevel(this)">二级单位</div>
|
||||
<div class="unit-level-tab__item" onclick="switchUnitLevel(this)">三级单位</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>体检年份:</label>
|
||||
<select class="filter-select">
|
||||
<option>2024</option><option selected>2025</option><option>2026</option><option>2027</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>单位:</label>
|
||||
<select class="filter-select">
|
||||
@@ -170,25 +191,21 @@
|
||||
<!-- 数据表格 -->
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div style="display:flex;gap:16px;align-items:center;">
|
||||
<!-- [交互] Tab切换:单位预约情况统计 / 部门预约情况统计 -->
|
||||
<div class="table-card__title" style="cursor:pointer;padding-bottom:4px;border-bottom:2px solid var(--primary);">二级单位</div>
|
||||
<div class="table-card__title" style="cursor:pointer;color:var(--text-secondary);font-weight:400;">三级单位</div>
|
||||
</div>
|
||||
<div class="table-card__title">单位预约人数统计</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">序号</th><th rowspan="2">单位</th><th rowspan="2">应体检人数</th><th rowspan="2">已选项目人数</th><th colspan="3" style="text-align:center;">已预约情况</th><th rowspan="2">未预约人数</th><th rowspan="2">体检年份</th>
|
||||
<th rowspan="2">序号</th><th rowspan="2">单位</th><th rowspan="2" class="col-dept">部门</th><th rowspan="2">应体检人数</th><th rowspan="2">已选项目人数</th><th colspan="3" style="text-align:center;">已预约情况</th><th rowspan="2">未预约人数</th><th rowspan="2">体检年份</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>已预约人数</th><th>已参检人数</th><th>未参检人数</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>第一采油厂</td><td>5200</td><td>5000</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>2</td><td>第二采油厂</td><td>5200</td><td>5000</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>1</td><td>第一采油厂</td><td class="col-dept">采油作业一区</td><td>5200</td><td>5000</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
<tr><td>2</td><td>第二采油厂</td><td class="col-dept">采油作业二区</td><td>5200</td><td>5000</td><td>4000</td><td>3000</td><td>1000</td><td>1000</td><td>2025</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -207,6 +224,12 @@
|
||||
</main>
|
||||
|
||||
<script>
|
||||
/* 单位级别TAB切换:三级单位显示部门列 */
|
||||
function switchUnitLevel(el){
|
||||
el.parentElement.querySelectorAll('.unit-level-tab__item').forEach(function(item){item.classList.remove('active');});
|
||||
el.classList.add('active');
|
||||
document.body.classList.toggle('level-3', el.textContent.trim()==='三级单位');
|
||||
}
|
||||
/* 侧边栏展开/折叠交互 */
|
||||
function toggleSubgroup(header){
|
||||
header.parentElement.classList.toggle('open');
|
||||
|
||||
@@ -75,13 +75,42 @@
|
||||
.tag-orange{background:#FFF7E6;color:var(--warning);}
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
|
||||
/* 开关 */
|
||||
.switch{position:relative;display:inline-block;width:44px;height:22px;vertical-align:middle;}
|
||||
.switch input{opacity:0;width:0;height:0;}
|
||||
.switch__slider{position:absolute;inset:0;background:#BFBFBF;border-radius:22px;cursor:pointer;transition:background .2s;}
|
||||
.switch__slider::before{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
|
||||
.switch input:checked + .switch__slider{background:var(--primary);}
|
||||
.switch input:checked + .switch__slider::before{transform:translateX(22px);}
|
||||
/* 弹窗 */
|
||||
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:200;display:none;align-items:center;justify-content:center;}
|
||||
.modal-mask.open{display:flex;}
|
||||
.modal{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:640px;max-width:92vw;max-height:86vh;display:flex;flex-direction:column;}
|
||||
.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.modal__title{font-size:var(--font-base);font-weight:600;}
|
||||
.modal__close{font-size:22px;color:var(--text-placeholder);cursor:pointer;line-height:1;}
|
||||
.modal__close:hover{color:var(--text-secondary);}
|
||||
.modal__body{padding:20px 24px;overflow-y:auto;}
|
||||
.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border);}
|
||||
/* 表单 */
|
||||
.form-item{margin-bottom:16px;}
|
||||
.form-item:last-child{margin-bottom:0;}
|
||||
.form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;display:block;}
|
||||
.form-label .req{color:var(--danger);margin-right:2px;}
|
||||
.form-control{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;}
|
||||
.form-control:focus{border-color:var(--primary);}
|
||||
select.form-control{padding:0 28px 0 12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;}
|
||||
textarea.form-control{height:auto;min-height:88px;padding:8px 12px;resize:vertical;line-height:1.6;}
|
||||
/* 员工搜索下拉 */
|
||||
.emp-search{position:relative;}
|
||||
.emp-search__panel{position:absolute;left:0;right:0;top:38px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;z-index:10;display:none;}
|
||||
.emp-search__panel.open{display:block;}
|
||||
.emp-search__item{padding:8px 12px;font-size:var(--font-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
|
||||
.emp-search__item:hover{background:#F8FBFF;}
|
||||
.emp-search__item .dept{color:var(--text-secondary);font-size:var(--font-xs);}
|
||||
.emp-search__empty{padding:12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
|
||||
/* 员工基本信息卡片 */
|
||||
.emp-card{display:none;border:1px solid var(--border);border-radius:var(--radius-md);background:#F8FBFF;padding:14px 16px;}
|
||||
.emp-card.open{display:block;}
|
||||
.emp-card__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;}
|
||||
.emp-card__field{font-size:var(--font-sm);}
|
||||
.emp-card__field label{color:var(--text-secondary);margin-right:4px;}
|
||||
/* toast */
|
||||
.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:var(--font-sm);z-index:9999;opacity:0;transition:opacity .2s;pointer-events:none;}
|
||||
.toast.show{opacity:1;}
|
||||
/* 分页 */
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
@@ -205,8 +234,12 @@
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;">
|
||||
<button class="btn btn-primary" onclick="openAddModal()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="#fff" stroke-width="1.6" stroke-linecap="round"/></svg>
|
||||
新增大病人员
|
||||
</button>
|
||||
<button class="btn btn-primary">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
导出列表数据
|
||||
</button>
|
||||
<button class="btn btn-default">
|
||||
@@ -227,29 +260,29 @@
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>序号</th><th>姓名</th><th>员工编号</th><th>单位</th><th>部门</th><th>医院名称</th><th>身份证号</th><th>手机号</th><th>体检日期</th><th>大病分类</th><th>是否开启消息通知</th><th>是否已发送短信</th><th>操作</th>
|
||||
<th>序号</th><th>姓名</th><th>员工编号</th><th>单位</th><th>部门</th><th>医院名称</th><th>身份证号</th><th>手机号</th><th>体检日期</th><th>大病分类</th><th>是否已发送通知</th><th>是否已发送短信</th><th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td><td>王旭</td><td>342423</td><td>公司机关</td><td>办公室</td><td>延安医院</td><td>430626198502560029</td><td>13812346621</td><td>2026-03-10</td><td>恶性肿瘤</td><td><span class="switch"><input type="checkbox" checked><span class="switch__slider"></span></span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span></td>
|
||||
<td>1</td><td>王旭</td><td>342423</td><td>公司机关</td><td>办公室</td><td>延安医院</td><td>430626198502560029</td><td>13812346621</td><td>2026-03-10</td><td>恶性肿瘤</td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">发送通知</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td><td>张丽娟</td><td>328845</td><td>公司机关</td><td>财务部</td><td>长安医院</td><td>430626198805120046</td><td>13912343078</td><td>2026-03-11</td><td>心脑血管疾病</td><td><span class="switch"><input type="checkbox" checked><span class="switch__slider"></span></span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span></td>
|
||||
<td>2</td><td>张丽娟</td><td>328845</td><td>公司机关</td><td>财务部</td><td>长安医院</td><td>430626198805120046</td><td>13912343078</td><td>2026-03-11</td><td>心脑血管疾病</td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">发送通知</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td><td>李国强</td><td>417203</td><td>生产一部</td><td>运行车间</td><td>延安医院</td><td>430626197911200017</td><td>13712345540</td><td>2026-03-12</td><td>糖尿病及并发症</td><td><span class="switch"><input type="checkbox"><span class="switch__slider"></span></span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span></td>
|
||||
<td>3</td><td>李国强</td><td>417203</td><td>生产一部</td><td>运行车间</td><td>延安医院</td><td>430626197911200017</td><td>13712345540</td><td>2026-03-12</td><td>糖尿病及并发症</td><td><span class="tag tag-red">否</span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">发送通知</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td><td>陈慧敏</td><td>509126</td><td>生产二部</td><td>检修班</td><td>西南医院</td><td>430626198302140028</td><td>13512348802</td><td>2026-03-12</td><td>慢性肾病</td><td><span class="switch"><input type="checkbox" checked><span class="switch__slider"></span></span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span></td>
|
||||
<td>4</td><td>陈慧敏</td><td>509126</td><td>生产二部</td><td>检修班</td><td>西南医院</td><td>430626198302140028</td><td>13512348802</td><td>2026-03-12</td><td>慢性肾病</td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-green">是</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">发送通知</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td><td>赵明辉</td><td>371840</td><td>公司机关</td><td>安全环保部</td><td>大坪医院</td><td>430626197509030035</td><td>13612341194</td><td>2026-03-13</td><td>肝硬化</td><td><span class="switch"><input type="checkbox" checked><span class="switch__slider"></span></span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span></td>
|
||||
<td>5</td><td>赵明辉</td><td>371840</td><td>公司机关</td><td>安全环保部</td><td>大坪医院</td><td>430626197509030035</td><td>13612341194</td><td>2026-03-13</td><td>肝硬化</td><td><span class="tag tag-green">是</span></td><td><span class="tag tag-red">否</span></td>
|
||||
<td><span class="link">编辑</span><span class="link" style="margin-left:12px;">删除</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">发送通知</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -261,6 +294,75 @@
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 新增大病人员弹窗 -->
|
||||
<div class="modal-mask" id="addIllnessModal">
|
||||
<div class="modal">
|
||||
<div class="modal__header">
|
||||
<div class="modal__title">新增大病人员</div>
|
||||
<span class="modal__close" onclick="closeAddModal()">×</span>
|
||||
</div>
|
||||
<div class="modal__body">
|
||||
<div class="form-item">
|
||||
<label class="form-label"><span class="req">*</span>搜索员工(姓名 / 身份证号)</label>
|
||||
<div class="emp-search">
|
||||
<input class="form-control" id="empSearchInput" type="text" placeholder="请输入员工姓名或身份证号搜索" oninput="renderEmpOptions(this.value)" autocomplete="off">
|
||||
<div class="emp-search__panel" id="empPanel"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label class="form-label">员工基本信息</label>
|
||||
<div class="emp-card" id="empCard">
|
||||
<div class="emp-card__grid">
|
||||
<div class="emp-card__field"><label>姓名:</label><span id="f-name">-</span></div>
|
||||
<div class="emp-card__field"><label>员工编号:</label><span id="f-empNo">-</span></div>
|
||||
<div class="emp-card__field"><label>性别:</label><span id="f-gender">-</span></div>
|
||||
<div class="emp-card__field"><label>年龄:</label><span id="f-age">-</span></div>
|
||||
<div class="emp-card__field"><label>单位:</label><span id="f-unit">-</span></div>
|
||||
<div class="emp-card__field"><label>部门:</label><span id="f-dept">-</span></div>
|
||||
<div class="emp-card__field"><label>身份证号:</label><span id="f-idNo">-</span></div>
|
||||
<div class="emp-card__field"><label>手机号:</label><span id="f-phone">-</span></div>
|
||||
<div class="emp-card__field"><label>体检医院:</label><span id="f-hospital">-</span></div>
|
||||
<div class="emp-card__field"><label>体检日期:</label><span id="f-examDate">-</span></div>
|
||||
<div class="emp-card__field"><label>现有大病分类:</label><span id="f-illness">-</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label class="form-label"><span class="req">*</span>操作类型</label>
|
||||
<select class="form-control" id="optType">
|
||||
<option value="">请选择操作类型</option>
|
||||
<option>新增大病人员</option>
|
||||
<option>为已有大病人员追加记录</option>
|
||||
<option>更新大病信息</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label class="form-label"><span class="req">*</span>大病分类</label>
|
||||
<select class="form-control" id="optCategory">
|
||||
<option value="">请选择大病分类</option>
|
||||
<option>恶性肿瘤</option>
|
||||
<option>心脑血管疾病</option>
|
||||
<option>糖尿病及并发症</option>
|
||||
<option>慢性肾病</option>
|
||||
<option>肝硬化</option>
|
||||
<option>其他大病</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label class="form-label"><span class="req">*</span>大病详情</label>
|
||||
<textarea class="form-control" id="optDetail" placeholder="请填写确诊病种、确诊时间、治疗情况等"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal__footer">
|
||||
<button class="btn btn-default" onclick="closeAddModal()">取 消</button>
|
||||
<button class="btn btn-primary" onclick="submitAdd()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- toast -->
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script>
|
||||
/* 侧边栏展开/折叠交互 */
|
||||
function toggleSubgroup(header){
|
||||
@@ -273,6 +375,84 @@ function toggleSubgroup(header){
|
||||
var sub=active.closest('.sidebar-subgroup');
|
||||
while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
|
||||
})();
|
||||
/* 新增大病人员弹窗 */
|
||||
/* [演示数据] 可搜索的员工:姓名/身份证号可匹配 */
|
||||
var EMP_LIST=[
|
||||
{name:'王旭',empNo:'342423',gender:'男',age:41,unit:'公司机关',dept:'办公室',idNo:'430626198502560029',phone:'13812346621',hospital:'延安医院',examDate:'2026-03-10',illness:'恶性肿瘤'},
|
||||
{name:'张丽娟',empNo:'328845',gender:'女',age:38,unit:'公司机关',dept:'财务部',idNo:'430626198805120046',phone:'13912343078',hospital:'长安医院',examDate:'2026-03-11',illness:'心脑血管疾病'},
|
||||
{name:'李国强',empNo:'417203',gender:'男',age:47,unit:'生产一部',dept:'运行车间',idNo:'430626197911200017',phone:'13712345540',hospital:'延安医院',examDate:'2026-03-12',illness:'-'},
|
||||
{name:'陈慧敏',empNo:'509126',gender:'女',age:43,unit:'生产二部',dept:'检修班',idNo:'430626198302140028',phone:'13512348802',hospital:'西南医院',examDate:'2026-03-12',illness:'慢性肾病'},
|
||||
{name:'刘洋',empNo:'518842',gender:'男',age:35,unit:'第一采油厂',dept:'采油作业一区',idNo:'610402199105160032',phone:'13698762210',hospital:'市中心医院',examDate:'2026-03-15',illness:'-'},
|
||||
{name:'周雪梅',empNo:'523177',gender:'女',age:40,unit:'第二采油厂',dept:'地质研究所',idNo:'610402198607220048',phone:'13598764412',hospital:'泾河医院',examDate:'2026-03-16',illness:'-'}
|
||||
];
|
||||
var selectedEmp=null;
|
||||
function openAddModal(){
|
||||
selectedEmp=null;
|
||||
document.getElementById('empSearchInput').value='';
|
||||
document.getElementById('empPanel').classList.remove('open');
|
||||
document.getElementById('empCard').classList.remove('open');
|
||||
document.getElementById('optType').value='';
|
||||
document.getElementById('optCategory').value='';
|
||||
document.getElementById('optDetail').value='';
|
||||
document.getElementById('addIllnessModal').classList.add('open');
|
||||
}
|
||||
/* 点击搜索框外部收起下拉 */
|
||||
document.addEventListener('click',function(e){
|
||||
if(!e.target.closest('.emp-search'))document.getElementById('empPanel').classList.remove('open');
|
||||
});
|
||||
function closeAddModal(){
|
||||
document.getElementById('addIllnessModal').classList.remove('open');
|
||||
}
|
||||
/* 搜索:按姓名/身份证号模糊匹配,下拉选择 */
|
||||
function renderEmpOptions(q){
|
||||
var panel=document.getElementById('empPanel');
|
||||
selectedEmp=null;
|
||||
document.getElementById('empCard').classList.remove('open');
|
||||
q=(q||'').trim();
|
||||
if(!q){panel.classList.remove('open');panel.innerHTML='';return;}
|
||||
var hits=EMP_LIST.filter(function(e){return e.name.indexOf(q)>-1||e.idNo.indexOf(q)>-1;});
|
||||
if(!hits.length){
|
||||
panel.innerHTML='<div class="emp-search__empty">未找到匹配员工</div>';
|
||||
}else{
|
||||
panel.innerHTML=hits.map(function(e){
|
||||
return '<div class="emp-search__item" onmousedown="pickEmp(\''+e.empNo+'\')"><span>'+e.name+'('+e.empNo+')</span><span class="dept">'+e.unit+' / '+e.dept+'</span></div>';
|
||||
}).join('');
|
||||
}
|
||||
panel.classList.add('open');
|
||||
}
|
||||
function pickEmp(empNo){
|
||||
var e=EMP_LIST.find(function(x){return x.empNo===empNo;});
|
||||
if(!e)return;
|
||||
selectedEmp=e;
|
||||
document.getElementById('empSearchInput').value=e.name+' / '+e.idNo;
|
||||
document.getElementById('empPanel').classList.remove('open');
|
||||
var set=function(id,v){document.getElementById(id).textContent=v;};
|
||||
set('f-name',e.name);set('f-empNo',e.empNo);set('f-gender',e.gender);set('f-age',e.age);
|
||||
set('f-unit',e.unit);set('f-dept',e.dept);set('f-idNo',e.idNo);set('f-phone',e.phone);
|
||||
set('f-hospital',e.hospital);set('f-examDate',e.examDate);set('f-illness',e.illness);
|
||||
document.getElementById('empCard').classList.add('open');
|
||||
}
|
||||
/* 确定:必填校验后演示提交 */
|
||||
function submitAdd(){
|
||||
if(!selectedEmp){showToast('请先搜索并选择员工');return;}
|
||||
var t=document.getElementById('optType').value;
|
||||
var c=document.getElementById('optCategory').value;
|
||||
var d=document.getElementById('optDetail').value.trim();
|
||||
if(!t){showToast('请选择操作类型');return;}
|
||||
if(!c){showToast('请选择大病分类');return;}
|
||||
if(!d){showToast('请填写大病详情');return;}
|
||||
closeAddModal();
|
||||
showToast('新增大病人员成功(演示)');
|
||||
}
|
||||
/* Esc关闭弹窗 */
|
||||
document.addEventListener('keydown',function(e){
|
||||
if(e.key==='Escape')closeAddModal();
|
||||
});
|
||||
function showToast(msg){
|
||||
var t=document.getElementById('toast');
|
||||
t.textContent=msg;t.classList.add('show');
|
||||
setTimeout(function(){t.classList.remove('show');},1500);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -75,6 +75,14 @@
|
||||
.tag-orange{background:#FFF7E6;color:var(--warning);}
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
|
||||
/* 固定列:前三列 + 操作列 */
|
||||
.sticky-l1{position:sticky;left:0;z-index:6;min-width:64px;}
|
||||
.sticky-l2{position:sticky;left:64px;z-index:6;min-width:88px;}
|
||||
.sticky-l3{position:sticky;left:152px;z-index:6;min-width:104px;box-shadow:2px 0 6px rgba(0,0,0,0.08);}
|
||||
.sticky-r{position:sticky;right:0;z-index:6;min-width:150px;box-shadow:-2px 0 6px rgba(0,0,0,0.08);}
|
||||
thead .sticky-l1,thead .sticky-l2,thead .sticky-l3,thead .sticky-r{z-index:8;background:#FAFAFA;}
|
||||
tbody .sticky-l1,tbody .sticky-l2,tbody .sticky-l3,tbody .sticky-r{background:#fff;}
|
||||
tbody tr:hover .sticky-l1,tbody tr:hover .sticky-l2,tbody tr:hover .sticky-l3,tbody tr:hover .sticky-r{background:#F8FBFF;}
|
||||
/* 分页 */
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
@@ -236,29 +244,29 @@
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>序号</th><th>姓名</th><th>员工编号</th><th>身份证号</th><th>手机号</th><th>重大异常描述</th><th>APP已通知</th><th>APP通知时间</th><th>APP通知已读</th><th>APP通知已读时间</th><th>短信已通知</th><th>短信通知时间</th><th>操作</th>
|
||||
<th class="sticky-l1">序号</th><th class="sticky-l2">姓名</th><th class="sticky-l3">员工编号</th><th>身份证号</th><th>手机号</th><th>重大异常描述</th><th>APP已通知</th><th>APP通知时间</th><th>APP通知已读</th><th>APP通知已读时间</th><th>短信已通知</th><th>短信通知时间</th><th class="sticky-r">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td><td>王旭</td><td>342423</td><td>430626198502560029</td><td>13812346621</td><td>空腹血糖 14.2 mmol/L↑,糖化血红蛋白 9.8%↑,提示糖尿病可能</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:20:36</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 10:05:12</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:21:02</td>
|
||||
<td><span class="link">删除</span></td>
|
||||
<td class="sticky-l1">1</td><td class="sticky-l2">王旭</td><td class="sticky-l3">342423</td><td>430626198502560029</td><td>13812346621</td><td>空腹血糖 14.2 mmol/L↑,糖化血红蛋白 9.8%↑,提示糖尿病可能</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:20:36</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 10:05:12</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:21:02</td>
|
||||
<td class="sticky-r"><span class="link">发送通知</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td><td>张丽娟</td><td>328845</td><td>430626198805120046</td><td>13912343078</td><td>胸部CT示右肺上叶结节 12mm,建议进一步检查</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:22:18</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td>
|
||||
<td><span class="link">删除</span></td>
|
||||
<td class="sticky-l1">2</td><td class="sticky-l2">张丽娟</td><td class="sticky-l3">328845</td><td>430626198805120046</td><td>13912343078</td><td>胸部CT示右肺上叶结节 12mm,建议进一步检查</td><td><span class="tag tag-green">是</span></td><td>2026-03-15 09:22:18</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td>
|
||||
<td class="sticky-r"><span class="link">发送通知</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td><td>李国强</td><td>417203</td><td>430626197911200017</td><td>13712345540</td><td>血压 178/112 mmHg↑,心电图示左心室高电压</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td>
|
||||
<td><span class="link">删除</span></td>
|
||||
<td class="sticky-l1">3</td><td class="sticky-l2">李国强</td><td class="sticky-l3">417203</td><td>430626197911200017</td><td>13712345540</td><td>血压 178/112 mmHg↑,心电图示左心室高电压</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td>
|
||||
<td class="sticky-r"><span class="link">发送通知</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td><td>陈慧敏</td><td>509126</td><td>430626198302140028</td><td>13512348802</td><td>甲胎蛋白 458 ng/mL↑,肝脏超声示占位性病变</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 14:02:45</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 15:30:08</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 14:03:20</td>
|
||||
<td><span class="link">删除</span></td>
|
||||
<td class="sticky-l1">4</td><td class="sticky-l2">陈慧敏</td><td class="sticky-l3">509126</td><td>430626198302140028</td><td>13512348802</td><td>甲胎蛋白 458 ng/mL↑,肝脏超声示占位性病变</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 14:02:45</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 15:30:08</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 14:03:20</td>
|
||||
<td class="sticky-r"><span class="link">发送通知</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td><td>赵明辉</td><td>371840</td><td>430626197509030035</td><td>13612341194</td><td>总胆红素 68 μmol/L↑,转氨酶升高 3 倍,提示肝功能异常</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 16:40:55</td>
|
||||
<td><span class="link">删除</span></td>
|
||||
<td class="sticky-l1">5</td><td class="sticky-l2">赵明辉</td><td class="sticky-l3">371840</td><td>430626197509030035</td><td>13612341194</td><td>总胆红素 68 μmol/L↑,转氨酶升高 3 倍,提示肝功能异常</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-red">否</span></td><td>—</td><td><span class="tag tag-green">是</span></td><td>2026-03-16 16:40:55</td>
|
||||
<td class="sticky-r"><span class="link">发送通知</span><span class="link" style="margin-left:12px;">发送短信</span><span class="link" style="margin-left:12px;">删除</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -201,7 +201,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -256,7 +256,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -137,7 +137,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -201,7 +201,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -190,7 +190,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -189,7 +189,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -200,7 +200,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -182,7 +182,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -147,7 +147,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -260,7 +260,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>健康体检 - 模板额度配置 | 健康CQ原型</title>
|
||||
<title>健康体检 - 群体额度配置 | 健康CQ原型</title>
|
||||
<style>
|
||||
*{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
|
||||
@@ -146,7 +146,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item active">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item active">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -267,7 +267,7 @@
|
||||
<div class="form-label"><span class="required">*</span> 批量更新规则</div>
|
||||
<select class="form-select" id="quota-rule">
|
||||
<option value="全量">全量</option>
|
||||
<option value="增量">增量</option>
|
||||
<option value="忽略手动修改">忽略手动修改</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -151,7 +151,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item active">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -189,7 +189,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -176,7 +176,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -192,7 +192,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -176,7 +176,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -192,7 +192,7 @@
|
||||
体检额度配置
|
||||
</div>
|
||||
<div class="sidebar-subgroup__body">
|
||||
<a href="pre-quota-group.html" class="sidebar-item">模板额度配置</a>
|
||||
<a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
|
||||
<a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user