From 26419bc1de424bc64445e004e48225ecd5d8b440 Mon Sep 17 00:00:00 2001
From: liuyunqin <liuyunqin@rk-health.com>
Date: Tue, 8 Sep 2026 17:55:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=A5=E5=BA=B7=E4=BD=93=E6=A3=80?=
 =?UTF-8?q?=E4=B8=89=E7=AB=AF=E4=B8=8E=E5=8C=BB=E7=96=97=E7=82=B9PAD?=
 =?UTF-8?q?=E3=80=81=E4=BD=93=E9=87=8D=E7=AE=A1=E7=90=86=E5=A4=9A=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E6=9B=B4=E6=96=B0=EF=BC=88=E5=91=98=E5=B7=A5=E7=AB=AF?=
 =?UTF-8?q?=E5=86=A0=E8=84=89CTA=E4=BD=93=E6=A3=80=E6=8E=A5=E5=85=A5?=
 =?UTF-8?q?=EF=BC=9A=E9=A6=96=E9=A1=B5Banner=E6=96=B0=E5=A2=9E=E7=AC=AC?=
 =?UTF-8?q?=E5=9B=9B=E5=BC=A0CTA=E6=9A=96=E7=BA=A2=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=B8=8E=E5=9C=86=E7=82=B9=E9=9A=8F=E5=BC=A0?=
 =?UTF-8?q?=E5=8F=98=E8=89=B2=E3=80=81reports=E9=A1=B5=E6=96=B0=E5=A2=9ECT?=
 =?UTF-8?q?A=E6=8A=A5=E5=91=8A=E6=9D=A1=E7=9B=AE=E5=85=B112=E4=BB=BD?=
 =?UTF-8?q?=E3=80=81=E6=96=B0=E5=A2=9Ecta-date/cta-hospital/report-cta?=
 =?UTF-8?q?=E5=9B=9B=E4=B8=AACTA=E9=A1=B5=E9=9D=A2=EF=BC=9B=E5=8C=BB?=
 =?UTF-8?q?=E7=96=97=E7=82=B9PAD=E7=AB=AF=EF=BC=9A=E9=9A=8F=E8=AE=BF?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E6=94=B9=E4=B8=BA=E6=90=BA=E5=B8=A6=E5=91=98?=
 =?UTF-8?q?=E5=B7=A5=E4=BF=A1=E6=81=AF=E8=B7=B3=E8=BD=ACgoFollow=E5=B8=A6?=
 =?UTF-8?q?=E5=8F=82=E5=9B=9E=E6=98=BE=E3=80=81=E4=B8=8B=E6=AC=A1=E9=9A=8F?=
 =?UTF-8?q?=E8=AE=BF/=E9=9A=8F=E8=AE=BF=E6=95=88=E6=9E=9C/=E7=AD=BE?=
 =?UTF-8?q?=E5=AD=97=E6=96=B9=E5=BC=8F(=E6=89=8B=E5=86=99+=E7=AD=BE?=
 =?UTF-8?q?=E5=AD=97=E5=9B=BE=E7=89=87)/=E6=96=B0=E5=A2=9E=E7=94=A8?=
 =?UTF-8?q?=E8=8D=AF/=E5=B7=A1=E8=AF=8A=E4=BB=BB=E5=8A=A1(=E9=A2=91?=
 =?UTF-8?q?=E6=AC=A1/=E5=8D=95=E6=AC=A1/=E7=94=B3=E8=AF=B7=E9=9A=8F?=
 =?UTF-8?q?=E8=AF=8A)=E9=87=8D=E6=9E=84=E3=80=81=E5=8D=95=E4=BD=8D?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=A7=84=E8=8C=83=E5=8C=96=E4=B8=BA=E9=87=87?=
 =?UTF-8?q?=E6=B2=B9=E4=B8=80=E5=8E=82-=E4=BF=A1=E6=81=AF=E9=83=A8?=
 =?UTF-8?q?=E7=AD=89=E3=80=81=E7=99=BB=E5=BD=95=E5=8E=BB=E6=8E=89=E6=A0=A1?=
 =?UTF-8?q?=E9=AA=8C=E7=9B=B4=E6=8E=A5=E8=BF=9B=E5=85=A5=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E3=80=81=E5=88=A0=E9=99=A4=E4=BA=94=E7=B1=BB=E4=BA=BA=E7=BE=A4?=
 =?UTF-8?q?=E7=99=BB=E8=AE=B0=E9=A1=B5=EF=BC=9B=E7=AE=A1=E7=90=86=E7=AB=AF?=
 =?UTF-8?q?=E5=81=A5=E5=BA=B7=E4=BD=93=E6=A3=80=EF=BC=9A=E6=A1=A3=E6=A1=88?=
 =?UTF-8?q?=E5=8D=95=E4=BD=8D=E6=8A=A5=E8=A1=A8=E8=A1=A8=E5=A4=B4=E9=87=8D?=
 =?UTF-8?q?=E5=81=9A=E5=8D=95=E5=B1=8223=E5=88=97=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E4=BD=93=E6=A3=80=E5=B9=B4=E4=BB=BD=E5=88=97=E4=B8=8E=E8=BF=87?=
 =?UTF-8?q?=E7=A8=8B=E6=BC=8F=E6=96=97/=E7=96=BE=E7=97=85=E4=B8=93?=
 =?UTF-8?q?=E9=A1=B9/=E8=B4=B9=E7=94=A8=E4=B8=89=E5=9D=97=E5=8F=A3?=
 =?UTF-8?q?=E5=BE=84=E3=80=81=E4=BA=BA=E6=95=B0=E5=88=97=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=BA=BA=E5=91=98=E5=90=8D=E5=8D=95+?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BACSV=E3=80=81=E4=B8=AA=E4=BA=BA=E4=BD=93?=
 =?UTF-8?q?=E6=A3=80=E6=95=B0=E6=8D=AE=E6=96=B0=E5=A2=9E=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E5=88=97=E6=9F=A5=E7=9C=8B=E6=8A=A5=E5=91=8A=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E3=80=81=E5=91=98=E5=B7=A5=E5=A4=A7=E8=A1=A8=E4=B8=8E=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E6=A1=A3=E6=A1=88=E6=96=B0=E5=A2=9E=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E5=91=98=E5=B7=A5=E4=B8=8B=E6=8B=89=E7=AD=9B=E9=80=89=E3=80=81?=
 =?UTF-8?q?=E6=A3=80=E5=89=8D=E7=BB=84=E5=90=88=E6=A8=A1=E6=9D=BF/?=
 =?UTF-8?q?=E4=BE=8B=E5=A4=96=E9=85=8D=E7=BD=AE/=E5=BF=85=E6=A3=80?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E9=98=B2=E7=99=8C=E7=AD=9B=E6=9F=A5TAB?=
 =?UTF-8?q?=E8=9E=8D=E5=90=88=E3=80=81=E5=8C=BB=E9=99=A2=E4=BD=93=E6=A3=80?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=B4=B9=E7=94=A8=E6=9B=B4=E5=90=8D=E5=8C=BB?=
 =?UTF-8?q?=E9=99=A2=E4=BD=93=E6=A3=80=E9=A1=B9=E7=9B=AE=E3=80=81=E6=A3=80?=
 =?UTF-8?q?=E5=89=8D=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=BB=9F=E4=B8=80=E9=87=8D?=
 =?UTF-8?q?=E5=BB=BA=E4=B8=8ECTA=E5=88=86=E7=BB=84=EF=BC=9B=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=AB=AF=E4=BD=93=E9=87=8D=E7=AE=A1=E7=90=86=EF=BC=9A?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E5=BC=82=E5=B8=B8=E9=A1=B5=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E9=94=99=E4=BD=8D=E4=BF=AE=E5=A4=8D+=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E5=88=A4=E5=AE=9A=E6=94=B6=E6=95=9B=E4=B8=BA=E4=BA=94=E7=B1=BB?=
 =?UTF-8?q?=E6=8C=87=E6=A0=87+=E5=BC=82=E5=B8=B8=E7=AD=89=E7=BA=A7?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E3=80=81PRD=E7=BB=93=E6=9E=9C=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8=E8=8A=82=E5=90=8C=E6=AD=A5=EF=BC=9B=E5=90=84=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97CHANGELOG=E8=AE=B0=E5=BD=95=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../health-checkup/booking-project.html       |   66 +-
 employee-app/health-checkup/booking-type.html |   33 +
 .../health-checkup/cta-date-selected.html     |  409 +++
 employee-app/health-checkup/cta-date.html     |  350 +++
 employee-app/health-checkup/cta-hospital.html |  220 ++
 employee-app/health-checkup/index.html        |   31 +-
 .../health-checkup/indicator-compare.html     |  272 +-
 .../health-checkup/my-appointments-all.html   |   76 +-
 employee-app/health-checkup/report-cta.html   |  508 +++
 employee-app/health-checkup/reports.html      |   17 +-
 index.html                                    |    3 +-
 .../medical-pad/five-class-drawer.html        |  138 -
 other-module/medical-pad/follow-drawer.html   |  186 +-
 .../medical-pad/interpret-drawer.html         |   52 +-
 other-module/medical-pad/login.html           |   15 +-
 other-module/medical-pad/task.html            |   45 +-
 .../health-checkup/archive-personal.html      |  243 +-
 web-admin/health-checkup/archive-unit.html    |  185 +-
 .../health-checkup/config-hospital-basic.html |   28 +-
 .../config-material-notice.html               |   77 +-
 web-admin/health-checkup/doc/CHANGELOG.md     |   10 +
 .../health-checkup/exception-result.html      |   20 +-
 .../health-checkup/post-employee-master.html  |   57 +-
 .../pre-cta-hospital-scope.html               | 1620 +++++-----
 .../health-checkup/pre-cta-plan-mgmt.html     | 2548 +++++++--------
 .../health-checkup/pre-gastro-employee.html   |  576 ++--
 .../pre-gastro-hospital-scope.html            | 1620 +++++-----
 .../health-checkup/pre-gastro-plan-mgmt.html  | 2548 +++++++--------
 web-admin/health-checkup/pre-gastro-plan.html |  804 ++---
 web-admin/health-checkup/pre-gastro-stat.html |  786 ++---
 .../health-checkup/pre-hospital-scope.html    | 1620 +++++-----
 .../pre-item-combo-template.html              | 1954 ++++++------
 .../health-checkup/pre-item-exception.html    | 1918 ++++++------
 .../health-checkup/pre-item-hospital-fee.html | 2782 ++++++++--------
 .../health-checkup/pre-item-required.html     | 1920 ++++++------
 .../health-checkup/pre-item-unit-fee.html     |  728 ++---
 web-admin/health-checkup/pre-plan.html        | 2784 ++++++++---------
 web-admin/health-checkup/pre-quota-group.html |  642 ++--
 .../health-checkup/pre-quota-personal.html    |  688 ++--
 .../health-checkup/pre-special-cancer.html    | 1578 +++++-----
 web-admin/health-checkup/pre-special-cta.html | 1202 +++----
 .../health-checkup/pre-special-gastro.html    | 1426 ++++-----
 .../health-checkup/pre-special-hospital.html  | 1194 +++----
 .../pre-special-occupation.html               | 1490 ++++-----
 web-admin/weight-management/doc/CHANGELOG.md  |    6 +
 web-admin/weight-management/doc/PRD.md        |   10 +-
 .../exception-result-abnormal.html            |  236 +-
 47 files changed, 18991 insertions(+), 16730 deletions(-)
 create mode 100644 employee-app/health-checkup/cta-date-selected.html
 create mode 100644 employee-app/health-checkup/cta-date.html
 create mode 100644 employee-app/health-checkup/cta-hospital.html
 create mode 100644 employee-app/health-checkup/report-cta.html
 delete mode 100644 other-module/medical-pad/five-class-drawer.html

diff --git a/employee-app/health-checkup/booking-project.html b/employee-app/health-checkup/booking-project.html
index a2769c3..e2cb18a 100644
--- a/employee-app/health-checkup/booking-project.html
+++ b/employee-app/health-checkup/booking-project.html
@@ -172,9 +172,24 @@
     .project-card__meta {
       display: flex; align-items: center; gap: 6px;
     }
+    /* AI 推荐标签分三档，字号阶梯放大 + 深色实底强化等级对比：
+       强烈推荐 12px 红橙实底 > 建议加做 11px 紫蓝实底 > 可选参考 10px 浅蓝描边 */
     .project-card__badge--ai {
-      background: linear-gradient(135deg, #7c5cfc 0%, #4f8ef7 100%);
-      color: #fff; cursor: pointer; box-shadow: 0 2px 6px rgba(124, 92, 252, 0.3);
+      color: #fff; cursor: pointer; font-weight: 700;
+    }
+    .project-card__badge--ai-high {
+      height: 26px; padding: 0 12px; border-radius: 13px; font-size: 12px;
+      background: linear-gradient(135deg, #cf1322 0%, #f5222d 55%, #ff7a45 100%);
+      box-shadow: 0 3px 8px rgba(207, 19, 34, 0.35);
+    }
+    .project-card__badge--ai-mid {
+      height: 24px; padding: 0 11px; border-radius: 12px; font-size: 11px;
+      background: linear-gradient(135deg, #531dab 0%, #722ed1 50%, #1677ff 100%);
+      box-shadow: 0 2px 6px rgba(83, 29, 171, 0.35);
+    }
+    .project-card__badge--ai-low {
+      height: 20px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600;
+      background: #f0f5ff; color: #597ef7; border: 1px solid #d6e4ff;
     }
     .project-card__arrow {
       flex-shrink: 0; color: #d0d0d0; font-size: 16px; cursor: pointer;
@@ -235,7 +250,15 @@
     /* AI 推荐理由弹窗 */
     .ai-modal { padding: 24px 20px 18px; }
     .ai-modal__project {
-      font-size: 15px; font-weight: 700; color: #7c5cfc; text-align: center; margin-bottom: 12px;
+      font-size: 15px; font-weight: 700; color: #7c5cfc; text-align: center; margin-bottom: 10px;
+    }
+    .ai-modal__level {
+      display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px;
+    }
+    .ai-modal__level-cap { font-size: 12px; color: var(--text-muted); }
+    .ai-modal__level-desc {
+      font-size: 12px; line-height: 1.6; color: var(--text-secondary); text-align: center;
+      margin: -4px 0 12px;
     }
     .ai-modal__reason {
       background: #f7f9fb; border-radius: 14px; padding: 14px 16px; margin-bottom: 18px;
@@ -351,6 +374,11 @@
       <div class="confirm-modal ai-modal">
         <div class="confirm-modal__title">✨ 智能推荐</div>
         <div class="ai-modal__project" id="aiModalProject"></div>
+        <div class="ai-modal__level">
+          <span class="ai-modal__level-cap">推荐等级</span>
+          <span class="project-card__badge" id="aiModalLevel"></span>
+        </div>
+        <div class="ai-modal__level-desc" id="aiModalLevelDesc"></div>
         <div class="ai-modal__reason" id="aiModalReason"></div>
         <button class="confirm-modal__btn confirm-modal__btn--primary ai-modal__close" onclick="closeAiReason()">知道了</button>
       </div>
@@ -359,6 +387,12 @@
   <script>
     // 年度体检总额度（可用额度 = 总额度 − 已选项目费用，原型模拟数据）
     const annualLimit = 1600;
+    // AI 推荐等级：3 强烈推荐（既往异常直接相关）> 2 建议加做（存在风险因素）> 1 可选参考（一般性补充筛查）
+    const AI_LEVELS = {
+      3: { label: '强烈推荐', cls: 'high', icon: '🔥', desc: '与您的既往异常发现直接相关，建议本年度务必完成。' },
+      2: { label: '建议加做', cls: 'mid', icon: '✨', desc: '健康画像显示存在相关风险因素，建议在本年度体检中加做。' },
+      1: { label: '可选参考', cls: 'low', icon: '✨', desc: '按年龄段与常见风险的一般性补充筛查，可结合剩余额度自行选择。' }
+    };
     const projects = [
       { id: 'general', name: '一般检查', desc: '身高、体重、血压、视力', price: 120, type: 'required', level: 'normal' },
       { id: 'blood', name: '血常规', desc: '血红蛋白、白细胞、血小板等', price: 80, type: 'required', level: 'normal' },
@@ -369,11 +403,11 @@
       { id: 'glucose', name: '空腹血糖', desc: '空腹静脉血糖检测', price: 40, type: 'required', level: 'normal' },
       { id: 'ecg', name: '心电图', desc: '十二导联心电图检查', price: 75, type: 'required', level: 'key' },
       { id: 'xray', name: '胸部X光', desc: '胸部正位X线摄影', price: 140, type: 'optional', level: 'normal' },
-      { id: 'ultrasound', name: '腹部B超', desc: '肝胆脾胰肾超声检查', price: 180, type: 'optional', level: 'key', aiRecommend: true, aiReason: '健康画像显示 BMI 26.8（超重），且近年血脂偏高，建议加做腹部超声，重点筛查脂肪肝与胆囊病变。预计费用 ¥180，在本年度体检额度内。' },
-      { id: 'thyroid', name: '甲状腺彩超', desc: '甲状腺结构与结节筛查', price: 160, type: 'optional', level: 'key', aiRecommend: true, aiReason: '既往史显示 2024 年体检发现甲状腺结节（TI-RADS 2 类），建议每年做一次超声随访复查，观察结节变化。预计费用 ¥160，在本年度体检额度内。' },
-      { id: 'tumor', name: '肿瘤标志物', desc: '基础肿瘤风险筛查', price: 220, type: 'optional', level: 'key', aiRecommend: true, aiReason: '家族史提示直系亲属有肿瘤病史，结合您所处年龄段（45 岁以上），建议今年纳入基础肿瘤标志物筛查，做到早发现早干预。预计费用 ¥220，在本年度体检额度内。' },
-      { id: 'echo', name: '心脏彩超', desc: '心脏结构与瓣膜功能超声', price: 360, type: 'optional', level: 'key' },
-      { id: 'gastro', name: '胃幽门螺杆菌检测', desc: 'C13 呼气试验，筛查胃部风险', price: 480, type: 'optional', level: 'normal' }
+      { id: 'ultrasound', name: '腹部B超', desc: '肝胆脾胰肾超声检查', price: 180, type: 'optional', level: 'key', aiLevel: 3, aiReason: '健康画像显示 BMI 26.8（超重），且近年血脂持续偏高，属于脂肪肝与胆囊病变的高风险人群，建议本年度务必完成腹部超声重点筛查。预计费用 ¥180，在本年度体检额度内。' },
+      { id: 'thyroid', name: '甲状腺彩超', desc: '甲状腺结构与结节筛查', price: 160, type: 'optional', level: 'key', aiLevel: 2, aiReason: '既往史显示 2024 年体检发现甲状腺结节（TI-RADS 2 类），建议每年做一次超声随访复查，观察结节变化。预计费用 ¥160，在本年度体检额度内。' },
+      { id: 'tumor', name: '肿瘤标志物', desc: '基础肿瘤风险筛查', price: 220, type: 'optional', level: 'key', aiLevel: 2, aiReason: '家族史提示直系亲属有肿瘤病史，结合您所处年龄段（45 岁以上），建议今年纳入基础肿瘤标志物筛查，做到早发现早干预。预计费用 ¥220，在本年度体检额度内。' },
+      { id: 'echo', name: '心脏彩超', desc: '心脏结构与瓣膜功能超声', price: 360, type: 'optional', level: 'key', aiLevel: 1, aiReason: '近两次体检血压处于正常高值，可完成一次心脏彩超，建立心脏结构与瓣膜功能的基线资料，便于日后对比随访。预计费用 ¥360，请注意控制项目总额。' },
+      { id: 'gastro', name: '胃幽门螺杆菌检测', desc: 'C13 呼气试验，筛查胃部风险', price: 480, type: 'optional', level: 'normal', aiLevel: 1, aiReason: '幽门螺杆菌是胃癌明确的危险因素，国内感染率较高。如从未检测过，建议先做一次 C13 呼气试验筛查，阳性可规范四联根除治疗。预计费用 ¥480，可结合剩余额度自行选择。' }
     ];
 
     let activeTab = 'optional';
@@ -397,9 +431,11 @@
     }
 
     function getOptionalProjects() {
-      // [交互] AI 推荐项目排在列表前面
-      const optional = projects.filter(project => project.type === 'optional');
-      return [...optional.filter(project => project.aiRecommend), ...optional.filter(project => !project.aiRecommend)];
+      // [交互] AI 推荐项目按推荐等级从高到低排在列表前面，未推荐项目保持原顺序
+      return projects
+        .filter(project => project.type === 'optional')
+        .slice()
+        .sort((a, b) => (b.aiLevel || 0) - (a.aiLevel || 0));
     }
 
     function getRequiredFee() {
@@ -443,6 +479,7 @@
         const isReadonly = project.type === 'required';
         const isSelected = selectedOptionalIds.has(project.id);
         const projectLevelText = project.level === 'key' ? '重点项目' : '一般项目';
+        const aiLevel = AI_LEVELS[project.aiLevel];
         card.className = `project-card${isReadonly ? ' project-card--readonly' : ''}${isSelected ? ' selected' : ''}`;
         card.innerHTML = `
           <div class="project-card__check${isReadonly ? ' project-card__check--hidden' : ''}"></div>
@@ -455,7 +492,7 @@
               <span class="project-card__price">${formatPrice(project.price)}</span>
               <div class="project-card__meta">
                 <span class="project-card__badge${project.level === 'key' ? ' project-card__badge--key' : ''}">${projectLevelText}</span>
-                ${project.aiRecommend ? '<span class="project-card__badge project-card__badge--ai">✨ 推荐</span>' : ''}
+                ${aiLevel ? `<span class="project-card__badge project-card__badge--ai project-card__badge--ai-${aiLevel.cls}">${aiLevel.icon} ${aiLevel.label}</span>` : ''}
               </div>
             </div>
             <span class="project-card__arrow" data-detail="${project.id}">&#8250;</span>
@@ -523,7 +560,12 @@
       window.location.href = 'booking-hospital.html';
     }
     function openAiReason(project) {
+      const level = AI_LEVELS[project.aiLevel];
       document.getElementById('aiModalProject').textContent = project.name;
+      const levelEl = document.getElementById('aiModalLevel');
+      levelEl.textContent = level.icon + ' ' + level.label;
+      levelEl.className = 'project-card__badge project-card__badge--ai project-card__badge--ai-' + level.cls;
+      document.getElementById('aiModalLevelDesc').textContent = level.desc;
       document.getElementById('aiModalReason').textContent = project.aiReason;
       document.getElementById('aiModal').classList.remove('hidden');
     }
diff --git a/employee-app/health-checkup/booking-type.html b/employee-app/health-checkup/booking-type.html
index 839a80a..2643bbe 100644
--- a/employee-app/health-checkup/booking-type.html
+++ b/employee-app/health-checkup/booking-type.html
@@ -130,6 +130,9 @@
     .type-card__icon--gastro {
       background: linear-gradient(135deg, #fff7e6 0%, #ffe7ba 100%);
     }
+    .type-card__icon--cta {
+      background: linear-gradient(135deg, #fff1f0 0%, #ffccc7 100%);
+    }
     .type-card__main { flex: 1; min-width: 0; }
     .type-card__name {
       font-size: 16px;
@@ -318,6 +321,34 @@
             </div>
           </div>
         </div>
+
+        <div class="type-card" onclick="selectType(this, 'cta')">
+          <div class="type-card__header">
+            <div class="type-card__icon type-card__icon--cta">🫀</div>
+            <div class="type-card__main">
+              <div class="type-card__name">冠脉CTA体检</div>
+              <div class="type-card__badges">
+                <span class="status-badge status-badge--ongoing">进行中</span>
+                <span class="status-badge status-badge--appt-open">已开启预约</span>
+              </div>
+            </div>
+            <div class="radio-dot"></div>
+          </div>
+          <div class="type-card__info">
+            <div class="info-row">
+              <span class="info-row__label">体检时间</span>
+              <span class="info-row__value">2026-06-23 至 2026-08-31</span>
+            </div>
+            <div class="info-row">
+              <span class="info-row__label">预约时间</span>
+              <span class="info-row__value">2026-06-01 至 2026-08-20</span>
+            </div>
+            <div class="info-row">
+              <span class="info-row__label">所属人群</span>
+              <span class="info-row__value">35岁及以下-女</span>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
 
@@ -337,6 +368,8 @@
     function goNext() {
       if (selectedType === 'gastro') {
         window.location.href = 'gastro-hospital.html?from=booking-type';
+      } else if (selectedType === 'cta') {
+        window.location.href = 'cta-hospital.html?from=booking-type';
       } else {
         window.location.href = 'booking-hospital.html?from=booking-type';
       }
diff --git a/employee-app/health-checkup/cta-date-selected.html b/employee-app/health-checkup/cta-date-selected.html
new file mode 100644
index 0000000..70959e1
--- /dev/null
+++ b/employee-app/health-checkup/cta-date-selected.html
@@ -0,0 +1,409 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>冠脉CTA预约 - 预约完成</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --primary: #13c2c2; --primary-dark: #0f9b9b; --primary-light: #e6fffb;
+      --danger: #ff4d4f; --danger-light: #fff1f0;
+      --text-primary: #1a1a1a; --text-secondary: #666666; --text-muted: #8c8c8c;
+      --bg-page: #f0f2f5; --bg-content: #f7f9fb;
+      --shadow: 0 10px 30px rgba(19, 194, 194, 0.08);
+    }
+    body {
+      background: var(--bg-page); display: flex; justify-content: center; align-items: flex-start;
+      min-height: 100vh; padding: 20px;
+      font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+      color: var(--text-primary);
+    }
+    .phone-shell {
+      width: 390px; min-height: 844px; background: var(--bg-content);
+      border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0;
+      overflow: hidden; position: relative; display: flex; flex-direction: column;
+    }
+    .phone-status-bar {
+      height: 44px; background: #fff; display: flex; align-items: center;
+      justify-content: space-between; padding: 0 24px; font-size: 12px; font-weight: 600; flex-shrink: 0;
+    }
+    .phone-status-bar .time { font-size: 15px; font-weight: 700; }
+    .phone-status-bar .icons { display: flex; gap: 6px; align-items: center; }
+    .nav-bar {
+      height: 44px; display: flex; align-items: center; padding: 0 16px;
+      background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; position: relative;
+    }
+    .nav-back { font-size: 18px; color: var(--text-primary); cursor: pointer; line-height: 1; text-decoration: none; }
+    .nav-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 17px; font-weight: 600; }
+    .scroll-content {
+      flex: 1; overflow-y: auto;
+      background: linear-gradient(180deg, #effbfb 0%, #f7f9fb 180px, #f7f9fb 100%);
+      padding-bottom: 100px;
+    }
+    .scroll-content::-webkit-scrollbar { display: none; }
+    .page-body { padding: 16px; }
+    .stepper { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; padding: 16px 0; }
+    .stepper__item { display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
+    .stepper__dot {
+      width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
+      font-size: 12px; font-weight: 700; background: #e8e8e8; color: #bfbfbf; transition: all 0.25s;
+    }
+    .stepper__item--done .stepper__dot { background: var(--primary); color: #fff; }
+    .stepper__item--done { pointer-events: none; }
+    .stepper__label { font-size: 12px; color: var(--text-muted); white-space: nowrap; }
+    .stepper__item--done .stepper__label { color: var(--primary-dark); }
+    .stepper__line { width: 44px; height: 3px; background: #e8e8e8; margin: 0 8px; margin-bottom: 22px; border-radius: 2px; }
+    .stepper__line--done { background: var(--primary); }
+    .section-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
+    .info-card {
+      background: #fff; border-radius: 20px; padding: 18px 16px; margin-bottom: 14px;
+      box-shadow: var(--shadow); border: 1px solid rgba(19,194,194,0.06);
+    }
+    .info-card__row {
+      display: flex; justify-content: space-between; align-items: center;
+      padding: 12px 0; border-bottom: 1px solid #f0f0f0;
+    }
+    .info-card__row:first-child { padding-top: 0; }
+    .info-card__row:last-child { border-bottom: none; padding-bottom: 0; }
+    .info-card__label { font-size: 13px; color: var(--text-muted); }
+    .info-card__value { font-size: 14px; font-weight: 600; color: var(--text-primary); text-align: right; }
+    .info-card__value--highlight { color: var(--primary-dark); }
+    .tips-card {
+      background: #fff; border-radius: 20px; padding: 16px; margin-bottom: 14px;
+      border: 1px solid #eef5f5; box-shadow: 0 8px 24px rgba(0,0,0,0.04);
+    }
+    .tips-card__title { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
+    .tips-card__item {
+      display: flex; gap: 8px; font-size: 13px; line-height: 1.7;
+      color: var(--text-secondary); margin-bottom: 8px;
+    }
+    .tips-card__item:last-child { margin-bottom: 0; }
+    .tips-card__dot {
+      width: 6px; height: 6px; border-radius: 50%; background: var(--primary);
+      margin-top: 8px; flex-shrink: 0;
+    }
+    .bottom-actions {
+      position: absolute; left: 16px; right: 16px; bottom: 18px;
+      display: flex; gap: 12px; padding-bottom: 16px;
+    }
+    .bottom-actions__btn {
+      flex: 1; height: 48px; border-radius: 24px; font-size: 15px; font-weight: 600; border: none; cursor: pointer;
+    }
+    .bottom-actions__btn--ghost {
+      background: var(--danger-light); color: var(--danger); border: 1px solid rgba(255,77,79,0.2);
+    }
+    .bottom-actions__btn--primary {
+      background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%);
+      color: #fff; box-shadow: 0 10px 20px rgba(19,194,194,0.22);
+    }
+    .toast {
+      position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.9);
+      background: rgba(0,0,0,0.75); color: #fff; padding: 14px 22px; border-radius: 12px;
+      font-size: 13px; line-height: 1.6; text-align: center; z-index: 200;
+      opacity: 0; pointer-events: none; transition: all 0.25s ease; max-width: 280px;
+    }
+    .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+    /* 原型演示状态下拉框(导航栏右上角) */
+    .demo-select {
+      margin-left: auto; flex-shrink: 0; font-family: inherit;
+      font-size: 11px; font-weight: 600; color: var(--text-secondary);
+      border: 1px solid #e8e8e8; border-radius: 12px; padding: 3px 6px;
+      background: #f5f5f5; cursor: pointer; outline: none;
+    }
+    /* 预约结果横幅 */
+    .result-banner {
+      display: flex; align-items: flex-start; gap: 12px;
+      border-radius: 20px; padding: 16px; margin-bottom: 14px;
+    }
+    .result-banner--success { background: linear-gradient(135deg, #f6ffed 0%, #ffffff 100%); border: 1px solid #b7eb8f; }
+    .result-banner--fail { background: linear-gradient(135deg, #fff1f0 0%, #ffffff 100%); border: 1px solid #ffccc7; }
+    .result-banner__icon {
+      width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
+      display: flex; align-items: center; justify-content: center;
+    }
+    .result-banner--success .result-banner__icon { background: #52c41a; }
+    .result-banner--fail .result-banner__icon { background: #ff4d4f; }
+    .result-banner--success .icon-cross { display: none; }
+    .result-banner--fail .icon-check { display: none; }
+    .result-banner__title { font-size: 18px; font-weight: 800; margin-bottom: 4px; }
+    .result-banner--success .result-banner__title { color: #389e0d; }
+    .result-banner--fail .result-banner__title { color: #cf1322; }
+    .result-banner__sub { font-size: 12px; color: var(--text-muted); line-height: 1.5; }
+    .result-banner__reason {
+      display: none; align-items: center; gap: 6px; margin-top: 6px;
+      font-size: 13px; color: var(--text-secondary);
+    }
+    .result-banner--fail .result-banner__reason { display: flex; }
+    .reason-help {
+      width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ff4d4f; color: #ff4d4f;
+      display: inline-flex; align-items: center; justify-content: center;
+      font-size: 11px; font-weight: 700; cursor: pointer; flex-shrink: 0; transition: all 0.2s;
+    }
+    .reason-help:hover { background: #ff4d4f; color: #fff; }
+    /* 失败原因详情弹窗 */
+    .reason-modal {
+      width: 100%; background: #fff; border-radius: 24px; padding: 22px 20px 18px;
+      box-shadow: 0 20px 50px rgba(0,0,0,0.16);
+    }
+    .reason-modal__title { font-size: 17px; font-weight: 700; text-align: center; margin-bottom: 16px; }
+    .reason-modal__item { margin-bottom: 14px; }
+    .reason-modal__label { font-size: 12px; color: var(--text-muted); margin-bottom: 4px; }
+    .reason-modal__text { font-size: 14px; font-weight: 600; color: var(--text-primary); line-height: 1.6; }
+    .reason-modal__text--danger { color: #cf1322; }
+    .reason-modal__btn {
+      width: 100%; height: 44px; border-radius: 22px; border: none; cursor: pointer;
+      background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%); color: #fff;
+      font-size: 15px; font-weight: 600; margin-top: 4px;
+    }
+    /* 取消预约确认弹窗 */
+    .modal-overlay {
+      position: absolute; inset: 0; background: rgba(0,0,0,0.42); z-index: 120;
+      display: flex; align-items: center; justify-content: center; padding: 24px;
+    }
+    .modal-overlay.hidden { display: none; }
+    .cancel-modal {
+      width: 100%; background: #fff; border-radius: 24px; padding: 22px 20px 18px;
+      box-shadow: 0 20px 50px rgba(0,0,0,0.16);
+    }
+    .cancel-modal__title { font-size: 17px; font-weight: 700; text-align: center; margin-bottom: 6px; }
+    .cancel-modal__desc { font-size: 12px; color: var(--text-muted); text-align: center; line-height: 1.6; margin-bottom: 14px; }
+    .cancel-modal__order {
+      background: #f7f9fb; border-radius: 12px; padding: 10px 14px; margin-bottom: 16px;
+      font-size: 13px; font-weight: 600; color: var(--text-secondary); text-align: center;
+    }
+    .cancel-modal__label { font-size: 13px; font-weight: 600; margin-bottom: 10px; }
+    .cancel-modal__label em { color: var(--danger); font-style: normal; }
+    .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
+    .chip {
+      padding: 7px 14px; border-radius: 16px; border: 1px solid #e8e8e8; background: #fafafa;
+      font-size: 13px; color: var(--text-secondary); cursor: pointer; transition: all 0.2s; user-select: none;
+    }
+    .chip.selected { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); font-weight: 600; }
+    .other-input {
+      display: none; width: 100%; border: 1px solid #e8e8e8; border-radius: 12px;
+      padding: 10px 12px; font-size: 13px; font-family: inherit; line-height: 1.6;
+      resize: none; outline: none; margin-bottom: 6px; color: var(--text-primary);
+    }
+    .other-input.show { display: block; }
+    .other-input:focus { border-color: var(--primary); }
+    .cancel-modal__err { display: none; font-size: 12px; color: var(--danger); margin-bottom: 6px; }
+    .cancel-modal__err.show { display: block; }
+    .cancel-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
+    .cancel-modal__btn { height: 44px; border-radius: 22px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; }
+    .cancel-modal__btn--ghost { background: #f5f5f5; color: var(--text-secondary); }
+    .cancel-modal__btn--danger { background: var(--danger); color: #fff; box-shadow: 0 6px 16px rgba(255,77,79,0.28); }
+  </style>
+</head>
+<body>
+  <div class="phone-shell">
+    <div class="phone-status-bar">
+      <span class="time">12:00</span>
+      <div class="icons">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+      </div>
+    </div>
+    <div class="nav-bar">
+      <a class="nav-back" href="index.html">&#8249;</a>
+      <span class="nav-title">冠脉CTA预约</span>
+      <!-- [交互] 原型演示:切换预约成功/失败两态 -->
+      <select class="demo-select" id="demoSelect" title="原型演示：切换预约结果状态" onchange="setResult(this.value)">
+        <option value="success">预约成功</option>
+        <option value="fail">预约失败</option>
+      </select>
+    </div>
+    <div class="scroll-content">
+      <div class="page-body">
+        <!-- 步骤条：全部完成（冠脉CTA免问卷，仅两步） -->
+        <div class="stepper">
+          <div class="stepper__item stepper__item--done" onclick="showToast()"><div class="stepper__dot">&#10003;</div><div class="stepper__label">选择医院</div></div>
+          <div class="stepper__line stepper__line--done"></div>
+          <div class="stepper__item stepper__item--done" onclick="showToast()"><div class="stepper__dot">&#10003;</div><div class="stepper__label">预约日期</div></div>
+        </div>
+
+        <!-- [交互] 预约结果横幅:成功/失败两态,由右上角演示切换器控制 -->
+        <div class="result-banner result-banner--success" id="resultBanner">
+          <div class="result-banner__icon">
+            <svg class="icon-check" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
+            <svg class="icon-cross" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>
+          </div>
+          <div>
+            <div class="result-banner__title" id="resultTitle">预约成功</div>
+            <div class="result-banner__sub" id="resultSub">已为您锁定冠脉CTA检查名额,请按预约日期准时到检</div>
+            <div class="result-banner__reason">
+              <span>失败原因:所选日期号源已约满</span>
+              <span class="reason-help" onclick="openReasonModal()">?</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 预约信息 -->
+        <div class="info-card">
+          <div class="section-title">预约信息</div>
+          <div class="info-card__row">
+            <span class="info-card__label">体检医院</span>
+            <span class="info-card__value">宁夏宝石花医院</span>
+          </div>
+          <div class="info-card__row">
+            <span class="info-card__label">体检员工</span>
+            <span class="info-card__value">刘韵琴</span>
+          </div>
+          <div class="info-card__row">
+            <span class="info-card__label">体检地址</span>
+            <span class="info-card__value">银川市西夏区怀远路148号</span>
+          </div>
+          <div class="info-card__row">
+            <span class="info-card__label">体检日期</span>
+            <span class="info-card__value info-card__value--highlight">2026年3月23日</span>
+          </div>
+          <div class="info-card__row">
+            <span class="info-card__label">体检项目</span>
+            <span class="info-card__value info-card__value--highlight">冠脉CTA体检</span>
+          </div>
+        </div>
+
+        <!-- [交互] 体检须知:仅预约成功态显示，失败态隐藏 -->
+        <div class="tips-card" id="tipsCard">
+          <div class="tips-card__title">体检须知</div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>检查前24小时请避免剧烈运动，检查当天避免吸烟，勿饮用咖啡、浓茶等刺激性饮品。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>心率过快或心律不齐者，请遵医嘱在检查前服用控制心率药物（如β受体阻滞剂）。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>检查需屏气配合，请提前练习平静状态下屏气10~15秒。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>对碘对比剂过敏、甲状腺功能异常、肾功能不全或妊娠期，请提前告知医生。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>请携带本人身份证件按时前往医院。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>若需取消预约，请至少提前一天操作。</span></div>
+        </div>
+      </div>
+    </div>
+
+    <!-- [交互] 预约成功态底部按钮 -->
+    <div class="bottom-actions" id="actionsSuccess">
+      <!-- [交互] 取消预约改为二次确认弹窗,需选择或填写取消原因 -->
+      <button class="bottom-actions__btn bottom-actions__btn--ghost" onclick="openCancelModal()">取消预约</button>
+      <button class="bottom-actions__btn bottom-actions__btn--primary" onclick="window.location.href='my-appointments-all.html?type=cta'">查看预约详情</button>
+    </div>
+    <!-- [交互] 预约失败态底部按钮：重新预约，跳回冠脉CTA预约日期页 -->
+    <div class="bottom-actions" id="actionsFail" style="display: none;">
+      <button class="bottom-actions__btn bottom-actions__btn--primary" onclick="window.location.href='cta-date.html'">重新预约</button>
+    </div>
+    <div class="toast" id="stepToast">当前已预约冠脉CTA检查，无法重新选择，请先取消预约</div>
+
+    <!-- [交互] 点击失败原因旁的小问号，弹窗查看具体失败原因 -->
+    <div class="modal-overlay hidden" id="reasonModal">
+      <div class="reason-modal">
+        <div class="reason-modal__title">失败原因详情</div>
+        <div class="reason-modal__item">
+          <div class="reason-modal__label">失败原因</div>
+          <div class="reason-modal__text reason-modal__text--danger">号源争抢失败：宁夏宝石花医院 2026年3月23日 冠脉CTA检查号源已被其他员工约满</div>
+        </div>
+        <div class="reason-modal__item">
+          <div class="reason-modal__label">发生时间</div>
+          <div class="reason-modal__text">2026-03-16 12:00:35</div>
+        </div>
+        <div class="reason-modal__item">
+          <div class="reason-modal__label">处理建议</div>
+          <div class="reason-modal__text">请点击「重新预约」选择其他可约日期；冠脉CTA检查仅可预约 7~30 天内的号源，若长期无可用号源，可联系健康管理专员协调加号。</div>
+        </div>
+        <button class="reason-modal__btn" onclick="closeReasonModal()">知道了</button>
+      </div>
+    </div>
+
+    <!-- [交互] 取消预约二次确认:单选原因chips,选「其他」时填写具体原因 -->
+    <div class="modal-overlay hidden" id="cancelModal">
+      <div class="cancel-modal">
+        <div class="cancel-modal__title">确认取消预约</div>
+        <div class="cancel-modal__desc">取消后名额将释放，如仍需检查请重新预约</div>
+        <div class="cancel-modal__order">宁夏宝石花医院 · 2026年3月23日</div>
+        <div class="cancel-modal__label">请选择取消原因 <em>*</em></div>
+        <div class="chips" id="cancelChips">
+          <span class="chip" data-reason="时间冲突" onclick="selectChip(this)">时间冲突</span>
+          <span class="chip" data-reason="医院选择不当" onclick="selectChip(this)">医院选择不当</span>
+          <span class="chip" data-reason="日期选择不当" onclick="selectChip(this)">日期选择不当</span>
+          <span class="chip" data-reason="个人健康原因" onclick="selectChip(this)">个人健康原因</span>
+          <span class="chip" data-reason="other" onclick="selectChip(this)">其他</span>
+        </div>
+        <textarea class="other-input" id="otherInput" rows="2" maxlength="100" placeholder="请填写取消原因（必填）"></textarea>
+        <div class="cancel-modal__err" id="cancelErr">请选择或填写取消原因</div>
+        <div class="cancel-modal__actions">
+          <button class="cancel-modal__btn cancel-modal__btn--ghost" onclick="closeCancelModal()">再想想</button>
+          <button class="cancel-modal__btn cancel-modal__btn--danger" onclick="confirmCancel()">确认取消</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>
+    var toastTimer = null;
+    function showToast() {
+      var toast = document.getElementById('stepToast');
+      toast.classList.add('show');
+      clearTimeout(toastTimer);
+      toastTimer = setTimeout(function() { toast.classList.remove('show'); }, 2200);
+    }
+
+    // [交互] 原型演示：切换预约成功/失败两态（横幅、底部按钮、体检须知联动）
+    function setResult(state) {
+      var fail = state === 'fail';
+      var banner = document.getElementById('resultBanner');
+      banner.classList.toggle('result-banner--fail', fail);
+      banner.classList.toggle('result-banner--success', !fail);
+      document.getElementById('resultTitle').textContent = fail ? '预约失败' : '预约成功';
+      document.getElementById('resultSub').style.display = fail ? 'none' : '';
+      document.getElementById('actionsSuccess').style.display = fail ? 'none' : 'flex';
+      document.getElementById('actionsFail').style.display = fail ? 'flex' : 'none';
+      // 预约失败时隐藏体检须知（未成功到检，须知无意义）
+      document.getElementById('tipsCard').style.display = fail ? 'none' : '';
+      document.getElementById('stepToast').textContent = fail
+        ? '预约未成功，请点击下方「重新预约」按钮重新预约'
+        : '当前已预约冠脉CTA检查，无法重新选择，请先取消预约';
+    }
+
+    function openReasonModal() {
+      document.getElementById('reasonModal').classList.remove('hidden');
+    }
+    function closeReasonModal() {
+      document.getElementById('reasonModal').classList.add('hidden');
+    }
+
+    // [交互] 取消预约二次确认:原因单选 + 其他原因填写 + 校验 + 确认后返回预约日期页重新选择
+    var cancelReason = null;
+    function selectChip(el) {
+      var chips = document.querySelectorAll('#cancelChips .chip');
+      for (var i = 0; i < chips.length; i++) chips[i].classList.remove('selected');
+      el.classList.add('selected');
+      cancelReason = el.dataset.reason;
+      document.getElementById('otherInput').classList.toggle('show', cancelReason === 'other');
+      hideCancelErr();
+    }
+    function hideCancelErr() {
+      document.getElementById('cancelErr').classList.remove('show');
+    }
+    function openCancelModal() {
+      cancelReason = null;
+      var chips = document.querySelectorAll('#cancelChips .chip');
+      for (var i = 0; i < chips.length; i++) chips[i].classList.remove('selected');
+      var input = document.getElementById('otherInput');
+      input.value = '';
+      input.classList.remove('show');
+      hideCancelErr();
+      document.getElementById('cancelModal').classList.remove('hidden');
+    }
+    function closeCancelModal() {
+      document.getElementById('cancelModal').classList.add('hidden');
+    }
+    function confirmCancel() {
+      var input = document.getElementById('otherInput');
+      if (!cancelReason || (cancelReason === 'other' && !input.value.trim())) {
+        document.getElementById('cancelErr').classList.add('show');
+        return;
+      }
+      closeCancelModal();
+      var toast = document.getElementById('stepToast');
+      toast.textContent = '预约已取消';
+      showToast();
+      setTimeout(function() {
+        window.location.href = 'cta-date.html';
+      }, 1200);
+    }
+  </script>
+</body>
+</html>
diff --git a/employee-app/health-checkup/cta-date.html b/employee-app/health-checkup/cta-date.html
new file mode 100644
index 0000000..2e38bff
--- /dev/null
+++ b/employee-app/health-checkup/cta-date.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>冠脉CTA预约 - 预约日期</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --primary: #13c2c2;
+      --primary-dark: #0f9b9b;
+      --primary-light: #e6fffb;
+      --text-primary: #1a1a1a;
+      --text-secondary: #666666;
+      --text-muted: #8c8c8c;
+      --border: #e8f3f3;
+      --bg-page: #f0f2f5;
+      --bg-content: #f7f9fb;
+      --shadow: 0 10px 30px rgba(19, 194, 194, 0.08);
+    }
+    body {
+      background: var(--bg-page); display: flex; justify-content: center;
+      align-items: flex-start; min-height: 100vh; padding: 20px;
+      font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+      color: var(--text-primary);
+    }
+    .phone-shell {
+      width: 390px; min-height: 844px; background: var(--bg-content);
+      border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0;
+      overflow: hidden; position: relative; display: flex; flex-direction: column;
+    }
+    .phone-status-bar {
+      height: 44px; background: #fff; display: flex; align-items: center;
+      justify-content: space-between; padding: 0 24px; font-size: 12px; font-weight: 600; flex-shrink: 0;
+    }
+    .phone-status-bar .time { font-size: 15px; font-weight: 700; }
+    .phone-status-bar .icons { display: flex; gap: 6px; align-items: center; }
+    .nav-bar {
+      height: 44px; display: flex; align-items: center; padding: 0 16px;
+      background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; position: relative;
+    }
+    .nav-back { font-size: 18px; color: var(--text-primary); cursor: pointer; line-height: 1; text-decoration: none; }
+    .nav-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 17px; font-weight: 600; color: var(--text-primary); }
+    .scroll-content { flex: 1; overflow-y: auto; background: linear-gradient(180deg, #effbfb 0%, #f7f9fb 180px, #f7f9fb 100%); padding-bottom: 120px; }
+    .scroll-content::-webkit-scrollbar { display: none; }
+    .page-body { padding: 16px; }
+    .stepper { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; padding: 16px 0; }
+    .stepper__item { display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
+    .stepper__item--future { cursor: default; pointer-events: none; opacity: 0.45; }
+    .stepper__dot {
+      width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
+      font-size: 12px; font-weight: 700; background: #e8e8e8; color: #bfbfbf; transition: all 0.25s;
+    }
+    .stepper__item--done .stepper__dot { background: var(--primary); color: #fff; }
+    .stepper__item--active { cursor: default; pointer-events: none; }
+    .stepper__item--active .stepper__dot {
+      width: 34px; height: 34px; font-size: 14px;
+      background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%); color: #fff;
+      box-shadow: 0 0 0 6px rgba(19,194,194,0.2);
+    }
+    .stepper__label { font-size: 12px; color: var(--text-muted); white-space: nowrap; transition: all 0.2s; }
+    .stepper__item--done .stepper__label { color: var(--primary-dark); }
+    .stepper__item--active .stepper__label {
+      color: var(--primary-dark); font-weight: 700; font-size: 13px;
+      background: var(--primary-light); padding: 2px 10px; border-radius: 10px;
+    }
+    .stepper__item--done:hover .stepper__dot { transform: scale(1.12); box-shadow: 0 0 0 4px rgba(19,194,194,0.15); }
+    .stepper__item--done:hover .stepper__label { text-decoration: underline; text-underline-offset: 3px; }
+    .stepper__line { width: 44px; height: 3px; background: #e8e8e8; margin: 0 8px; margin-bottom: 22px; border-radius: 2px; }
+    .stepper__line--done { background: var(--primary); }
+    .section-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; margin-top: 6px; }
+    .summary-card {
+      background: #fff; border-radius: 20px; padding: 18px 16px; margin-bottom: 14px;
+      box-shadow: var(--shadow); border: 1px solid rgba(19,194,194,0.06);
+    }
+    .summary-list { display: flex; flex-direction: column; gap: 14px; }
+    .summary-item { display: flex; justify-content: space-between; gap: 12px; }
+    .summary-item__label { font-size: 13px; color: var(--text-muted); flex-shrink: 0; }
+    .summary-item__value { font-size: 14px; font-weight: 600; text-align: right; line-height: 1.6; }
+    /* 预约状态条 */
+    .status-card {
+      background: #fff; border-radius: 20px; padding: 14px 16px; margin-bottom: 14px;
+      box-shadow: var(--shadow); border: 1px solid rgba(19,194,194,0.06);
+    }
+    .status-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+    .status-badge {
+      display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700;
+      padding: 4px 12px; border-radius: 12px; flex-shrink: 0;
+    }
+    .status-badge--open { background: #f6ffed; color: #389e0d; border: 1px solid #b7eb8f; }
+    .status-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: #52c41a; }
+    .status-range { font-size: 12px; color: var(--text-secondary); font-weight: 600; }
+    .status-tip {
+      display: flex; align-items: center; gap: 6px; margin-top: 10px; padding-top: 10px;
+      border-top: 1px dashed #f0f0f0; font-size: 12px; color: var(--text-muted); line-height: 1.5;
+    }
+    .status-tip svg { flex-shrink: 0; }
+    .date-card {
+      background: #fff; border-radius: 20px; padding: 18px 16px;
+      box-shadow: var(--shadow); border: 1px solid rgba(19,194,194,0.06);
+    }
+    .calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
+    .calendar-header__month { font-size: 17px; font-weight: 700; color: var(--text-primary); }
+    .calendar-header__nav { display: flex; gap: 8px; }
+    .calendar-header__btn {
+      width: 32px; height: 32px; border-radius: 10px; border: 1px solid #e8e8e8;
+      background: #fff; display: flex; align-items: center; justify-content: center;
+      cursor: pointer; font-size: 14px; color: var(--text-secondary); transition: all 0.2s;
+    }
+    .calendar-header__btn:hover { border-color: var(--primary); color: var(--primary); }
+    .calendar-header__btn:disabled { opacity: 0.3; pointer-events: none; }
+    .calendar-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 8px; }
+    .calendar-weekday { text-align: center; font-size: 12px; font-weight: 600; color: var(--text-muted); padding: 6px 0; }
+    .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
+    .calendar-cell {
+      display: flex; flex-direction: column; align-items: center; justify-content: center;
+      height: 52px; border-radius: 12px; cursor: pointer; transition: all 0.2s;
+      border: 2px solid transparent; background: #f9fbfb; position: relative;
+    }
+    .calendar-cell:hover { border-color: var(--primary); }
+    .calendar-cell.selected { background: var(--primary); border-color: var(--primary); }
+    .calendar-cell.selected .calendar-cell__day,
+    .calendar-cell.selected .calendar-cell__slots { color: #fff; }
+    .calendar-cell.disabled { opacity: 0.3; pointer-events: none; background: #f5f5f5; }
+    .calendar-cell.empty { background: transparent; pointer-events: none; }
+    .calendar-cell__day { font-size: 15px; font-weight: 700; color: var(--text-primary); line-height: 1; }
+    .calendar-cell__slots { font-size: 10px; color: var(--primary-dark); font-weight: 600; margin-top: 2px; }
+    .calendar-cell__full { font-size: 10px; color: var(--text-muted); font-weight: 600; margin-top: 2px; }
+    .calendar-cell.today .calendar-cell__day { color: var(--primary-dark); }
+    .calendar-cell.today { border-color: rgba(19,194,194,0.3); }
+    .bottom-actions {
+      position: absolute; left: 16px; right: 16px; bottom: 18px;
+      display: flex; gap: 12px; padding-bottom: 16px;
+    }
+    .bottom-actions__btn { flex: 1; height: 48px; border-radius: 24px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; }
+    .bottom-actions__btn--ghost { background: #fff; color: var(--primary-dark); border: 2px solid #d0eded; }
+    .bottom-actions__btn--primary {
+      background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%);
+      color: #fff; box-shadow: 0 10px 20px rgba(19,194,194,0.22);
+    }
+    .modal-overlay {
+      position: absolute; inset: 0; background: rgba(0,0,0,0.42); z-index: 120;
+      display: flex; align-items: center; justify-content: center; padding: 24px;
+    }
+    .modal-overlay.hidden { display: none; }
+    .confirm-modal { width: 100%; background: #fff; border-radius: 24px; padding: 22px 20px 18px; box-shadow: 0 20px 50px rgba(0,0,0,0.16); }
+    .confirm-modal__title { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 8px; }
+    .confirm-modal__desc { font-size: 13px; color: var(--text-muted); text-align: center; line-height: 1.6; margin-bottom: 18px; }
+    .confirm-modal__info { background: #f7f9fb; border-radius: 16px; padding: 14px 16px; margin-bottom: 18px; }
+    .confirm-modal__row { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--text-secondary); margin-bottom: 12px; }
+    .confirm-modal__row:last-child { margin-bottom: 0; }
+    .confirm-modal__value { font-size: 15px; font-weight: 700; color: var(--text-primary); }
+    .confirm-modal__value--highlight { color: var(--primary-dark); }
+    .confirm-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+    .confirm-modal__btn { height: 44px; border-radius: 22px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; }
+    .confirm-modal__btn--ghost { background: #f5f5f5; color: var(--text-secondary); }
+    .confirm-modal__btn--primary { background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%); color: #fff; }
+    .toast {
+      position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.9);
+      background: rgba(0,0,0,0.75); color: #fff; padding: 14px 22px; border-radius: 12px;
+      font-size: 13px; line-height: 1.6; text-align: center; z-index: 200;
+      opacity: 0; pointer-events: none; transition: all 0.25s ease; max-width: 280px;
+    }
+    .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  </style>
+</head>
+<body>
+  <div class="phone-shell">
+    <div class="phone-status-bar">
+      <span class="time">12:00</span>
+      <div class="icons">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+      </div>
+    </div>
+    <div class="nav-bar">
+      <a class="nav-back" href="cta-hospital.html">&#8249;</a>
+      <span class="nav-title">冠脉CTA预约</span>
+    </div>
+    <div class="scroll-content">
+      <div class="page-body">
+        <div class="stepper">
+          <a class="stepper__item stepper__item--done" href="cta-hospital.html"><div class="stepper__dot">&#10003;</div><div class="stepper__label">选择医院</div></a>
+          <div class="stepper__line stepper__line--done"></div>
+          <div class="stepper__item stepper__item--active"><div class="stepper__dot">2</div><div class="stepper__label">预约日期</div></div>
+        </div>
+
+        <div class="summary-card">
+          <div class="section-title">预约信息</div>
+          <div class="summary-list">
+            <div class="summary-item"><div class="summary-item__label">体检类型</div><div class="summary-item__value">冠脉CTA体检</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检医院</div><div class="summary-item__value">宁夏宝石花医院</div></div>
+          </div>
+        </div>
+
+        <!-- [交互] 预约状态与可预约日期范围,日期范围由脚本按「最早7天后」规则动态生成 -->
+        <div class="status-card">
+          <div class="status-row">
+            <span class="status-badge status-badge--open"><span class="status-badge__dot"></span>可预约</span>
+            <span class="status-range" id="rangeText"></span>
+          </div>
+          <div class="status-tip">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#8c8c8c" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
+            <span>冠脉CTA检查需提前预约,最早仅可预约7天后的日期,超出范围日期不可选择</span>
+          </div>
+        </div>
+
+        <div class="date-card">
+          <div class="calendar-header">
+            <span class="calendar-header__month" id="calendarMonth"></span>
+            <div class="calendar-header__nav">
+              <button class="calendar-header__btn" id="prevMonth">&#8249;</button>
+              <button class="calendar-header__btn" id="nextMonth">&#8250;</button>
+            </div>
+          </div>
+          <div class="calendar-weekdays">
+            <span class="calendar-weekday">一</span><span class="calendar-weekday">二</span>
+            <span class="calendar-weekday">三</span><span class="calendar-weekday">四</span>
+            <span class="calendar-weekday">五</span><span class="calendar-weekday">六</span>
+            <span class="calendar-weekday">日</span>
+          </div>
+          <div class="calendar-grid" id="calendarGrid"></div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom-actions">
+      <button class="bottom-actions__btn bottom-actions__btn--ghost" onclick="location.href='cta-hospital.html'">上一步</button>
+      <button class="bottom-actions__btn bottom-actions__btn--primary" onclick="openConfirm()">确定预约</button>
+    </div>
+    <div class="modal-overlay hidden" id="confirmModal">
+      <div class="confirm-modal">
+        <div class="confirm-modal__title">确认预约信息</div>
+        <div class="confirm-modal__desc">请确认以下冠脉CTA预约信息无误</div>
+        <div class="confirm-modal__info">
+          <div class="confirm-modal__row"><span>体检类型</span><span class="confirm-modal__value">冠脉CTA体检</span></div>
+          <div class="confirm-modal__row"><span>体检医院</span><span class="confirm-modal__value">宁夏宝石花医院</span></div>
+          <div class="confirm-modal__row"><span>预约日期</span><span class="confirm-modal__value confirm-modal__value--highlight" id="confirmDate">--</span></div>
+        </div>
+        <div class="confirm-modal__actions">
+          <button class="confirm-modal__btn confirm-modal__btn--ghost" onclick="closeConfirm()">取消</button>
+          <button class="confirm-modal__btn confirm-modal__btn--primary" onclick="showSuccessToast()">确认预约</button>
+        </div>
+      </div>
+    </div>
+    <div class="toast" id="successToast">预约成功！请按时前往医院进行冠脉CTA检查</div>
+  </div>
+  <script>
+    var today = new Date(2026, 2, 16);
+    // 冠脉CTA预约窗口:最早7天后,最晚30天后
+    var minBookDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 7);
+    var maxBookDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 30);
+    function fmtDate(d) {
+      var m = d.getMonth() + 1; var day = d.getDate();
+      return d.getFullYear() + '-' + (m < 10 ? '0' + m : m) + '-' + (day < 10 ? '0' + day : day);
+    }
+    document.getElementById('rangeText').textContent =
+      '可预约日期:' + fmtDate(minBookDate) + ' 至 ' + fmtDate(maxBookDate);
+    var currentYear = today.getFullYear();
+    var currentMonth = today.getMonth();
+    var selectedDate = null;
+    var grid = document.getElementById('calendarGrid');
+    var monthLabel = document.getElementById('calendarMonth');
+    var prevBtn = document.getElementById('prevMonth');
+    var nextBtn = document.getElementById('nextMonth');
+    var toastTimer = null;
+
+    function getSlots(year, month, day) {
+      var d = new Date(year, month, day);
+      var dow = d.getDay();
+      // 早于7天后或超出30天窗口均不可约
+      if (d < minBookDate) return -1;
+      if (d > maxBookDate) return -1;
+      if (dow === 0 || dow === 6) return 0;
+      var seed = (day * 7 + month * 13) % 20;
+      if (seed < 3) return 0;
+      return seed + 2;
+    }
+
+    function renderCalendar() {
+      grid.innerHTML = '';
+      monthLabel.textContent = currentYear + '年' + (currentMonth + 1) + '月';
+      prevBtn.disabled = (currentYear === minBookDate.getFullYear() && currentMonth <= minBookDate.getMonth());
+      nextBtn.disabled = (currentYear > maxBookDate.getFullYear()) ||
+        (currentYear === maxBookDate.getFullYear() && currentMonth >= maxBookDate.getMonth());
+      var firstDay = new Date(currentYear, currentMonth, 1);
+      var startDow = firstDay.getDay();
+      startDow = startDow === 0 ? 6 : startDow - 1;
+      var daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();
+      for (var i = 0; i < startDow; i++) {
+        var empty = document.createElement('div');
+        empty.className = 'calendar-cell empty';
+        grid.appendChild(empty);
+      }
+      for (var day = 1; day <= daysInMonth; day++) {
+        (function(d) {
+          var cell = document.createElement('div');
+          var slots = getSlots(currentYear, currentMonth, d);
+          var isToday = (currentYear === today.getFullYear() && currentMonth === today.getMonth() && d === today.getDate());
+          var isDisabled = slots <= 0;
+          var isFull = slots === 0;
+          var isPast = slots === -1;
+          var cls = 'calendar-cell';
+          if (isToday) cls += ' today';
+          if (isDisabled) cls += ' disabled';
+          if (selectedDate && selectedDate.y === currentYear && selectedDate.m === currentMonth && selectedDate.d === d) cls += ' selected';
+          cell.className = cls;
+          var slotsHtml = '';
+          if (isPast) slotsHtml = '';
+          else if (isFull) slotsHtml = '<span class="calendar-cell__full">不可约</span>';
+          else if (slots > 0) slotsHtml = '<span class="calendar-cell__slots">余' + slots + '</span>';
+          cell.innerHTML = '<span class="calendar-cell__day">' + d + '</span>' + slotsHtml;
+          if (!isDisabled) {
+            cell.addEventListener('click', function() {
+              selectedDate = { y: currentYear, m: currentMonth, d: d };
+              renderCalendar();
+            });
+          }
+          grid.appendChild(cell);
+        })(day);
+      }
+    }
+
+    prevBtn.addEventListener('click', function() {
+      currentMonth--;
+      if (currentMonth < 0) { currentMonth = 11; currentYear--; }
+      renderCalendar();
+    });
+    nextBtn.addEventListener('click', function() {
+      currentMonth++;
+      if (currentMonth > 11) { currentMonth = 0; currentYear++; }
+      renderCalendar();
+    });
+
+    // 默认选中最早可预约日期(7天后)
+    selectedDate = { y: minBookDate.getFullYear(), m: minBookDate.getMonth(), d: minBookDate.getDate() };
+    renderCalendar();
+
+    function openConfirm() {
+      if (!selectedDate) return;
+      document.getElementById('confirmDate').textContent = selectedDate.y + '年' + (selectedDate.m + 1) + '月' + selectedDate.d + '日';
+      document.getElementById('confirmModal').classList.remove('hidden');
+    }
+    function closeConfirm() { document.getElementById('confirmModal').classList.add('hidden'); }
+    function showSuccessToast() {
+      closeConfirm();
+      window.location.href = 'cta-date-selected.html';
+    }
+  </script>
+</body>
+</html>
diff --git a/employee-app/health-checkup/cta-hospital.html b/employee-app/health-checkup/cta-hospital.html
new file mode 100644
index 0000000..f85ac4f
--- /dev/null
+++ b/employee-app/health-checkup/cta-hospital.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>冠脉CTA预约</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --primary: #13c2c2;
+      --primary-dark: #0f9b9b;
+      --primary-light: #e6fffb;
+      --text-primary: #1a1a1a;
+      --text-secondary: #666666;
+      --text-muted: #8c8c8c;
+      --border: #e8f3f3;
+      --bg-page: #f0f2f5;
+      --bg-content: #f7f9fb;
+      --shadow: 0 10px 30px rgba(19, 194, 194, 0.08);
+    }
+    body {
+      background: var(--bg-page);
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      min-height: 100vh;
+      padding: 20px;
+      font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+      color: var(--text-primary);
+    }
+    .phone-shell {
+      width: 390px; min-height: 844px; background: var(--bg-content);
+      border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0;
+      overflow: hidden; position: relative; display: flex; flex-direction: column;
+    }
+    .phone-status-bar {
+      height: 44px; background: #fff; display: flex; align-items: center;
+      justify-content: space-between; padding: 0 24px; font-size: 12px; font-weight: 600; flex-shrink: 0;
+    }
+    .phone-status-bar .time { font-size: 15px; font-weight: 700; }
+    .phone-status-bar .icons { display: flex; gap: 6px; align-items: center; }
+    .nav-bar {
+      height: 44px; display: flex; align-items: center; padding: 0 16px;
+      background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; position: relative;
+    }
+    .nav-back { font-size: 18px; color: var(--text-primary); cursor: pointer; line-height: 1; text-decoration: none; }
+    .nav-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 17px; font-weight: 600; color: var(--text-primary); }
+    .nav-right {
+      position: absolute; right: 16px; font-size: 13px; color: var(--primary);
+      font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 4px;
+    }
+    .scroll-content { flex: 1; overflow-y: auto; background: linear-gradient(180deg, #effbfb 0%, #f7f9fb 180px, #f7f9fb 100%); padding-bottom: 120px; }
+    .scroll-content::-webkit-scrollbar { display: none; }
+    .page-body { padding: 16px; }
+    .stepper { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; padding: 16px 0; }
+    .stepper__item { display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
+    .stepper__item--future { cursor: default; pointer-events: none; opacity: 0.45; }
+    .stepper__dot {
+      width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
+      font-size: 12px; font-weight: 700; background: #e8e8e8; color: #bfbfbf; transition: all 0.25s;
+    }
+    .stepper__item--done .stepper__dot { background: var(--primary); color: #fff; }
+    .stepper__item--active { cursor: default; pointer-events: none; }
+    .stepper__item--active .stepper__dot {
+      width: 34px; height: 34px; font-size: 14px;
+      background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%); color: #fff;
+      box-shadow: 0 0 0 6px rgba(19,194,194,0.2);
+    }
+    .stepper__label { font-size: 12px; color: var(--text-muted); white-space: nowrap; transition: all 0.2s; }
+    .stepper__item--done .stepper__label { color: var(--primary-dark); }
+    .stepper__item--active .stepper__label {
+      color: var(--primary-dark); font-weight: 700; font-size: 13px;
+      background: var(--primary-light); padding: 2px 10px; border-radius: 10px;
+    }
+    .stepper__line { width: 44px; height: 3px; background: #e8e8e8; margin: 0 8px; margin-bottom: 22px; border-radius: 2px; }
+    .stepper__line--done { background: var(--primary); }
+    .section-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; margin-top: 6px; }
+    .hospital-card {
+      background: #fff; border-radius: 18px; padding: 16px; margin-bottom: 12px;
+      border: 2px solid transparent; box-shadow: var(--shadow); cursor: pointer;
+      display: flex; align-items: center; justify-content: space-between; transition: all 0.25s ease;
+    }
+    .hospital-card.active { border-color: var(--primary); background: var(--primary-light); }
+    .hospital-card__info { display: flex; align-items: center; gap: 12px; }
+    .hospital-card__icon {
+      width: 42px; height: 42px; border-radius: 14px;
+      background: linear-gradient(135deg, #e6fffb 0%, #b5f5ec 100%);
+      display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;
+    }
+    .hospital-card__name { font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 2px; }
+    .hospital-card__addr { font-size: 12px; color: var(--text-muted); }
+    .radio-dot {
+      width: 22px; height: 22px; border-radius: 50%; border: 2px solid #d9d9d9;
+      display: flex; align-items: center; justify-content: center; transition: all 0.25s ease; flex-shrink: 0;
+    }
+    .hospital-card.active .radio-dot { border-color: var(--primary); background: var(--primary); }
+    .radio-dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #fff; opacity: 0; transition: opacity 0.25s ease; }
+    .hospital-card.active .radio-dot::after { opacity: 1; }
+    .bottom-actions { position: absolute; left: 16px; right: 16px; bottom: 18px; padding-bottom: 16px; }
+    .bottom-actions__btn {
+      width: 100%; height: 48px; border-radius: 24px; font-size: 15px; font-weight: 600;
+      border: none; cursor: pointer; background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%);
+      color: #fff; box-shadow: 0 10px 20px rgba(19, 194, 194, 0.22);
+    }
+    .modal-overlay {
+      position: absolute; inset: 0; background: rgba(0,0,0,0.45); z-index: 100;
+      display: flex; align-items: center; justify-content: center;
+    }
+    .modal-overlay.hidden { display: none; }
+    .modal-card { width: 340px; background: #fff; border-radius: 24px; padding: 24px 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.18); }
+    .modal-card__title { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 6px; }
+    .modal-card__sub { font-size: 13px; color: var(--text-muted); text-align: center; margin-bottom: 20px; }
+    .modal-field { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #f0f0f0; }
+    .modal-field:last-of-type { border-bottom: none; }
+    .modal-field__label { font-size: 14px; color: var(--text-muted); }
+    .modal-field__value { font-size: 14px; color: var(--text-primary); font-weight: 600; }
+    .modal-confirm-btn {
+      margin-top: 20px; width: 100%; height: 44px; border-radius: 22px; font-size: 15px; font-weight: 600;
+      border: none; cursor: pointer; background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%);
+      color: #fff; box-shadow: 0 8px 20px rgba(19, 194, 194, 0.2);
+    }
+  </style>
+</head>
+<body>
+  <div class="phone-shell">
+    <div class="phone-status-bar">
+      <span class="time">12:00</span>
+      <div class="icons">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+      </div>
+    </div>
+
+    <div class="nav-bar">
+      <a class="nav-back" href="booking-type.html">&#8249;</a>
+      <span class="nav-title">冠脉CTA预约</span>
+      <span class="nav-right" onclick="openModal()">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+        个人信息
+      </span>
+    </div>
+
+    <div class="scroll-content">
+      <div class="page-body">
+        <!-- 冠脉CTA免问卷：仅「选择医院 → 预约日期」两步 -->
+        <div class="stepper">
+          <a class="stepper__item stepper__item--active" href="cta-hospital.html"><div class="stepper__dot">1</div><div class="stepper__label">选择医院</div></a>
+          <div class="stepper__line"></div>
+          <div class="stepper__item stepper__item--future"><div class="stepper__dot">2</div><div class="stepper__label">预约日期</div></div>
+        </div>
+
+        <div class="section-title">选择医院</div>
+        <div class="hospital-card active" onclick="selectHospital(this)">
+          <div class="hospital-card__info">
+            <div class="hospital-card__icon">🏥</div>
+            <div>
+              <div class="hospital-card__name">宁夏宝石花医院</div>
+              <div class="hospital-card__addr">宁夏银川市</div>
+            </div>
+          </div>
+          <div class="radio-dot"></div>
+        </div>
+        <div class="hospital-card" onclick="selectHospital(this)">
+          <div class="hospital-card__info">
+            <div class="hospital-card__icon">🏥</div>
+            <div>
+              <div class="hospital-card__name">CQ星龙园医院</div>
+              <div class="hospital-card__addr">陕西西安市</div>
+            </div>
+          </div>
+          <div class="radio-dot"></div>
+        </div>
+        <div class="hospital-card" onclick="selectHospital(this)">
+          <div class="hospital-card__info">
+            <div class="hospital-card__icon">🏥</div>
+            <div>
+              <div class="hospital-card__name">唐都医院</div>
+              <div class="hospital-card__addr">陕西西安市</div>
+            </div>
+          </div>
+          <div class="radio-dot"></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="bottom-actions">
+      <button class="bottom-actions__btn" onclick="goNext()">下一步</button>
+    </div>
+
+    <div class="modal-overlay hidden" id="personModal">
+      <div class="modal-card">
+        <div class="modal-card__title">确认个人信息</div>
+        <div class="modal-card__sub">请核对以下信息，确认无误后继续预约</div>
+        <div class="modal-field"><span class="modal-field__label">姓名</span><span class="modal-field__value">刘韵琴</span></div>
+        <div class="modal-field"><span class="modal-field__label">单位</span><span class="modal-field__value">CQ能源第一采油厂</span></div>
+        <div class="modal-field"><span class="modal-field__label">身份证号</span><span class="modal-field__value">6101021994********</span></div>
+        <div class="modal-field"><span class="modal-field__label">性别</span><span class="modal-field__value">女</span></div>
+        <div class="modal-field"><span class="modal-field__label">年龄</span><span class="modal-field__value">32</span></div>
+        <button class="modal-confirm-btn" onclick="closeModal()">确认</button>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    if (new URLSearchParams(window.location.search).get('from') === 'booking-type') {
+      document.getElementById('personModal').classList.remove('hidden');
+    }
+    function selectHospital(el) {
+      document.querySelectorAll('.hospital-card').forEach(c => c.classList.remove('active'));
+      el.classList.add('active');
+    }
+    // [交互] 冠脉CTA无问卷环节，选择医院后直接进入预约日期
+    function goNext() {
+      location.href = 'cta-date.html';
+    }
+    function openModal() { document.getElementById('personModal').classList.remove('hidden'); }
+    function closeModal() { document.getElementById('personModal').classList.add('hidden'); }
+  </script>
+</body>
+</html>
diff --git a/employee-app/health-checkup/index.html b/employee-app/health-checkup/index.html
index 1287e34..48d6189 100644
--- a/employee-app/health-checkup/index.html
+++ b/employee-app/health-checkup/index.html
@@ -100,7 +100,7 @@
     }
     .scroll-content::-webkit-scrollbar { display: none; }
     .page-body { padding: 16px; }
-    /* 年度体检计划 Banner 轮播：常规体检 / 胃肠镜体检 / 未开启计划占位，共三张滑动切换 */
+    /* 年度体检计划 Banner 轮播：常规体检 / 胃肠镜体检 / 冠脉CTA体检 / 未开启计划占位，共四张滑动切换 */
     .banner {
       position: relative;
       border-radius: 20px;
@@ -127,6 +127,8 @@
     }
     .banner-slide--routine { background: linear-gradient(135deg, #0eb5b0 0%, #35d6c5 100%); }
     .banner-slide--gastro { background: linear-gradient(135deg, #12a5c4 0%, #3cc3dc 100%); }
+    /* 冠脉CTA体检：暖红渐变，呼应心脏/冠脉意象，与青绿的常规、蓝青的胃肠镜区分 */
+    .banner-slide--cta { background: linear-gradient(135deg, #e8544f 0%, #ff8a65 100%); }
     .banner-slide--waiting { background: linear-gradient(135deg, #93a1b3 0%, #c3ccd8 100%); }
     /* 右侧大号水印图标 + 圆环装饰，营造 banner 图氛围 */
     .banner-slide__deco {
@@ -454,7 +456,7 @@
 
     <div class="scroll-content">
       <div class="page-body">
-        <!-- [交互] 左右滑动切换三张计划 Banner，点击圆点跳转到对应张 -->
+        <!-- [交互] 左右滑动切换四张计划 Banner，点击圆点跳转到对应张 -->
         <div class="banner">
           <div class="banner__track" id="bannerTrack">
             <!-- 第一张：常规体检 | [交互] 点击进入: reports.html（已体检，查看报告） -->
@@ -492,7 +494,23 @@
               </div>
             </div>
 
-            <!-- 第三张：未开启年度体检计划占位图 -->
+            <!-- 第三张：冠脉CTA体检 | [交互] 点击进入: my-appointments-all.html?type=cta（已预约，查看预约） -->
+            <div class="banner-slide banner-slide--cta" onclick="location.href='my-appointments-all.html?type=cta'">
+              <span class="banner-slide__ring"></span>
+              <span class="banner-slide__deco">🫀</span>
+              <div class="banner-slide__title">单位已拟定2026年度冠脉CTA体检计划</div>
+              <div class="banner-slide__date">🗓 体检日期：2026-10-08 至 2026-12-20</div>
+              <!-- 圆圈进度（右下角）：已预约 = 60%（已选项目20%→已预约60%→体检中80%→已体检100%），dashoffset = 131.9 × 40% ≈ 52.8 -->
+              <div class="banner-progress">
+                <svg width="52" height="52" viewBox="0 0 52 52" fill="none">
+                  <circle cx="26" cy="26" r="21" stroke="rgba(255,255,255,0.35)" stroke-width="4"/>
+                  <circle cx="26" cy="26" r="21" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-dasharray="131.9" stroke-dashoffset="52.8" transform="rotate(-90 26 26)"/>
+                </svg>
+                <span class="banner-progress__text">已预约</span>
+              </div>
+            </div>
+
+            <!-- 第四张：未开启年度体检计划占位图 -->
             <div class="banner-slide banner-slide--waiting">
               <span class="banner-slide__deco">🌱</span>
               <div class="banner-waiting__icon">🌱</div>
@@ -505,6 +523,7 @@
           <span class="banner__dot is-active"></span>
           <span class="banner__dot"></span>
           <span class="banner__dot"></span>
+          <span class="banner__dot"></span>
         </div>
 
         <!-- [交互] 胃肠镜医院预选通知条：仅管理员开启预选计划期间展示；
@@ -601,11 +620,15 @@
     (function () {
       var track = document.getElementById('bannerTrack');
       var dots = document.querySelectorAll('#bannerDots .banner__dot');
+      // 各张计划对应的圆点主色（常规青绿/胃肠镜蓝青/冠脉CTA暖红/占位灰）
+      var DOT_COLORS = ['#13c2c2', '#12a5c4', '#e8544f', '#93a1b3'];
       // 滚动时按滚动位置判定当前展示张数，同步高亮圆点
       track.addEventListener('scroll', function () {
         var index = Math.round(track.scrollLeft / track.clientWidth);
         dots.forEach(function (dot, i) {
-          dot.classList.toggle('is-active', i === index);
+          var active = i === index;
+          dot.classList.toggle('is-active', active);
+          dot.style.background = active ? DOT_COLORS[index] : '';
         });
       });
       // 点击圆点平滑滚动到对应张
diff --git a/employee-app/health-checkup/indicator-compare.html b/employee-app/health-checkup/indicator-compare.html
index b1f1298..23defa0 100644
--- a/employee-app/health-checkup/indicator-compare.html
+++ b/employee-app/health-checkup/indicator-compare.html
@@ -119,6 +119,29 @@
     }
     .hero-card__title { font-size: 14px; font-weight: 700; color: #0d7878; }
     .hero-card__range { margin-left: auto; font-size: 10px; color: var(--text-muted); }
+    /* 年份区间选择器：开始/结束两个下拉，选项互相联动保证区间合法 */
+    .year-picker__sep { font-size: 10px; color: var(--text-muted); }
+    .year-select {
+      border: 1px solid var(--border); background: #fff; border-radius: 8px;
+      font-size: 11px; font-weight: 700; color: var(--primary-dark);
+      padding: 2px 18px 2px 6px; font-family: inherit; cursor: pointer; outline: none;
+      appearance: none;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%238c8c8c'/%3E%3C/svg%3E");
+      background-repeat: no-repeat; background-position: right 5px center;
+    }
+    .year-select:focus { border-color: var(--primary); }
+    /* 顶部年份选择条 */
+    .year-bar {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      background: #fff;
+      border: 1px solid var(--border);
+      border-radius: 14px;
+      padding: 10px 14px;
+      box-shadow: var(--paper-shadow);
+    }
+    .year-bar__label { font-size: 12px; font-weight: 700; color: var(--text-secondary); }
     .hero-stats {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
@@ -317,36 +340,46 @@
     </div>
     <div class="scroll-content">
       <div class="page-body">
-        <!-- ① AI 纵向总结卡 -->
+        <!-- ① 年份选择（置于最顶部，选择区间后整页重渲染） -->
+        <div class="year-bar">
+          <span class="year-bar__label">体检年份</span>
+          <select class="year-select" id="yearFrom" aria-label="开始年份"></select>
+          <span class="year-picker__sep">-</span>
+          <select class="year-select" id="yearTo" aria-label="结束年份"></select>
+        </div>
+
+        <!-- ② AI 纵向总结卡 -->
         <div class="hero-card">
           <div class="hero-card__head">
             <span class="hero-card__ai-badge">
               <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.9 5.6L19.5 10l-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.9z"/></svg>
               AI
             </span>
-            <span class="hero-card__title">五年纵向对比总结</span>
-            <span class="hero-card__range">2021 - 2025</span>
+            <span class="hero-card__title" id="heroTitle">五年纵向对比总结</span>
           </div>
+          <div class="hero-card__range" id="heroRangeMeta" style="margin-left:0;padding:8px 14px 0;"></div>
           <div class="hero-stats">
             <div class="hero-stat hero-stat--danger">
-              <div class="hero-stat__value">5</div>
-              <div class="hero-stat__label">今年异常</div>
+              <div class="hero-stat__value" id="statAbn">5</div>
+              <div class="hero-stat__label">期末异常</div>
             </div>
             <div class="hero-stat hero-stat--warn">
-              <div class="hero-stat__value">3</div>
-              <div class="hero-stat__label">恶化趋势</div>
+              <div class="hero-stat__value" id="statWorse">3</div>
+              <div class="hero-stat__label">变化趋势</div>
             </div>
             <div class="hero-stat hero-stat--danger">
-              <div class="hero-stat__value">1</div>
+              <div class="hero-stat__value" id="statNew">1</div>
               <div class="hero-stat__label">新增异常</div>
             </div>
             <div class="hero-stat hero-stat--success">
-              <div class="hero-stat__value">2</div>
+              <div class="hero-stat__value" id="statBetter">2</div>
               <div class="hero-stat__label">转好恢复</div>
             </div>
           </div>
+          <!-- [交互] 总结文案随所选年份区间由脚本按区间数据重新生成 -->
           <div class="hero-card__text">
-            近五年您的心脑血管代谢相关指标呈持续上行趋势：总胆固醇、甘油三酯、BMI 连续三年上升，低密度脂蛋白今年首次越限，尿酸已连续四年高于正常范围；颈部影像提示生理曲度变直已持续两年。好消息是去年轻度偏高的转氨酶（ALT/AST）今年均回归正常。建议将血脂与体重管理列为本年度健康干预的第一优先级。
+            <p id="heroLead"></p>
+            <p id="heroNotes"></p>
           </div>
           <div class="hero-card__ai-note">内容由 AI 基于历年体检数据生成，仅供参考，不构成诊断依据</div>
         </div>
@@ -356,7 +389,6 @@
         <div class="filter-row">
           <button class="filter-chip is-active" data-f="all" type="button" onclick="applyFilter(this)">全部</button>
           <button class="filter-chip" data-f="abn" type="button" onclick="applyFilter(this)">异常</button>
-          <button class="filter-chip" data-f="worse" type="button" onclick="applyFilter(this)">恶化趋势</button>
           <button class="filter-chip" data-f="normal" type="button" onclick="applyFilter(this)">正常</button>
         </div>
 
@@ -390,11 +422,11 @@
       { name: '血常规', keys: ['hgb', 'wbc', 'plt'] }
     ];
     var NUM = {
-      bmi:  { name: 'BMI', unit: 'kg/m²', ref: [18.5, 23.9], v: [23.1, 23.8, 24.5, 25.2, 25.8], badge: ['恶化趋势', 'worse'] },
+      bmi:  { name: 'BMI', unit: 'kg/m²', ref: [18.5, 23.9], v: [23.1, 23.8, 24.5, 25.2, 25.8], badge: ['变化趋势', 'worse'] },
       sbp:  { name: '收缩压', unit: 'mmHg', ref: [90, 139], v: [112, 115, 118, 116, 120], badge: ['平稳', 'stable'] },
       dbp:  { name: '舒张压', unit: 'mmHg', ref: [60, 89], v: [72, 74, 73, 76, 78], badge: ['平稳', 'stable'] },
-      tc:   { name: '总胆固醇 TC', unit: 'mmol/L', ref: [3.1, 5.7], v: [4.62, 4.95, 5.36, 5.78, 6.10], badge: ['恶化趋势', 'worse'] },
-      tg:   { name: '甘油三酯 TG', unit: 'mmol/L', ref: [0.4, 1.7], v: [1.20, 1.35, 1.55, 1.72, 2.08], badge: ['恶化趋势', 'worse'] },
+      tc:   { name: '总胆固醇 TC', unit: 'mmol/L', ref: [3.1, 5.7], v: [4.62, 4.95, 5.36, 5.78, 6.10], badge: ['变化趋势', 'worse'] },
+      tg:   { name: '甘油三酯 TG', unit: 'mmol/L', ref: [0.4, 1.7], v: [1.20, 1.35, 1.55, 1.72, 2.08], badge: ['变化趋势', 'worse'] },
       hdl:  { name: '高密度脂蛋白 HDL-C', unit: 'mmol/L', ref: [1.04, 1.55], v: [1.35, 1.30, 1.26, 1.22, 1.18], badge: ['平稳', 'stable'] },
       ldl:  { name: '低密度脂蛋白 LDL-C', unit: 'mmol/L', ref: [0, 3.4], v: [2.80, 3.00, 3.10, 3.35, 3.92], badge: ['新增异常', 'new'] },
       glu:  { name: '空腹血糖 GLU', unit: 'mmol/L', ref: [3.9, 6.1], v: [5.0, 5.1, 4.9, 5.3, 5.2], badge: ['平稳', 'stable'] },
@@ -419,59 +451,99 @@
     ];
 
     function isAbn(item, vi) { return item.v[vi] < item.ref[0] || item.v[vi] > item.ref[1]; }
-    // 组内排序权重：异常在前，恶化 > 新增 > 连续异常 > 转好 > 平稳
+    // ===== 所选年份区间（原型仅有 2021-2025 五年体检数据，可选范围以此为准）=====
+    var sel = { from: YEARS[0], to: YEARS[YEARS.length - 1] };
+    function range() {
+      var a = YEARS.indexOf(sel.from), b = YEARS.indexOf(sel.to);
+      return { a: a, b: b, n: b - a + 1, ys: YEARS.slice(a, b + 1) };
+    }
+    // 取指标在当前区间内的数值序列
+    function vals(it) { var r = range(); return it.v.slice(r.a, r.b + 1); }
+    // 区间内是否呈不利走向（端点对比方向性变化），随所选区间动态计算
+    function deltaWorse(key) {
+      var it = NUM[key], vv = vals(it);
+      if (vv.length < 2) return false;
+      var first = vv[0], last = vv[vv.length - 1];
+      var hi = it.ref[1], lo = it.ref[0];
+      if (hi < Infinity && last > hi) return last > first;
+      return last < lo ? last < first : false;
+    }
+    // 组内排序权重：期末异常在前；区间内不利走向 > 期末新增 > 区间内全程异常 > 区间内转好 > 静态分级兜底
     function weight(key) {
-      var it = NUM[key], b = it.badge[1];
-      var abn = isAbn(it, 4) ? 0 : 1;
-      var order = { worse: 0, new: 1, keep: 2, better: 3, stable: 4 }[b];
+      var it = NUM[key], r = range(), e = r.b, s = r.a;
+      var lastAbn = isAbn(it, e), firstAbn = isAbn(it, s);
+      var abn = lastAbn ? 0 : 1;
+      var order;
+      if (deltaWorse(key)) order = 0;
+      else if (lastAbn && !firstAbn) order = 1;
+      else if (lastAbn) order = 2;
+      else if (!lastAbn && firstAbn) order = 3;
+      else order = 4 + ({ worse: 0, new: 1, keep: 2, better: 3, stable: 4 }[it.badge[1]] || 4);
       return abn * 10 + order;
     }
-    // 缩略趋势线（纯内联 SVG，异常点标红）
+    // 缩略趋势线（纯内联 SVG，按所选区间取点，异常点标红）
     function sparkline(item) {
       var w = 96, h = 34, pad = 5;
-      var min = Math.min.apply(null, item.v), max = Math.max.apply(null, item.v);
+      var vs = vals(item);
+      var min = Math.min.apply(null, vs), max = Math.max.apply(null, vs);
       if (max === min) max = min + 1;
-      var step = (w - pad * 2) / 4;
-      var pts = item.v.map(function (v, i) {
-        return (pad + i * step).toFixed(1) + ',' + (h - pad - (v - min) / (max - min) * (h - pad * 2)).toFixed(1);
-      });
-      var dots = item.v.map(function (v, i) {
-        var cx = pad + i * step, cy = h - pad - (v - min) / (max - min) * (h - pad * 2);
-        return '<circle cx="' + cx.toFixed(1) + '" cy="' + cy.toFixed(1) + '" r="2.6" fill="' + ((v < item.ref[0] || v > item.ref[1]) ? '#ff4d4f' : '#13c2c2') + '"/>';
+      var step = vs.length > 1 ? (w - pad * 2) / (vs.length - 1) : 0;
+      function X(i) { return pad + i * step; }
+      function Y(v) { return h - pad - (v - min) / (max - min) * (h - pad * 2); }
+      var pts = vs.map(function (v, i) { return X(i).toFixed(1) + ',' + Y(v).toFixed(1); });
+      var dots = vs.map(function (v, i) {
+        return '<circle cx="' + X(i).toFixed(1) + '" cy="' + Y(v).toFixed(1) + '" r="2.6" fill="' + ((v < item.ref[0] || v > item.ref[1]) ? '#ff4d4f' : '#13c2c2') + '"/>';
       }).join('');
       return '<svg width="' + w + '" height="' + h + '" viewBox="0 0 ' + w + ' ' + h + '"><polyline points="' + pts.join(' ') + '" fill="none" stroke="#13c2c2" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>' + dots + '</svg>';
     }
     function fmtV(v) { return v >= 100 ? String(Math.round(v)) : String(v); }
+    // 区间端点对比：返回 {last, delta, worse, newAbn, keepAbn, better, n}
+    function endCompare(it) {
+      var r = range(), vv = vals(it);
+      var first = vv[0], last = vv[vv.length - 1];
+      var hi = it.ref[1], lo = it.ref[0];
+      var lastAbn = last < lo || last > hi, firstAbn = first < lo || first > hi;
+      var worse = (hi < Infinity && last > hi) ? last > first : (last < lo ? last < first : false);
+      var allAbn = vv.every(function (v) { return v < lo || v > hi; });
+      return { r: r, last: last, delta: last - first, worse: worse, newAbn: lastAbn && !firstAbn, keepAbn: lastAbn && firstAbn && allAbn, better: !lastAbn && firstAbn };
+    }
+    function fmtDelta(it, d) {
+      var dec = it.v[0] >= 100 || Math.abs(d) >= 10 ? 0 : (Math.abs(d) >= 1 ? 1 : 2);
+      return (d > 0 ? '+' : '') + d.toFixed(dec);
+    }
 
-    // ===== 渲染数值指标分组（大类折叠卡，默认收起；筛选时自动展开有匹配项的大类）=====
+    // ===== 渲染数值指标分组（大类折叠卡，默认全部展开；点击大类头可收起）=====
     var filter = 'all';
     function renderGroups() {
+      var e = range().b;
       var html = '';
       CATS.forEach(function (cat) {
         var keys = cat.keys.slice().sort(function (a, b) { return weight(a) - weight(b); });
-        var abnCount = cat.keys.filter(function (k) { return isAbn(NUM[k], 4); }).length;
+        var abnCount = cat.keys.filter(function (k) { return isAbn(NUM[k], e); }).length;
         var cards = '';
+        var shown = 0;
         keys.forEach(function (key) {
           var it = NUM[key];
-          var abn = isAbn(it, 4);
-          var show = filter === 'all' || (filter === 'abn' && abn) || (filter === 'worse' && it.badge[1] === 'worse') || (filter === 'normal' && !abn);
+          var last = it.v[e];
+          var abn = isAbn(it, e);
+          var show = filter === 'all' || (filter === 'abn' && abn) || (filter === 'normal' && !abn);
           if (!show) return;
-          var arrow = abn ? (it.v[4] > it.ref[1] ? ' ↑' : ' ↓') : '';
+          shown++;
+          var arrow = abn ? (last > it.ref[1] ? ' ↑' : ' ↓') : '';
           cards += '<div class="metric-card" data-key="' + key + '" onclick="goDetail(\'' + key + '\')">'
             + '<div class="metric-card__top"><span class="metric-card__name">' + it.name + '</span>'
             + '<span class="badge badge--' + it.badge[1] + '">' + it.badge[0] + '</span></div>'
             + '<div class="metric-card__bottom"><div>'
-            + '<div class="metric-card__value' + (abn ? ' is-abn' : '') + '">' + fmtV(it.v[4]) + arrow + '<span class="metric-card__unit">' + it.unit + '</span></div>'
+            + '<div class="metric-card__value' + (abn ? ' is-abn' : '') + '">' + fmtV(last) + arrow + '<span class="metric-card__unit">' + it.unit + '</span></div>'
             + '<div class="metric-card__ref">参考 ' + it.ref[0] + '-' + it.ref[1] + '</div></div>'
             + '<div class="metric-card__spark">' + sparkline(it) + '</div>'
             + '</div></div>';
         });
         if (!cards) return;
-        var collapsed = filter === 'all' ? ' is-collapsed' : '';
-        html += '<div class="cat-group' + collapsed + '">'
+        html += '<div class="cat-group">'
           + '<div class="cat-group__head" onclick="toggleCat(this)">' + cat.name
-          + '<small>' + cat.keys.length + ' 项</small>'
-          + (abnCount ? '<span class="cat-group__abn">异常 ' + abnCount + '</span>' : '')
+          + '<small>' + shown + ' 项</small>'
+          + (filter !== 'normal' && abnCount ? '<span class="cat-group__abn">异常 ' + abnCount + '</span>' : '')
           + '<span class="cat-group__arrow">▾</span></div>'
           + '<div class="cat-group__body">' + cards + '</div></div>';
       });
@@ -485,25 +557,133 @@
       btn.classList.add('is-active');
       filter = btn.getAttribute('data-f');
       renderGroups();
+      renderQual();
+    }
+    // [交互] 点击指标卡进入详情页，携带当前区间（详情页同步按区间渲染）
+    function goDetail(item) {
+      location.href = 'indicator-compare-detail.html?item=' + encodeURIComponent(item) + '&from=' + sel.from + '&to=' + sel.to;
     }
-    // [交互] 点击指标卡进入详情页（与报告页行级入口同一目标页）
-    function goDetail(item) { location.href = 'indicator-compare-detail.html?item=' + encodeURIComponent(item); }
 
-    // ===== 渲染定性项目区 =====
+    // ===== 渲染定性项目区（圆点与结论均随区间变化）=====
     function renderQual() {
+      var r = range();
       var html = '';
       QUAL.forEach(function (q) {
-        var dots = q.st.map(function (s) { return '<i class="is-' + s + '"></i>'; }).join('');
+        var st = q.st.slice(r.a, r.b + 1);
+        // 按当前筛选过滤定性项目：以区间末年的状态判断是否有异常
+        var curAbn = st[st.length - 1] === 'a';
+        if (!(filter === 'all' || (filter === 'abn' && curAbn) || (filter === 'normal' && !curAbn))) return;
+        var dots = st.map(function (s) { return '<i class="is-' + s + '"></i>'; }).join('');
+        // 区间内结论按圆点序列动态生成
+        var n = st.length, tail = 0, head = -1;
+        for (var i = n - 1; i >= 0 && st[i] === 'a'; i--) tail++;
+        for (var j = 0; j < n; j++) { if (st[j] === 'a') { head = j; break; } }
+        var desc;
+        var preAbn = q.st.slice(0, r.a).indexOf('a') !== -1;
+        if (!tail) {
+          desc = head !== -1
+            ? r.ys[head] + ' 年曾异常，' + r.ys[n - 1] + ' 年已恢复正常'
+            : (preAbn ? '所选区间未见异常' : '历年未见异常');
+        } else if (tail === n) {
+          desc = n === 1 ? '该年度存在异常' : (preAbn && head === 0 ? '异常持续 ' + (n + r.a) + ' 年（区间起点前已检出）' : '持续 ' + n + ' 年');
+        } else {
+          desc = r.ys[head] + ' 年检出，至 ' + r.ys[n - 1 - tail] + ' 年恢复';
+        }
         html += '<div class="qual-card" onclick="goDetail(\'' + q.key + '\')">'
           + '<div class="qual-card__main"><div class="qual-card__name">' + q.name + '</div>'
-          + '<div class="qual-card__desc' + (q.warn ? ' is-warn' : '') + '">' + q.desc + '</div></div>'
+          + '<div class="qual-card__desc' + (tail ? ' is-warn' : '') + '">' + desc + '</div></div>'
           + '<div class="qual-dots">' + dots + '</div>'
-          + '<div class="qual-years">21-25</div></div>';
+          + '<div class="qual-years">' + r.ys[0].slice(2) + '-' + r.ys[n - 1].slice(2) + '</div></div>';
       });
-      document.getElementById('qualBody').innerHTML = html;
+      document.getElementById('qualBody').innerHTML = html || '<div class="metric-card__ref" style="text-align:center;padding:16px 0">该筛选条件下暂无定性项目</div>';
     }
-    renderGroups();
-    renderQual();
+
+    // ===== AI 总结文案（按所选区间数据生成，模拟端点对比口径）=====
+    function buildSummary() {
+      var r = range();
+      var nums = Object.keys(NUM).map(function (k) {
+        var it = NUM[k];
+        return { key: k, it: it, cmp: endCompare(it) };
+      });
+      var abnNums = nums.filter(function (x) { var l = x.cmp.last; return l < x.it.ref[0] || l > x.it.ref[1]; });
+      var lead;
+      if (r.n === 1) {
+        // 单年度：只报当年结果，不做趋势对比
+        lead = r.ys[0] + ' 年度体检共 ' + abnNums.length + ' 项指标处于参考范围之外' +
+          (abnNums.length ? '：' + abnNums.map(function (x) { return x.it.name; }).join('、') + '。' : '。');
+      } else {
+        lead = '在 ' + r.ys[0] + '–' + r.ys[r.n - 1] + ' 共 ' + r.n + ' 次体检中，您的多项指标呈持续上行趋势：' +
+          nums.filter(function (x) { return x.cmp.worse; }).map(function (x) { return x.it.name; }).join('、') +
+          ' 较 ' + r.ys[0] + ' 年分别升高 ' +
+          nums.filter(function (x) { return x.cmp.worse; }).map(function (x) { return fmtDelta(x.it, x.cmp.delta); }).join(' / ') +
+          '；期末共 ' + abnNums.length + ' 项指标处于参考范围之外。';
+      }
+      var notes = r.n > 1 ? nums.filter(function (x) { return x.cmp.newAbn || x.cmp.keepAbn || x.cmp.better; }).map(function (x) {
+        var y = r.n + ' 年间';
+        if (x.cmp.newAbn) return x.it.name + y + '首次越限';
+        if (x.cmp.keepAbn) return x.it.name + y + '持续高于正常范围';
+        return x.it.name + y + '回归正常范围';
+      }) : [];
+      var qualNotes = QUAL.map(function (q) {
+        var st = q.st.slice(r.a, r.b + 1);
+        var n = st.length, tail = 0, head = -1;
+        for (var i = n - 1; i >= 0 && st[i] === 'a'; i--) tail++;
+        for (var j = 0; j < n; j++) { if (st[j] === 'a') { head = j; break; } }
+        if (tail === n && n > 1) return q.name + '异常持续 ' + n + ' 年';
+        if (tail && head > 0 && n > 1) return q.name + '自 ' + r.ys[head] + ' 年起异常';
+        return '';
+      }).filter(Boolean);
+      var all = notes.concat(qualNotes);
+      var fallback = r.n === 1 ? '当年各指标与检查结论详见下方明细。' : '区间内各指标与检查结论未见明显异常波动。';
+      return { lead: lead, notes: all.length ? all.join('；') + '。' : fallback };
+    }
+
+    // ===== 区间应用：联动下拉选项、整页重渲染 =====
+    function fillYearSelect(selEl, list) {
+      selEl.innerHTML = list.map(function (y) { return '<option value="' + y + '">' + y + '</option>'; }).join('');
+    }
+    function applyRange() {
+      var r = range();
+      document.getElementById('heroTitle').textContent = r.n + ' 年纵向对比总结';
+      document.getElementById('heroRangeMeta').textContent =
+        r.ys[0] + ' - ' + r.ys[r.n - 1] + ' · 覆盖 ' + r.n + ' 次体检';
+      var nums = Object.keys(NUM).map(function (k) { return { it: NUM[k], cmp: endCompare(NUM[k]) }; });
+      document.getElementById('statAbn').textContent = nums.filter(function (x) {
+        return x.cmp.last < x.it.ref[0] || x.cmp.last > x.it.ref[1];
+      }).length;
+      document.getElementById('statWorse').textContent = nums.filter(function (x) { return x.cmp.worse; }).length;
+      document.getElementById('statNew').textContent = nums.filter(function (x) { return x.cmp.newAbn; }).length;
+      document.getElementById('statBetter').textContent = nums.filter(function (x) { return x.cmp.better; }).length;
+      var sum = buildSummary();
+      document.getElementById('heroLead').textContent = sum.lead;
+      document.getElementById('heroNotes').textContent = sum.notes;
+      renderGroups();
+      renderQual();
+    }
+    (function initYearPicker() {
+      var fromSel = document.getElementById('yearFrom');
+      var toSel = document.getElementById('yearTo');
+      fromSel.addEventListener('change', function () {
+        sel.from = fromSel.value;
+        // 开始年不得晚于结束年：自动顶到结束年，并反向刷新选项
+        if (Number(sel.from) > Number(sel.to)) { sel.to = sel.from; toSel.value = sel.to; }
+        fillYearSelect(toSel, YEARS.filter(function (y) { return Number(y) >= Number(sel.from); }));
+        toSel.value = sel.to;
+        applyRange();
+      });
+      toSel.addEventListener('change', function () {
+        sel.to = toSel.value;
+        if (Number(sel.to) < Number(sel.from)) { sel.from = sel.to; fromSel.value = sel.from; }
+        fillYearSelect(fromSel, YEARS.filter(function (y) { return Number(y) <= Number(sel.to); }));
+        fromSel.value = sel.from;
+        applyRange();
+      });
+      fillYearSelect(fromSel, YEARS);
+      fillYearSelect(toSel, YEARS);
+      fromSel.value = sel.from;
+      toSel.value = sel.to;
+    })();
+    applyRange();
   </script>
 </body>
 </html>
diff --git a/employee-app/health-checkup/my-appointments-all.html b/employee-app/health-checkup/my-appointments-all.html
index 112f33c..fbf8a81 100644
--- a/employee-app/health-checkup/my-appointments-all.html
+++ b/employee-app/health-checkup/my-appointments-all.html
@@ -139,7 +139,7 @@
     /* 顶部体检类型 Tab */
     .type-tabs {
       display: grid;
-      grid-template-columns: 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr;
       gap: 8px;
       padding: 5px;
       background: rgba(255,255,255,0.92);
@@ -384,10 +384,11 @@
     </div>
 
     <div class="scroll-content">
-      <!-- [交互] 点击切换 常规体检/胃肠镜体检 详情 -->
+      <!-- [交互] 点击切换 常规体检/胃肠镜体检/冠脉CTA体检 详情 -->
       <div class="type-tabs">
         <button class="type-tabs__btn type-tabs__btn--active" type="button" id="tabRoutine" onclick="setType('routine')">常规体检</button>
         <button class="type-tabs__btn" type="button" id="tabGastro" onclick="setType('gastro')">胃肠镜体检</button>
+        <button class="type-tabs__btn" type="button" id="tabCta" onclick="setType('cta')">冠脉CTA体检</button>
       </div>
 
       <!-- ======================= 常规体检 · 待体检 ======================= -->
@@ -554,6 +555,72 @@
           <button class="rebook-btn" style="width:auto;padding:0 40px;" type="button" onclick="location.href='gastro-hospital.html'">立即预约</button>
         </div>
       </div>
+
+      <!-- ======================= 冠脉CTA体检 · 待体检 ======================= -->
+      <div class="panel hidden" data-type="cta" data-status="pending">
+        <div class="summary-card">
+          <div class="section-title">冠脉CTA体检</div>
+          <div class="summary-list">
+            <div class="summary-item"><div class="summary-item__label">体检医院</div><div class="summary-item__value">宁夏宝石花医院</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检员工</div><div class="summary-item__value">刘韵琴</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检地址</div><div class="summary-item__value">银川市西夏区怀远路148号</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检日期</div><div class="summary-item__value">2026年3月23日</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检项目</div><div class="summary-item__value">冠脉CTA体检</div></div>
+            <div class="summary-item"><div class="summary-item__label">状态</div><div class="summary-item__value" style="color:#fa8c16;">待体检</div></div>
+          </div>
+        </div>
+        <div class="tips-card">
+          <div class="tips-card__title">体检须知</div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>检查前24小时请避免剧烈运动，检查当天避免吸烟，勿饮用咖啡、浓茶等刺激性饮品。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>心率过快或心律不齐者，请遵医嘱在检查前服用控制心率药物（如β受体阻滞剂）。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>检查需屏气配合，请提前练习平静状态下屏气10~15秒。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>对碘对比剂过敏、甲状腺功能异常、肾功能不全或妊娠期，请提前告知医生。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>请携带本人身份证件按时前往医院。</span></div>
+          <div class="tips-card__item"><span class="tips-card__dot"></span><span>若需取消预约，请至少提前一天操作。</span></div>
+        </div>
+        <div class="progress-card">
+          <div class="section-title">项目列表</div>
+          <div class="project-list">
+            <div class="project-item"><div class="project-item__icon project-item__icon--pending">&#9679;</div><div class="project-item__name">冠脉钙化积分扫描</div><div class="project-item__status project-item__status--pending">未检</div></div>
+            <div class="project-item"><div class="project-item__icon project-item__icon--pending">&#9679;</div><div class="project-item__name">冠脉CTA成像</div><div class="project-item__status project-item__status--pending">未检</div></div>
+          </div>
+        </div>
+      </div>
+
+      <!-- ======================= 冠脉CTA体检 · 已完成 ======================= -->
+      <div class="panel hidden" data-type="cta" data-status="done">
+        <div class="summary-card">
+          <div class="section-title">冠脉CTA体检</div>
+          <div class="summary-list">
+            <div class="summary-item"><div class="summary-item__label">体检医院</div><div class="summary-item__value">宁夏宝石花医院</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检员工</div><div class="summary-item__value">刘韵琴</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检地址</div><div class="summary-item__value">银川市西夏区怀远路148号</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检日期</div><div class="summary-item__value">2026年3月23日</div></div>
+            <div class="summary-item"><div class="summary-item__label">体检项目</div><div class="summary-item__value">冠脉CTA体检</div></div>
+            <div class="summary-item"><div class="summary-item__label">状态</div><div class="summary-item__value" style="color:#52c41a;">已体检</div></div>
+          </div>
+        </div>
+        <div class="progress-card">
+          <div class="section-title">项目列表</div>
+          <div class="project-list">
+            <div class="project-item"><div class="project-item__icon project-item__icon--done">&#10003;</div><div class="project-item__name">冠脉钙化积分扫描</div><div class="project-item__status project-item__status--done">已体检</div></div>
+            <div class="project-item"><div class="project-item__icon project-item__icon--done">&#10003;</div><div class="project-item__name">冠脉CTA成像</div><div class="project-item__status project-item__status--done">已体检</div></div>
+          </div>
+        </div>
+      </div>
+
+      <!-- ======================= 冠脉CTA体检 · 无预约信息 ======================= -->
+      <div class="panel hidden" data-type="cta" data-status="none">
+        <div class="empty">
+          <div class="empty__icon">
+            <svg width="44" height="44" viewBox="0 0 24 24" fill="none" stroke="#bfbfbf" stroke-width="1.6"><rect x="3" y="4" width="18" height="17" rx="3"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M9 15l2.2 2.2L15 13.5"/></svg>
+          </div>
+          <div class="empty__title">暂无冠脉CTA体检预约</div>
+          <div class="empty__desc">您还没有预约冠脉CTA体检，预约成功后可在此查看预约详情、体检须知与检查项目。</div>
+          <!-- [交互] 点击跳转至: cta-hospital.html（进入冠脉CTA预约流程） -->
+          <button class="rebook-btn" style="width:auto;padding:0 40px;" type="button" onclick="location.href='cta-hospital.html'">立即预约</button>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -604,6 +671,7 @@
       currentType = type;
       document.getElementById('tabRoutine').classList.toggle('type-tabs__btn--active', type === 'routine');
       document.getElementById('tabGastro').classList.toggle('type-tabs__btn--active', type === 'gastro');
+      document.getElementById('tabCta').classList.toggle('type-tabs__btn--active', type === 'cta');
       applyView();
     }
 
@@ -689,13 +757,13 @@
     fillProgress('r', ROUTINE_PROJECTS, 5);   // 常规·待体检 5/26
     fillProgress('rd', ROUTINE_PROJECTS, 26); // 常规·已完成 26/26
 
-    // [交互] URL 参数直达：?type=routine|gastro&status=pending|done|none
+    // [交互] URL 参数直达：?type=routine|gastro|cta&status=pending|done|none
     (function initFromUrl() {
       if (!window.URLSearchParams) { return; }
       var params = new URLSearchParams(window.location.search);
       var pType = params.get('type');
       var pStatus = params.get('status');
-      if (pType === 'routine' || pType === 'gastro') { setType(pType); }
+      if (pType === 'routine' || pType === 'gastro' || pType === 'cta') { setType(pType); }
       if (pStatus === 'pending' || pStatus === 'done' || pStatus === 'none') {
         setDemoStatus(pStatus);
       }
diff --git a/employee-app/health-checkup/report-cta.html b/employee-app/health-checkup/report-cta.html
new file mode 100644
index 0000000..4542af0
--- /dev/null
+++ b/employee-app/health-checkup/report-cta.html
@@ -0,0 +1,508 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>冠脉CTA体检报告</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --primary: #20c7c7;
+      --primary-dark: #119b9b;
+      --primary-light: #e8fbfb;
+      --border: #cfeeee;
+      --line: #dff3f3;
+      --bg-page: #f0f2f5;
+      --bg-content: #f6fbfb;
+      --text-primary: #1a1a1a;
+      --text-secondary: #666;
+      --text-muted: #8c8c8c;
+      --success: #52c41a;
+      --paper-shadow: 0 8px 24px rgba(17, 155, 155, 0.08);
+    }
+    body {
+      background: var(--bg-page);
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      min-height: 100vh;
+      padding: 20px;
+      font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+      color: var(--text-primary);
+    }
+    .phone-shell {
+      width: 390px;
+      min-height: 844px;
+      background: var(--bg-content);
+      border-radius: 44px;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0;
+      overflow: hidden;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+    }
+    .phone-status-bar {
+      height: 44px;
+      background: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 24px;
+      font-size: 12px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+    .phone-status-bar .time { font-size: 15px; font-weight: 700; }
+    .phone-status-bar .icons { display: flex; gap: 6px; align-items: center; }
+    .nav-bar {
+      height: 44px;
+      display: flex;
+      align-items: center;
+      padding: 0 16px;
+      background: #fff;
+      border-bottom: 1px solid #f0f0f0;
+      flex-shrink: 0;
+      position: relative;
+    }
+    .nav-back {
+      font-size: 18px;
+      color: var(--text-primary);
+      cursor: pointer;
+      line-height: 1;
+      text-decoration: none;
+    }
+    .nav-title {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      font-size: 17px;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+    .nav-action {
+      margin-left: auto;
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+      color: var(--primary-dark);
+      text-decoration: none;
+      font-weight: 600;
+    }
+    .scroll-content {
+      flex: 1;
+      overflow-y: auto;
+      background: linear-gradient(180deg, #ecfbfb 0%, #f7fbfb 160px, #f7fbfb 100%);
+    }
+    .scroll-content::-webkit-scrollbar { display: none; }
+    .page-body { padding: 14px; }
+
+    /* 报告卡片 */
+    .report-paper {
+      background: #fff;
+      border-radius: 20px;
+      box-shadow: var(--paper-shadow);
+      border: 1px solid rgba(32, 199, 199, 0.08);
+      overflow: hidden;
+    }
+    .report-header {
+      padding: 18px 16px 14px;
+      background: linear-gradient(180deg, #fbffff 0%, #f4ffff 100%);
+      border-bottom: 1px solid var(--line);
+    }
+    .report-header__top {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+    .report-header__title {
+      font-size: 20px;
+      font-weight: 700;
+      letter-spacing: 1px;
+      color: #0f7d7d;
+      margin-bottom: 6px;
+    }
+    .report-header__sub {
+      font-size: 12px;
+      color: var(--text-muted);
+      line-height: 1.6;
+    }
+    .report-tag--cta {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 62px;
+      height: 28px;
+      padding: 0 10px;
+      border-radius: 14px;
+      background: #e6fffb;
+      color: #08979c;
+      border: 1px solid #87e8de;
+      font-size: 12px;
+      font-weight: 700;
+      flex-shrink: 0;
+    }
+
+    /* 章节 */
+    .report-section {
+      padding: 14px 16px 0;
+    }
+    .report-section__title {
+      height: 30px;
+      display: flex;
+      align-items: center;
+      padding: 0 12px;
+      margin: 0 -16px 12px;
+      background: linear-gradient(90deg, #78e3e3 0%, #a4eded 100%);
+      color: #0c7070;
+      font-size: 13px;
+      font-weight: 700;
+      letter-spacing: 0.5px;
+    }
+    .report-section__title--score {
+      background: linear-gradient(90deg, #ffd591 0%, #ffe7ba 100%);
+      color: #ad6800;
+    }
+    .report-section__title--vessel {
+      background: linear-gradient(90deg, #b5f5ec 0%, #d9f9f4 100%);
+      color: #006d75;
+    }
+
+    /* 检查字段 */
+    .field-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding-bottom: 14px;
+    }
+    .field-item {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .field-item__label {
+      font-size: 12px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+    .field-item__value-wrap {
+      position: relative;
+    }
+    .field-item__value {
+      font-size: 13px;
+      line-height: 1.7;
+      color: var(--text-primary);
+      background: #f9fffe;
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 10px 12px;
+      min-height: 40px;
+      max-height: 76px;
+      overflow: hidden;
+      transition: max-height 0.3s ease;
+    }
+    .field-item.is-expanded .field-item__value {
+      max-height: 600px;
+    }
+    .field-item__fade {
+      position: absolute;
+      left: 1px;
+      right: 1px;
+      bottom: 1px;
+      height: 32px;
+      background: linear-gradient(180deg, rgba(249,255,254,0) 0%, rgba(249,255,254,0.96) 60%);
+      pointer-events: none;
+      border-radius: 0 0 10px 10px;
+    }
+    .field-item.is-expanded .field-item__fade {
+      display: none;
+    }
+    .field-item__toggle {
+      display: none;
+      align-items: center;
+      gap: 4px;
+      position: absolute;
+      right: 12px;
+      bottom: 8px;
+      border: none;
+      background: #f9fffe;
+      color: var(--primary-dark);
+      font-size: 12px;
+      font-weight: 600;
+      cursor: pointer;
+      padding: 2px 6px;
+      border-radius: 4px;
+      z-index: 1;
+    }
+    .field-item__toggle.is-visible {
+      display: inline-flex;
+    }
+
+    /* 冠脉病变分段列表 */
+    .vessel-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding-bottom: 14px;
+    }
+    .vessel-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 12px;
+      border-radius: 12px;
+      background: #f9fffe;
+      border: 1px solid var(--border);
+    }
+    .vessel-item__name { font-size: 13px; font-weight: 700; color: var(--text-primary); width: 128px; flex-shrink: 0; }
+    .vessel-item__desc { flex: 1; font-size: 12px; color: var(--text-secondary); line-height: 1.6; }
+    .vessel-item__grade {
+      font-size: 11px;
+      font-weight: 700;
+      padding: 2px 8px;
+      border-radius: 10px;
+      flex-shrink: 0;
+    }
+    .vessel-item__grade--ok { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
+    .vessel-item__grade--warn { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591; }
+
+    /* 影像报告 */
+    .image-section__label {
+      font-size: 12px;
+      color: var(--text-muted);
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+    .image-view-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 14px;
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      background: #f9fffe;
+      color: var(--primary-dark);
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      margin-bottom: 14px;
+      transition: border-color 0.2s, background 0.2s;
+    }
+    .image-view-link:hover { border-color: var(--primary); background: var(--primary-light); }
+
+    /* 分割线 */
+    .divider {
+      height: 1px;
+      background: var(--line);
+      margin: 0 16px;
+    }
+
+    /* 返回按钮 */
+    .back-btn-wrap {
+      padding: 10px 16px 18px;
+    }
+    .back-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      width: 100%;
+      height: 46px;
+      border: none;
+      border-radius: 23px;
+      background: linear-gradient(135deg, #13c2c2, #36cfc9);
+      color: #fff;
+      font-size: 15px;
+      font-weight: 600;
+      cursor: pointer;
+      box-shadow: 0 8px 20px rgba(19, 194, 194, 0.22);
+    }
+    .bottom-spacer { height: 20px; }
+  </style>
+</head>
+<body>
+  <div class="phone-shell">
+    <div class="phone-status-bar">
+      <span class="time">12:00</span>
+      <div class="icons">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+      </div>
+    </div>
+    <div class="nav-bar">
+      <!-- [交互] 返回按钮：返回体检报告列表 -->
+      <span class="nav-back" onclick="location.href='reports.html'">‹</span>
+      <span class="nav-title">冠脉CTA报告</span>
+      <!-- [交互] 下载按钮：下载冠脉CTA报告 -->
+      <a class="nav-action" href="javascript:void(0)">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+        下载
+      </a>
+    </div>
+    <div class="scroll-content">
+      <div class="page-body">
+        <div class="report-paper">
+          <!-- 报告头部 -->
+          <div class="report-header">
+            <div class="report-header__top">
+              <div>
+                <div class="report-header__title">2025年冠脉CTA报告</div>
+                <div class="report-header__sub">姓名：张旭
+                  <br>性别：男
+                  <br>年龄：32
+                  <br>身份证号：430626198503250024
+                  <br>体检日期：2025-03-21
+                  <br>体检医院：CQ星龙园医院
+                </div>
+              </div>
+              <span class="report-tag--cta">冠脉CTA体检</span>
+            </div>
+          </div>
+
+          <!-- ========== 检查所见 ========== -->
+          <div class="report-section">
+            <div class="report-section__title">检查所见</div>
+            <div class="field-list">
+              <div class="field-item" id="field-technique">
+                <div class="field-item__label">扫描技术与图像质量</div>
+                <div class="field-item__value-wrap">
+                  <div class="field-item__value">回顾性心电门控冠脉CTA扫描，扫描范围自气管分叉至心尖部。扫描时心率68次/分，屏气良好，图像质量满足诊断要求。冠脉分布：右侧型。</div>
+                  <div class="field-item__fade"></div>
+                  <button class="field-item__toggle" type="button" onclick="toggleField(this)">展开</button>
+                </div>
+              </div>
+              <div class="field-item" id="field-cardiac">
+                <div class="field-item__label">心脏及心外所见</div>
+                <div class="field-item__value-wrap">
+                  <div class="field-item__value">各心腔大小未见扩大，左心耳未见血栓，主动脉及瓣膜未见明显钙化，心包少量积液。双肺下叶少许条索影。</div>
+                  <div class="field-item__fade"></div>
+                  <button class="field-item__toggle" type="button" onclick="toggleField(this)">展开</button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="divider"></div>
+
+          <!-- ========== 钙化积分 ========== -->
+          <div class="report-section">
+            <div class="report-section__title report-section__title--score">冠状动脉钙化积分</div>
+            <div class="field-list">
+              <div class="field-item" id="field-agatston">
+                <div class="field-item__label">Agatston 总积分</div>
+                <div class="field-item__value-wrap">
+                  <div class="field-item__value">Agatston 总积分约 86 分（轻度钙化）。其中LAD约52分，RCA约28分，LCX约6分，LM未见明显钙化。</div>
+                  <div class="field-item__fade"></div>
+                  <button class="field-item__toggle" type="button" onclick="toggleField(this)">展开</button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="divider"></div>
+
+          <!-- ========== 冠脉病变 ========== -->
+          <div class="report-section">
+            <div class="report-section__title report-section__title--vessel">冠脉病变</div>
+            <div class="vessel-list">
+              <div class="vessel-item"><div class="vessel-item__name">左主干 LM</div><div class="vessel-item__desc">未见斑块及狭窄</div><span class="vessel-item__grade vessel-item__grade--ok">未见狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">左前降支 LAD 近段</div><div class="vessel-item__desc">混合斑块，管腔狭窄约30%</div><span class="vessel-item__grade vessel-item__grade--warn">轻度狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">左前降支 LAD 中段</div><div class="vessel-item__desc">管壁光滑，未见狭窄</div><span class="vessel-item__grade vessel-item__grade--ok">未见狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">第一对角支 D1</div><div class="vessel-item__desc">钙化斑块，管腔狭窄&lt;25%</div><span class="vessel-item__grade vessel-item__grade--ok">未见明显狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">左回旋支 LCX 近段</div><div class="vessel-item__desc">管壁光滑，未见狭窄</div><span class="vessel-item__grade vessel-item__grade--ok">未见狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">左回旋支 LCX 远段</div><div class="vessel-item__desc">少量钙化斑块，管腔未见明显狭窄</div><span class="vessel-item__grade vessel-item__grade--ok">未见明显狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">右冠状动脉 RCA 近段</div><div class="vessel-item__desc">钙化斑块，管腔狭窄约40%</div><span class="vessel-item__grade vessel-item__grade--warn">轻度狭窄</span></div>
+              <div class="vessel-item"><div class="vessel-item__name">右冠状动脉 RCA 中远段</div><div class="vessel-item__desc">管壁光滑，未见狭窄</div><span class="vessel-item__grade vessel-item__grade--ok">未见狭窄</span></div>
+            </div>
+          </div>
+
+          <div class="divider"></div>
+
+          <!-- ========== 诊断结论 ========== -->
+          <div class="report-section">
+            <div class="report-section__title">诊断结论</div>
+            <div class="field-list">
+              <div class="field-item" id="field-conclusion">
+                <div class="field-item__label">影像诊断</div>
+                <div class="field-item__value-wrap">
+                  <div class="field-item__value">1. 冠状动脉粥样硬化表现；2. LAD近段混合斑块伴管腔约30%狭窄，RCA近段钙化斑块伴约40%狭窄，余所见冠脉未见明显狭窄；3. 冠状动脉轻度钙化（Agatston 总积分约86分）；4. CAD-RADS 2。</div>
+                  <div class="field-item__fade"></div>
+                  <button class="field-item__toggle" type="button" onclick="toggleField(this)">展开</button>
+                </div>
+              </div>
+              <div class="field-item" id="field-advice">
+                <div class="field-item__label">健康建议</div>
+                <div class="field-item__value-wrap">
+                  <div class="field-item__value">建议低盐低脂饮食，规律有氧运动，控制血压、血脂、血糖；他汀类用药及随访方案请心内科门诊评估，结合危险因素决定下一步功能学检查。</div>
+                  <div class="field-item__fade"></div>
+                  <button class="field-item__toggle" type="button" onclick="toggleField(this)">展开</button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="divider"></div>
+
+          <!-- ========== 影像报告 ========== -->
+          <div class="report-section">
+            <div class="report-section__title">影像报告</div>
+            <div class="image-section__label">冠脉CTA原始图像</div>
+            <div class="image-view-link">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+              查看
+            </div>
+            <div class="image-section__label">三维重建图像</div>
+            <div class="image-view-link">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+              查看
+            </div>
+            <div class="image-section__label">钙化积分报告</div>
+            <div class="image-view-link">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+              查看
+            </div>
+          </div>
+
+          <!-- 返回按钮 -->
+          <div class="back-btn-wrap">
+            <!-- [交互] 返回报告列表按钮 -->
+            <button class="back-btn" onclick="location.href='reports.html'">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
+              返回报告列表
+            </button>
+          </div>
+        </div>
+        <div class="bottom-spacer"></div>
+      </div>
+    </div>
+  </div>
+  <script>
+    // [交互] 展开/收起字段内容
+    function toggleField(btn) {
+      var item = btn.closest('.field-item');
+      var fade = item.querySelector('.field-item__fade');
+      var isExpanded = item.classList.toggle('is-expanded');
+      btn.innerHTML = isExpanded
+        ? '收起 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>'
+        : '展开 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>';
+      if (fade) fade.style.display = isExpanded ? 'none' : '';
+    }
+
+    // 页面加载后，检测哪些字段内容超过3行，仅对超出的显示展开按钮
+    document.addEventListener('DOMContentLoaded', function() {
+      var items = document.querySelectorAll('.field-item');
+      items.forEach(function(item) {
+        var value = item.querySelector('.field-item__value');
+        var btn = item.querySelector('.field-item__toggle');
+        if (!value || !btn) return;
+        // scrollHeight 为完整内容高度，clientHeight 为可见高度
+        if (value.scrollHeight > value.clientHeight + 2) {
+          btn.classList.add('is-visible');
+        }
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/employee-app/health-checkup/reports.html b/employee-app/health-checkup/reports.html
index e0ae893..f10e101 100644
--- a/employee-app/health-checkup/reports.html
+++ b/employee-app/health-checkup/reports.html
@@ -104,6 +104,7 @@
       border-radius: 11px; font-size: 11px; font-weight: 600; white-space: nowrap; flex-shrink: 0;
     }
     .report-tag--gastro { background: #e6fffb; color: #08979c; border: 1px solid #87e8de; }
+    .report-tag--cta { background: #fff1f0; color: #cf1322; border: 1px solid #ffa39e; }
     .report-tag--regular { background: #e6f7ff; color: #096dd9; border: 1px solid #91d5ff; }
     .report-item__arrow { font-size: 18px; color: #c6c6c6; flex-shrink: 0; }
     .bottom-spacer { height: 28px; }
@@ -134,7 +135,7 @@
           <div class="sum-card__divider"></div>
           <div class="sum-card__meta">
             <div><span class="k">起始年份</span><span class="v">2012</span></div>
-            <div><span class="k">报告总数</span><span class="v">11 份</span></div>
+            <div><span class="k">报告总数</span><span class="v">12 份</span></div>
           </div>
           <svg class="sum-card__timeline" width="96" height="36" viewBox="0 0 96 36">
             <line x1="8" y1="11" x2="88" y2="11" stroke="rgba(255,255,255,0.4)" stroke-width="2" stroke-linecap="round"/>
@@ -179,6 +180,20 @@
             </div>
             <span class="report-item__arrow">›</span>
           </div>
+          <!-- [交互] 点击跳转至: report-cta.html（冠脉CTA报告） -->
+          <div class="report-item" onclick="location.href='report-cta.html'">
+            <div class="report-item__icon" style="background:#fff1f0;color:#cf1322;">
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/><path d="M3.2 12h5.3l1.5-3 2.5 6 1.5-3h5.3"/></svg>
+            </div>
+            <div class="report-item__content">
+              <div class="report-item__header">
+                <span class="report-item__title">2025年度体检报告</span>
+                <span class="report-tag report-tag--cta">冠脉CTA体检</span>
+              </div>
+              <div class="report-item__meta">CQ星龙园医院</div>
+            </div>
+            <span class="report-item__arrow">›</span>
+          </div>
           <!-- [交互] 点击跳转至: report-query.html（常规体检） -->
           <div class="report-item" onclick="location.href='report-query.html'">
             <div class="report-item__icon" style="background:#e6f7ff;color:#096dd9;">
diff --git a/index.html b/index.html
index d08c55d..0fd6abc 100644
--- a/index.html
+++ b/index.html
@@ -204,7 +204,7 @@ const SITE_MAP = [
       { file:'pre-plan.html', label:'单位体检计划管理' },
       { file:'pre-quota-group.html', label:'群体额度配置' },
       { file:'pre-quota-personal.html', label:'员工额度配置' },
-      { file:'pre-item-hospital-fee.html', label:'医院体检项目费用' },
+      { file:'pre-item-hospital-fee.html', label:'医院体检项目' },
       { file:'pre-item-unit-fee.html', label:'单位体检项目费用' },
       { file:'pre-item-combo-template.html', label:'体检项目组合模板' },
       { file:'pre-item-exception.html', label:'组合模板例外配置' },
@@ -660,6 +660,7 @@ const SITE_MAP = [
       { file:'indicator-compare.html', label:'指标纵向对比总览' },
       { file:'indicator-compare-detail.html', label:'指标纵向对比详情' },
       { file:'report-gastro.html', label:'胃肠镜报告详情' },
+      { file:'report-cta.html', label:'冠脉CTA报告详情' },
       { file:'messages.html', label:'消息列表' },
       { file:'message-detail.html', label:'消息详情' },
       { file:'project-detail.html', label:'体检项目详情' }
diff --git a/other-module/medical-pad/five-class-drawer.html b/other-module/medical-pad/five-class-drawer.html
deleted file mode 100644
index 3a056c7..0000000
--- a/other-module/medical-pad/five-class-drawer.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>五类人群信息登记 | 医疗点PAD端</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif; background: #05080f; min-height: 840px; min-width: 1320px; display: grid; place-items: center; padding: 20px; }
-    .device-frame { width: 1280px; height: 800px; background: #eef1f6; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 64px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04); position: relative; display: flex; flex-direction: column; flex-shrink: 0; }
-    .drawer__head { height: 56px; background: #fff; display: flex; align-items: center; padding: 0 20px; gap: 12px; flex-shrink: 0; box-shadow: 0 2px 6px rgba(74,90,127,.06); }
-    .drawer__back { color: #1890ff; font-size: 14px; cursor: pointer; text-decoration: none; }
-    .drawer__title { font-size: 16px; font-weight: 600; color: #333; }
-    .drawer__body { flex: 1; overflow-y: auto; padding: 16px 24px; scrollbar-width: none; }
-    .drawer__body::-webkit-scrollbar { display: none; }
-    .drawer__foot { height: 60px; background: #fff; display: flex; align-items: center; justify-content: center; gap: 14px; flex-shrink: 0; box-shadow: 0 -2px 6px rgba(74,90,127,.06); }
-    .btn { height: 32px; padding: 0 18px; 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; }
-    /* 顶部只读员工信息 */
-    .emp-bar { background: #fff; border-radius: 12px; padding: 12px 18px; display: flex; gap: 34px; font-size: 13px; color: #4a5a7f; box-shadow: 0 2px 8px rgba(74,90,127,.05); }
-    .emp-bar b { color: #333; font-weight: 500; }
-    /* 分类单选 */
-    .cls-row { background: #fff; border-radius: 12px; padding: 14px 18px; margin-top: 12px; box-shadow: 0 2px 8px rgba(74,90,127,.05); display: flex; align-items: center; gap: 22px; font-size: 13px; color: #333; }
-    .cls-row label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
-    .cls-row input { accent-color: #1890ff; width: 15px; height: 15px; }
-    .sec { background: #fff; border-radius: 12px; padding: 14px 18px; margin-top: 12px; box-shadow: 0 2px 8px rgba(74,90,127,.05); }
-    .sec__head { display: flex; align-items: center; margin-bottom: 10px; }
-    .sec__title { font-size: 14px; font-weight: 600; color: #333; border-left: 3px solid #1890ff; padding-left: 8px; flex: 1; }
-    .table { width: 100%; border-collapse: collapse; font-size: 12px; }
-    .table th { background: #f6f8fc; color: #4a5a7f; font-weight: 500; padding: 8px 10px; text-align: left; }
-    .table td { padding: 7px 10px; border-bottom: 1px solid #f0f2f5; }
-    .table input, .table select { width: 100%; height: 30px; border: 1px solid #d9dee8; border-radius: 6px; padding: 0 8px; font-size: 12px; outline: none; box-sizing: border-box; }
-    .op-del { color: #f5222d; cursor: pointer; font-size: 12px; }
-    .link-add { color: #1890ff; font-size: 12px; cursor: pointer; text-decoration: none; }
-  </style>
-</head>
-<body>
-  <div class="device-frame">
-    <div class="drawer__head">
-      <a class="drawer__back" href="javascript:history.back()">&#x2039; 返回</a>
-      <span class="drawer__title">五类人群信息登记</span>
-    </div>
-
-    <div class="drawer__body">
-      <div class="emp-bar">
-        <span>单位：<b>CQ能源采油三大队</b></span>
-        <span>部门：<b>采油三队</b></span>
-        <span>姓名：<b>石维国</b></span>
-        <span>身份证号：<b>612427********3417</b></span>
-      </div>
-
-      <div class="sec">
-        <div class="sec__head"><span class="sec__title">人群分类</span></div>
-        <div class="cls-row" style="padding:0;box-shadow:none;border-radius:0">
-          <label><input type="radio" name="cls">a-大病人群A</label>
-          <label><input type="radio" name="cls" checked onclick="showCls('b')">b-慢病人群B</label>
-          <label><input type="radio" name="cls" onclick="showCls('c')">c-异常人群C</label>
-          <label><input type="radio" name="cls" onclick="showCls('d')">d-风险人群D</label>
-          <label><input type="radio" name="cls" onclick="showCls('e')">e-健康人群E</label>
-        </div>
-      </div>
-
-      <!-- B 慢病人群 -->
-      <div class="sec" id="secB">
-        <div class="sec__head">
-          <span class="sec__title">慢病信息</span>
-          <!-- [交互] 添加一行慢病记录 -->
-          <button class="btn btn--primary" style="height:28px;padding:0 12px">添 加</button>
-        </div>
-        <table class="table">
-          <tr><th style="width:26%">慢病名称</th><th style="width:16%">确诊年份</th><th style="width:26%">确诊医院</th><th>治疗情况</th><th style="width:50px">操作</th></tr>
-          <tr><td><input value="原发性高血压3级"></td><td><input value="2019"></td><td><input value="定边县人民医院"></td><td><input value="口服降压药，血压控制一般"></td><td><span class="op-del">删除</span></td></tr>
-          <tr><td><input value="2型糖尿病"></td><td><input value="2022"></td><td><input value="CQ能源职工医院"></td><td><input value="二甲双胍治疗，定期监测"></td><td><span class="op-del">删除</span></td></tr>
-        </table>
-      </div>
-
-      <!-- C 异常人群 -->
-      <div class="sec" id="secC" style="display:none">
-        <div class="sec__head">
-          <span class="sec__title">异常指标信息</span>
-          <!-- [交互] 添加时打开「体检报告」指标多选弹窗（旧系统 chooseModal），勾选指标回填本表 -->
-          <a class="link-add" href="javascript:void(0)">＋ 从体检报告添加</a>
-        </div>
-        <table class="table">
-          <tr><th>指标名称</th><th>指标值</th><th>参考范围</th><th style="width:12%">确诊年份</th><th style="width:22%">确诊医院</th><th style="width:50px">操作</th></tr>
-          <tr><td>空腹血糖</td><td><input value="7.8"></td><td>3.9~6.1</td><td><input value="2025"></td><td><input value="定边县人民医院"></td><td><span class="op-del">删除</span></td></tr>
-          <tr><td>血清总胆固醇</td><td><input value="6.12"></td><td>0~5.2</td><td><input value="2025"></td><td><input value="定边县人民医院"></td><td><span class="op-del">删除</span></td></tr>
-        </table>
-      </div>
-
-      <!-- D 风险人群 -->
-      <div class="sec" id="secD" style="display:none">
-        <div class="sec__head">
-          <span class="sec__title">风险疾病信息</span>
-          <!-- [交互] 添加时打开「评估结果」多选弹窗 -->
-          <a class="link-add" href="javascript:void(0)">＋ 从评估结果添加</a>
-        </div>
-        <table class="table">
-          <tr><th>疾病名称</th><th style="width:24%">风险等级</th><th style="width:20%">评估年份</th><th style="width:50px">操作</th></tr>
-          <tr><td>心脑血管疾病风险</td><td><select><option>中风险</option><option selected>高风险</option></select></td><td><input value="2025"></td><td><span class="op-del">删除</span></td></tr>
-        </table>
-      </div>
-
-      <!-- A 大病人群 -->
-      <div class="sec" id="secA" style="display:none">
-        <div class="sec__head">
-          <span class="sec__title">大病信息</span>
-          <button class="btn btn--primary" style="height:28px;padding:0 12px">添 加</button>
-        </div>
-        <table class="table">
-          <tr><th>大病名称</th><th style="width:12%">确诊年份</th><th style="width:20%">确诊医院</th><th style="width:16%">大病状态</th><th>治疗情况</th><th style="width:50px">操作</th></tr>
-          <tr><td><input value="—"></td><td><input></td><td><input></td><td><select><option>治疗期</option><option>康复期</option></select></td><td><input></td><td><span class="op-del">删除</span></td></tr>
-        </table>
-      </div>
-
-      <!-- E 健康人群 -->
-      <div class="sec" id="secE" style="display:none">
-        <div style="font-size:13px;color:#969eb0;text-align:center;padding:16px 0">健康人群无需登记附加信息</div>
-      </div>
-    </div>
-
-    <div class="drawer__foot">
-      <button class="btn" onclick="history.back()">取 消</button>
-      <!-- [交互] 确认保存五类人群登记信息，返回解读抽屉 -->
-      <button class="btn btn--primary" onclick="history.back()">确 认</button>
-    </div>
-  </div>
-
-  <script>
-    // 按人群分类切换信息表显隐
-    function showCls(k) {
-      ['A', 'B', 'C', 'D', 'E'].forEach(function (c) {
-        document.getElementById('sec' + c).style.display = c === k.toUpperCase() ? 'block' : 'none';
-      });
-    }
-  </script>
-</body>
-</html>
diff --git a/other-module/medical-pad/follow-drawer.html b/other-module/medical-pad/follow-drawer.html
index 2b0116d..b4ae580 100644
--- a/other-module/medical-pad/follow-drawer.html
+++ b/other-module/medical-pad/follow-drawer.html
@@ -45,6 +45,8 @@
     .tag--ht { background: rgba(24,144,255,.12); color: #1890ff; }
     .tag--dm { background: rgba(42,193,139,.12); color: #2ac18b; }
     .tag--chd { background: rgba(0,195,195,.12); color: #00c3c3; }
+    .tag--ob { background: rgba(252,163,24,.12); color: #fca318; }
+    .tag--oth { background: rgba(104,98,214,.12); color: #6862d6; }
     /* 医药信息 */
     .med-card { background: #f2f6ff; border-radius: 10px; padding: 10px 14px; font-size: 12px; color: #4a5a7f; line-height: 1.9; position: relative; }
     .med-card b { color: #333; font-size: 13px; }
@@ -57,6 +59,7 @@
     .task-opt input { accent-color: #1890ff; width: 15px; height: 15px; }
     .task-opt--on { background: #dae3f3; }
     .pill { display: inline-block; padding: 1px 10px; border-radius: 12px; font-size: 11px; background: rgba(252,163,24,.12); color: #fca318; }
+    .pill--over { background: rgba(253,33,33,.08); color: #fd2121; }
     /* 签名块 */
     .sign-box { flex: 1; height: 110px; border: 1px dashed #b7c3d6; border-radius: 8px; background: #f7f9fc; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #969eb0; font-size: 13px; cursor: pointer; }
     .sign-box svg { width: 22px; height: 22px; stroke: #969eb0; fill: none; stroke-width: 2; }
@@ -99,8 +102,8 @@
 <body>
   <div class="device-frame">
     <div class="drawer__head">
-      <!-- [交互] 返回随访管理列表: follow-records.html -->
-      <a class="drawer__back" href="follow-records.html">&#x2039; 返回</a>
+      <!-- [交互] 点击返回来源页面（来源记录为空时回退到浏览器历史） -->
+      <a class="drawer__back" href="follow-records.html" onclick="goBack(); return false;">&#x2039; 返回</a>
       <span class="drawer__title">新增随访</span>
     </div>
 
@@ -123,14 +126,14 @@
           </div>
         </div>
         <div class="form-grid" style="margin-top:14px">
-          <div class="fld"><span class="fld__label">姓名</span><input value="岳春生" readonly></div>
-          <div class="fld"><span class="fld__label">性别</span><input value="男" readonly></div>
-          <div class="fld"><span class="fld__label">年龄</span><input value="54" readonly></div>
-          <div class="fld"><span class="fld__label">工号</span><input value="1035678" readonly></div>
-          <div class="fld"><span class="fld__label">联系电话</span><input value="139****2214" readonly></div>
-          <div class="fld"><span class="fld__label">单位/部门</span><input value="陕E作业区 / 管理四中心" readonly></div>
+          <div class="fld"><span class="fld__label">姓名</span><input id="empName" value="岳春生" readonly></div>
+          <div class="fld"><span class="fld__label">性别</span><input id="empGender" value="男" readonly></div>
+          <div class="fld"><span class="fld__label">年龄</span><input id="empAge" value="54" readonly></div>
+          <div class="fld"><span class="fld__label">工号</span><input id="empNo" value="1035678" readonly></div>
+          <div class="fld"><span class="fld__label">联系电话</span><input value="13956282214" readonly></div>
+          <div class="fld"><span class="fld__label">单位/部门</span><input id="empUnitDept" value="陕E作业区 / 管理四中心" readonly></div>
           <!-- 慢病标签由员工慢病档案自动回显，不可手工修改 -->
-          <div class="fld fld--full"><span class="fld__label">慢病</span><span style="line-height:26px"><span class="tag tag--ht">高血压</span><span class="tag tag--dm">糖尿病</span></span></div>
+          <div class="fld fld--full"><span class="fld__label">慢病</span><span id="empTags" style="line-height:26px"><span class="tag tag--ht">高血压</span><span class="tag tag--dm">糖尿病</span></span></div>
         </div>
       </div>
 
@@ -139,7 +142,6 @@
         <div class="form-grid">
           <div class="fld"><span class="fld__label">随访医生</span><input value="石维国（当前登录）" readonly></div>
           <div class="fld"><span class="fld__label">随访日期</span><input value="2026-09-04" readonly></div>
-          <div class="fld"><span class="fld__label"><span class="fld__req">*</span>下次随访</span><input value="2026-10-04"></div>
           <div class="fld fld--full"><span class="fld__label"><span class="fld__req">*</span>随访形式</span>
             <span class="radio">
               <label><input type="radio" name="form" checked>门诊随访</label>
@@ -149,9 +151,6 @@
             </span>
           </div>
           <div class="fld fld--full"><span class="fld__label"><span class="fld__req">*</span>症状</span><textarea placeholder="请输入目前症状与主诉">偶有头晕，血压波动，无胸闷心悸。</textarea></div>
-          <div class="fld"><span class="fld__label"><span class="fld__req">*</span>效果评价</span>
-            <select><option>良好</option><option selected>一般</option><option>不良</option></select>
-          </div>
         </div>
       </div>
 
@@ -184,7 +183,11 @@
             <span class="radio"><label><input type="radio" name="salt">轻</label><label><input type="radio" name="salt">中</label><label><input type="radio" name="salt" checked>重</label></span>
           </div>
           <div class="fld"><span class="fld__label">心理调整</span>
-            <select><option selected>良好</option><option>一般</option><option>差</option></select>
+            <span class="radio">
+              <label><input type="radio" name="psych" checked>良好</label>
+              <label><input type="radio" name="psych">一般</label>
+              <label><input type="radio" name="psych">差</label>
+            </span>
           </div>
           <div class="fld fld--full"><span class="fld__label">遵医行为</span>
             <span class="radio"><label><input type="radio" name="comp" >良好</label><label><input type="radio" name="comp" checked>一般</label><label><input type="radio" name="comp">差</label></span>
@@ -195,8 +198,8 @@
       <div class="sec">
         <div class="sec__title">用药情况</div>
         <div class="med-grid">
-          <div class="med-card"><b>苯磺酸氨氯地平片</b>（5mg×7片 · 23.80元）<br>数量：2盒　用法用量：口服，一日1次，一次1片<div class="med-card__ops"><span class="op-del">删除</span></div></div>
-          <div class="med-card"><b>二甲双胍缓释片</b>（0.5g×30片 · 32.40元）<br>数量：1盒　用法用量：口服，一日2次，一次1片<div class="med-card__ops"><span class="op-del">删除</span></div></div>
+          <div class="med-card"><b>苯磺酸氨氯地平片</b><br>用法用量：口服，一日1次，一次1片<div class="med-card__ops"><span class="op-del" onclick="this.parentNode.parentNode.remove()">删除</span></div></div>
+          <div class="med-card"><b>二甲双胍缓释片</b><br>用法用量：口服，一日2次，一次1片<div class="med-card__ops"><span class="op-del" onclick="this.parentNode.parentNode.remove()">删除</span></div></div>
         </div>
         <!-- [交互] 点击打开页内「新增用药」弹窗 -->
         <button class="add-med-btn" onclick="openModal('medModal')">＋ 新增用药</button>
@@ -232,19 +235,51 @@
         <!-- [交互] 员工存在待随访的巡诊任务时在此显示，勾选后随本次随访一并处理；选中态底色加深 -->
         <label class="task-opt task-opt--on" onclick="this.classList.toggle('task-opt--on')">
           <input type="checkbox" checked>
-          <span style="flex:1">2026年第三季度高血压随访任务<br><span style="color:#969eb0">任务来源：慢病干预计划　随访时限：2026-09-06 前</span></span>
-          <span class="pill">待随访 · 还剩2天</span>
+          <span style="flex:1"><b style="color:#333">频次巡诊</b><br><span style="color:#969eb0">计划随访日期：2026-09-04</span></span>
+          <span class="pill pill--over">已逾期 · 逾期4天</span>
+        </label>
+        <label class="task-opt" style="margin-top:10px" onclick="this.classList.toggle('task-opt--on')">
+          <input type="checkbox">
+          <span style="flex:1"><b style="color:#333">单次巡诊</b><br><span style="color:#969eb0">计划随访日期：2026-09-12</span></span>
+          <span class="pill">待随访 · 还剩4天</span>
+        </label>
+        <label class="task-opt" style="margin-top:10px" onclick="this.classList.toggle('task-opt--on')">
+          <input type="checkbox">
+          <span style="flex:1"><b style="color:#333">申请随诊</b><br><span style="color:#969eb0">计划随访日期：2026-09-15</span></span>
+          <span class="pill">待随访 · 还剩7天</span>
         </label>
       </div>
 
       <div class="sec">
         <div class="sec__title">员工签字</div>
-        <div class="fld fld--full" style="align-items:flex-start">
+        <div class="form-grid">
+          <div class="fld"><span class="fld__label"><span class="fld__req">*</span>下次随访</span><input value="2026-10-04"></div>
+          <div class="fld"><span class="fld__label"><span class="fld__req">*</span>随访效果</span>
+            <span class="radio">
+              <label><input type="radio" name="effect">良好</label>
+              <label><input type="radio" name="effect" checked>一般</label>
+              <label><input type="radio" name="effect">不良</label>
+            </span>
+          </div>
+        </div>
+        <div class="fld fld--full" style="align-items:flex-start;margin-top:14px">
           <span class="fld__label" style="padding-top:8px"><span class="fld__req">*</span>签字</span>
-          <!-- [交互] 点击打开页内手写签名弹窗 -->
-          <div class="sign-box" onclick="openSign()">
-            <svg viewBox="0 0 24 24"><path d="M17 3a2.8 2.8 0 014 4L7.5 20.5 2 22l1.5-5.5z"/></svg>
-            点击签名
+          <div style="flex:1">
+            <div class="radio" style="margin-bottom:10px">
+              <label><input type="radio" name="signType" checked onclick="switchSignType('hand')">手写签名</label>
+              <label><input type="radio" name="signType" onclick="switchSignType('img')">签字图片</label>
+            </div>
+            <!-- [交互] 手写签名：点击打开页内手写签名弹窗 -->
+            <div class="sign-box" id="signHandBox" onclick="openSign()">
+              <svg viewBox="0 0 24 24"><path d="M17 3a2.8 2.8 0 014 4L7.5 20.5 2 22l1.5-5.5z"/></svg>
+              点击签名
+            </div>
+            <!-- [交互] 签字图片：点击上传图片，与手写签名两者选其一即可 -->
+            <div class="sign-box" id="signImgBox" style="display:none" onclick="document.getElementById('signImgInput').click()">
+              <svg viewBox="0 0 24 24"><path d="M12 16V4M7 9l5-5 5 5"/><path d="M4 20h16"/></svg>
+              上传签字图片
+            </div>
+            <input type="file" id="signImgInput" accept="image/*" style="display:none" onchange="onSignImg(this)">
           </div>
         </div>
       </div>
@@ -261,36 +296,13 @@
       <div class="modal">
         <div class="modal__head"><span class="modal__title">新增用药</span><button class="modal__close" onclick="closeModal('medModal')">&#x2715;</button></div>
         <div class="modal__body">
-          <div class="search-line">
-            <input placeholder="请输入药品名称查询" value="氨氯地平">
-            <button class="btn btn--primary">查 询</button>
-            <div class="drug-list">
-              <table>
-                <tr><th>名称</th><th>规格</th><th>单位</th><th>售价(元)</th><th>库存</th></tr>
-                <tr onclick="pickDrug(this)"><td>苯磺酸氨氯地平片</td><td>5mg×7片</td><td>盒</td><td>23.80</td><td>86</td></tr>
-                <tr onclick="pickDrug(this)"><td>苯磺酸左氨氯地平片</td><td>2.5mg×14片</td><td>盒</td><td>28.50</td><td>40</td></tr>
-                <tr onclick="pickDrug(this)"><td>氨氯地平贝那普利片</td><td>5mg×7片</td><td>盒</td><td>45.00</td><td>12</td></tr>
-              </table>
-            </div>
-          </div>
-          <div class="ro-row" style="margin-top:210px">
-            <div class="ro-box">规格<b>5mg×7片</b></div>
-            <div class="ro-box">单位<b>盒</b></div>
-            <div class="ro-box">售价<b>23.80 元</b></div>
-            <div class="ro-box">库存<b>86</b></div>
-          </div>
-          <div class="fld" style="margin-bottom:14px"><span class="fld__label" style="width:88px"><span class="fld__req">*</span>数量</span>
-            <span class="stepper">
-              <button onclick="step(-1)">−</button><input id="qty" value="2"><button onclick="step(1)">＋</button>
-            </span>
-            <span style="font-size:12px;color:#969eb0;margin-left:8px">不可超过库存 86</span>
-          </div>
-          <div class="fld"><span class="fld__label" style="width:88px"><span class="fld__req">*</span>用法用量</span><input value="口服，一日1次，一次1片"></div>
+          <div class="fld" style="margin-bottom:14px"><span class="fld__label" style="width:88px"><span class="fld__req">*</span>药物名称</span><input id="medName" placeholder="请输入药物名称"></div>
+          <div class="fld"><span class="fld__label" style="width:88px"><span class="fld__req">*</span>用法用量</span><input id="medUsage" placeholder="如：口服，一日1次，一次1片"></div>
         </div>
         <div class="modal__foot">
           <button class="btn" onclick="closeModal('medModal')">取 消</button>
-          <!-- [交互] 确认后生成一张用药卡片加入用药情况 -->
-          <button class="btn btn--primary" onclick="closeModal('medModal')">确 认</button>
+          <!-- [交互] 确认后生成一张用药卡片加入用药情况，可多次新增 -->
+          <button class="btn btn--primary" onclick="addMed()">确 认</button>
         </div>
       </div>
     </div>
@@ -319,31 +331,69 @@
   </div>
 
   <script>
+    // 返回来源页面：优先取 referrer，取不到则回退浏览器历史
+    function goBack() {
+      if (document.referrer) { location.href = document.referrer; }
+      else { history.back(); }
+    }
+    // 从 URL 参数回填员工信息（由任务中心「进行随访」带入）
+    (function () {
+      var p = new URLSearchParams(location.search);
+      if (!p.get('name')) return;
+      // 带入了员工信息（来自任务中心）时隐藏姓名搜索行；无参数（来自随访管理）则保留搜索
+      document.querySelector('.inquiry').style.display = 'none';
+      document.getElementById('empName').value = p.get('name');
+      document.getElementById('empGender').value = p.get('gender') || '';
+      document.getElementById('empAge').value = p.get('age') || '';
+      document.getElementById('empNo').value = p.get('empno') || '';
+      var unit = p.get('unit') || '', dept = p.get('dept') || '';
+      document.getElementById('empUnitDept').value = dept ? (unit + ' / ' + dept) : unit;
+      var tagClass = { '高血压': 'tag--ht', '糖尿病': 'tag--dm', '冠心病': 'tag--chd', '肥胖': 'tag--ob', '其他': 'tag--oth' };
+      var tags = (p.get('tags') || '').split(',').filter(Boolean);
+      document.getElementById('empTags').innerHTML = tags.map(function (t) {
+        return '<span class="tag ' + (tagClass[t] || 'tag--oth') + '">' + t + '</span>';
+      }).join('');
+    })();
     function openModal(id) { document.getElementById(id).classList.add('open'); }
     function closeModal(id) { document.getElementById(id).classList.remove('open'); }
     // 搜索结果回填：收起浮层
     function pickEmp() { document.getElementById('iqResult').style.display = 'none'; }
-    // 药品选中：隐藏结果浮层并回填只读区
-    function pickDrug(tr) {
-      document.querySelector('.drug-list').style.display = 'none';
-      var tds = tr.querySelectorAll('td');
-      var boxes = document.querySelectorAll('.ro-box b');
-      boxes[0].textContent = tds[1].textContent;
-      boxes[1].textContent = tds[2].textContent;
-      boxes[2].textContent = tds[3].textContent + ' 元';
-      boxes[3].textContent = tds[4].textContent;
-    }
-    // 数量步进（上限为库存）
-    function step(d) {
-      var el = document.getElementById('qty');
-      var v = parseInt(el.value || '1', 10) + d;
-      if (v < 1) v = 1;
-      if (v > 86) v = 86;
-      el.value = v;
+    // 新增用药：手动录入药物名称与用法用量，生成用药卡片（可多次新增）
+    function addMed() {
+      var name = document.getElementById('medName').value.trim();
+      var usage = document.getElementById('medUsage').value.trim();
+      if (!name) { alert('请输入药物名称'); return; }
+      if (!usage) { alert('请输入用法用量'); return; }
+      var card = document.createElement('div');
+      card.className = 'med-card';
+      card.innerHTML = '<b>' + name + '</b><br>用法用量：' + usage +
+        '<div class="med-card__ops"><span class="op-del" onclick="this.parentNode.parentNode.remove()">删除</span></div>';
+      document.querySelector('.med-grid').appendChild(card);
+      document.getElementById('medName').value = '';
+      document.getElementById('medUsage').value = '';
+      closeModal('medModal');
     }
     // 手写签名（页内弹窗）
     function openSign() { document.getElementById('signModal').classList.add('open'); }
     function closeSign() { document.getElementById('signModal').classList.remove('open'); }
+    // 签字方式切换：手写签名 / 签字图片（两者选其一）
+    function switchSignType(type) {
+      var isHand = type === 'hand';
+      document.getElementById('signHandBox').style.display = isHand ? 'flex' : 'none';
+      document.getElementById('signImgBox').style.display = isHand ? 'none' : 'flex';
+    }
+    // 签字图片：读取上传图片并预览
+    function onSignImg(input) {
+      var file = input.files && input.files[0];
+      if (!file) return;
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        var box = document.getElementById('signImgBox');
+        box.innerHTML = '<img src="' + e.target.result + '" style="max-width:100%;max-height:92px;object-fit:contain">' +
+          '<span style="font-size:11px;color:#969eb0">已上传 · 点击可重新上传</span>';
+      };
+      reader.readAsDataURL(file);
+    }
     var canvas = document.getElementById('signCanvas');
     var ctx = canvas.getContext('2d');
     var drawing = false, hasInk = false;
@@ -366,7 +416,7 @@
     }
     function confirmSign() {
       if (!hasInk) { alert('您还没有进行签字！'); return; }
-      var box = document.querySelector('.sign-box');
+      var box = document.getElementById('signHandBox');
       box.innerHTML = '<span style="font-size:26px;font-family:KaiTi,serif;color:#333">岳春生</span><span style="font-size:11px">已签名 · 点击可重签</span>';
       closeSign();
     }
diff --git a/other-module/medical-pad/interpret-drawer.html b/other-module/medical-pad/interpret-drawer.html
index b7becdc..5d6bf0a 100644
--- a/other-module/medical-pad/interpret-drawer.html
+++ b/other-module/medical-pad/interpret-drawer.html
@@ -44,6 +44,8 @@
     /* 签名块 */
     .sign-box { flex: 1; height: 130px; border: 1px dashed #b7c3d6; border-radius: 8px; background: #f7f9fc; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #969eb0; font-size: 13px; cursor: pointer; }
     .sign-box svg { width: 22px; height: 22px; stroke: #969eb0; fill: none; stroke-width: 2; }
+    .radio { display: flex; gap: 16px; align-items: center; font-size: 13px; color: #333; }
+    .radio input { accent-color: #1890ff; width: 14px; height: 14px; }
     .drawer__foot { height: 60px; background: #fff; display: flex; align-items: center; justify-content: center; gap: 14px; flex-shrink: 0; box-shadow: 0 -2px 6px rgba(74,90,127,.06); }
     /* 页内弹窗：手写签名 */
     .overlay { position: absolute; inset: 0; background: rgba(15,23,42,.45); z-index: 60; display: none; align-items: center; justify-content: center; }
@@ -120,9 +122,8 @@
           <div class="fld"><span class="fld__label"><span class="fld__req">*</span>综合解读建议</span>
             <textarea placeholder="请输入综合解读建议">血压、血糖控制欠佳，建议调整降压方案并内分泌科评估降糖治疗；加强生活方式干预，2 周后门诊复查。</textarea>
           </div>
-          <div class="fld"><span class="fld__label">重新分类</span>
+          <div class="fld"><span class="fld__label">五类人群分类</span>
             <select>
-              <!-- [交互] 选择 A/B/C/D 类时需完成五类人群信息登记，打开五类人群抽屉: five-class-drawer.html -->
               <option>请选择五类人群分类</option>
               <option>a-大病人群A</option>
               <option selected>b-慢病人群B</option>
@@ -131,23 +132,30 @@
               <option>e-健康人群E</option>
             </select>
           </div>
-          <button class="btn" style="width:100%" onclick="location.href='five-class-drawer.html'">登记五类人群信息</button>
         </div>
 
         <div class="form-card">
           <div class="form-card__title">员工确认签字</div>
           <div style="font-size:12px;color:#969eb0;margin-bottom:8px">本人已确认健康随访</div>
-          <div class="fld"><span class="fld__label">签名</span>
-            <!-- [交互] 点击打开页内手写签名弹窗 -->
-            <div class="sign-box" onclick="openSign()" style="flex:1">
-              <svg viewBox="0 0 24 24"><path d="M17 3a2.8 2.8 0 014 4L7.5 20.5 2 22l1.5-5.5z"/></svg>
-              点击签名
+          <div class="fld"><span class="fld__label"><span class="fld__req">*</span>签字</span>
+            <div style="flex:1">
+              <div class="radio" style="margin-bottom:10px">
+                <label><input type="radio" name="signType" checked onclick="switchSignType('hand')">手写签名</label>
+                <label><input type="radio" name="signType" onclick="switchSignType('img')">签字图片</label>
+              </div>
+              <!-- [交互] 手写签名：点击打开页内手写签名弹窗 -->
+              <div class="sign-box" id="signHandBox" onclick="openSign()">
+                <svg viewBox="0 0 24 24"><path d="M17 3a2.8 2.8 0 014 4L7.5 20.5 2 22l1.5-5.5z"/></svg>
+                点击签名
+              </div>
+              <!-- [交互] 签字图片：点击上传图片，与手写签名两者选其一即可 -->
+              <div class="sign-box" id="signImgBox" style="display:none" onclick="document.getElementById('signImgInput').click()">
+                <svg viewBox="0 0 24 24"><path d="M12 16V4M7 9l5-5 5 5"/><path d="M4 20h16"/></svg>
+                上传签字图片
+              </div>
+              <input type="file" id="signImgInput" accept="image/*" style="display:none" onchange="onSignImg(this)">
             </div>
           </div>
-          <div class="fld"><span class="fld__label">签字图片</span>
-            <!-- [交互] 上传签字图片（仅 png/jpg），旧系统调起相册/拍照 -->
-            <select style="height:32px;padding:6px 10px"><option>上传文件（png/jpg）…</option></select>
-          </div>
         </div>
       </div>
     </div>
@@ -185,6 +193,24 @@
     // 手写签名（页内弹窗）
     function openSign() { document.getElementById('signModal').classList.add('open'); }
     function closeSign() { document.getElementById('signModal').classList.remove('open'); }
+    // 签字方式切换：手写签名 / 签字图片（两者选其一）
+    function switchSignType(type) {
+      var isHand = type === 'hand';
+      document.getElementById('signHandBox').style.display = isHand ? 'flex' : 'none';
+      document.getElementById('signImgBox').style.display = isHand ? 'none' : 'flex';
+    }
+    // 签字图片：读取上传图片并预览
+    function onSignImg(input) {
+      var file = input.files && input.files[0];
+      if (!file) return;
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        var box = document.getElementById('signImgBox');
+        box.innerHTML = '<img src="' + e.target.result + '" style="max-width:100%;max-height:100px;object-fit:contain">' +
+          '<span style="font-size:11px;color:#969eb0">已上传 · 点击可重新上传</span>';
+      };
+      reader.readAsDataURL(file);
+    }
     var canvas = document.getElementById('signCanvas');
     var ctx = canvas.getContext('2d');
     var drawing = false, hasInk = false;
@@ -207,7 +233,7 @@
     }
     function confirmSign() {
       if (!hasInk) { alert('您还没有进行签字！'); return; }
-      var box = document.querySelector('.sign-box');
+      var box = document.getElementById('signHandBox');
       box.innerHTML = '<span style="font-size:26px;font-family:KaiTi,serif;color:#333">石维国</span><span style="font-size:11px">已签名 · 点击可重签</span>';
       closeSign();
     }
diff --git a/other-module/medical-pad/login.html b/other-module/medical-pad/login.html
index 26fdad4..81e12d4 100644
--- a/other-module/medical-pad/login.html
+++ b/other-module/medical-pad/login.html
@@ -205,7 +205,7 @@
           </div>
         </div>
         <div class="login-form__item">
-          <!-- [交互] 点击登录，校验通过后跳转至任务中心（主页）: ./task.html -->
+          <!-- [交互] 点击登录，直接跳转至任务中心（主页）: ./task.html -->
           <button class="login-form__submit" onclick="doLogin()">登 录</button>
         </div>
       </div>
@@ -220,18 +220,9 @@
       captchaIdx = (captchaIdx + 1) % captchaList.length;
       document.getElementById('captchaText').textContent = captchaList[captchaIdx];
     }
-    // 登录校验与跳转（原型不做真实鉴权）
+    // 登录跳转（原型不做鉴权校验，直接进入系统）
     function doLogin() {
-      var toast = document.getElementById('toast');
-      function showToast(msg) {
-        toast.textContent = msg;
-        toast.style.display = 'block';
-        setTimeout(function () { toast.style.display = 'none'; }, 1600);
-      }
-      if (!document.getElementById('username').value) { showToast('请输入账号！'); return; }
-      if (!document.getElementById('password').value) { showToast('请输入密码！'); return; }
-      showToast('登录成功，正在进入系统…');
-      setTimeout(function () { location.href = './task.html'; }, 800);
+      location.href = './task.html';
     }
   </script>
 
diff --git a/other-module/medical-pad/task.html b/other-module/medical-pad/task.html
index 34f0dc0..2ab0604 100644
--- a/other-module/medical-pad/task.html
+++ b/other-module/medical-pad/task.html
@@ -161,39 +161,39 @@
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 2 次</span><span class="pill pill--wait">待随访</span></div>
             <div class="tcard__dates">计划随访：2026-09-08　截止日期：2026-09-15</div>
-            <div class="info-block"><b>岳春生</b> 男 · 54岁 · 1035678<br><span class="tag tag--ht">高血压</span><span class="tag tag--dm">糖尿病</span><br>陕E作业区管理四中心</div>
-            <!-- [交互] 点击打开新增随访抽屉: follow-drawer.html -->
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>岳春生</b> 男 · 54岁 · 1035678<br><span class="tag tag--ht">高血压</span><span class="tag tag--dm">糖尿病</span><br>采油一厂-信息部</div>
+            <!-- [交互] 点击打开新增随访抽屉并带入员工信息: follow-drawer.html -->
+            <button class="tcard__btn" onclick="goFollow('岳春生','男','54','1035678','采油一厂','信息部','高血压,糖尿病')">进行随访</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 1 次</span><span class="pill pill--over">已逾期</span></div>
             <div class="tcard__dates">计划随访：2026-08-25　截止日期：2026-09-01</div>
-            <div class="info-block"><b>田淑珍</b> 女 · 61岁 · 1042237<br><span class="tag tag--chd">冠心病</span><br>陕E作业区转运站</div>
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>田淑珍</b> 女 · 61岁 · 1042237<br><span class="tag tag--chd">冠心病</span><br>采油一厂-转运站</div>
+            <button class="tcard__btn" onclick="goFollow('田淑珍','女','61','1042237','采油一厂','转运站','冠心病')">进行随访</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 3 次</span><span class="pill pill--wait">待随访</span></div>
             <div class="tcard__dates">计划随访：2026-09-12　截止日期：2026-09-19</div>
-            <div class="info-block"><b>尹立春</b> 男 · 47岁 · 1028945<br><span class="tag tag--ob">肥胖</span><span class="tag tag--oth">其他</span><br>陕E作业区注水大队</div>
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>尹立春</b> 男 · 47岁 · 1028945<br><span class="tag tag--ob">肥胖</span><span class="tag tag--oth">其他</span><br>采油一厂-注水大队</div>
+            <button class="tcard__btn" onclick="goFollow('尹立春','男','47','1028945','采油一厂','注水大队','肥胖,其他')">进行随访</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 1 次</span><span class="pill pill--wait">待随访</span></div>
             <div class="tcard__dates">计划随访：2026-09-10　截止日期：2026-09-17</div>
-            <div class="info-block"><b>戴文广</b> 男 · 58岁 · 1031002<br><span class="tag tag--ht">高血压</span><br>采油一大队</div>
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>戴文广</b> 男 · 58岁 · 1031002<br><span class="tag tag--ht">高血压</span><br>采油一厂-作业一大队</div>
+            <button class="tcard__btn" onclick="goFollow('戴文广','男','58','1031002','采油一厂','作业一大队','高血压')">进行随访</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 2 次</span><span class="pill pill--wait">待随访</span></div>
             <div class="tcard__dates">计划随访：2026-09-14　截止日期：2026-09-21</div>
-            <div class="info-block"><b>付桂荣</b> 女 · 52岁 · 1044518<br><span class="tag tag--dm">糖尿病</span><br>采油二大队</div>
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>付桂荣</b> 女 · 52岁 · 1044518<br><span class="tag tag--dm">糖尿病</span><br>采油二厂-作业二大队</div>
+            <button class="tcard__btn" onclick="goFollow('付桂荣','女','52','1044518','采油二厂','作业二大队','糖尿病')">进行随访</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待随访 1 次</span><span class="pill pill--wait">待随访</span></div>
             <div class="tcard__dates">计划随访：2026-09-16　截止日期：2026-09-23</div>
-            <div class="info-block"><b>曲志明</b> 男 · 45岁 · 1037781<br><span class="tag tag--chd">冠心病</span><span class="tag tag--ht">高血压</span><br>输气作业区</div>
-            <button class="tcard__btn" onclick="location.href='follow-drawer.html'">进行随访</button>
+            <div class="info-block"><b>曲志明</b> 男 · 45岁 · 1037781<br><span class="tag tag--chd">冠心病</span><span class="tag tag--ht">高血压</span><br>输气厂-输气作业区</div>
+            <button class="tcard__btn" onclick="goFollow('曲志明','男','45','1037781','输气厂','输气作业区','冠心病,高血压')">进行随访</button>
           </div>
         </div>
 
@@ -203,7 +203,7 @@
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待解读 1 次<span class="tcard__edit" onclick="openModal('deadlineModal')">编辑</span></span><span class="pill pill--wait">待解读</span></div>
             <div class="tcard__dates">截止日期：2026-09-12</div>
-            <div class="info-block"><b>石维国</b> 男 · 50岁 · 1029334<br><span class="tag tag--ht">高血压</span><br>采油三大队</div>
+            <div class="info-block"><b>石维国</b> 男 · 50岁 · 1029334<br><span class="tag tag--ht">高血压</span><br>采油三厂-作业三大队</div>
             <!-- [交互] 点击打开解读报告抽屉: interpret-drawer.html -->
             <button class="tcard__btn" onclick="location.href='interpret-drawer.html'">进行解读</button>
           </div>
@@ -211,20 +211,20 @@
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待解读 2 次<span class="tcard__edit" onclick="openModal('deadlineModal')">编辑</span></span><span class="pill pill--wait">待解读</span></div>
             <div class="tcard__dates">截止日期：2026-09-18<br>截止日期：2026-09-20</div>
-            <div class="info-block"><b>赵春霞</b> 女 · 46岁 · 1045690<br><span class="tag tag--dm">糖尿病</span><span class="tag tag--ob">肥胖</span><br>采油一大队</div>
+            <div class="info-block"><b>赵春霞</b> 女 · 46岁 · 1045690<br><span class="tag tag--dm">糖尿病</span><span class="tag tag--ob">肥胖</span><br>采油一厂-作业一大队</div>
             <!-- [交互] 多条待解读，点击先打开「选择解读任务」页内弹窗 -->
             <button class="tcard__btn" onclick="openModal('selectModal')">进行解读</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待解读 1 次<span class="tcard__edit" onclick="openModal('deadlineModal')">编辑</span></span><span class="pill pill--over">已逾期</span></div>
             <div class="tcard__dates">截止日期：2026-08-30</div>
-            <div class="info-block"><b>马福成</b> 男 · 63岁 · 1026011<br><span class="tag tag--chd">冠心病</span><br>运输大队</div>
+            <div class="info-block"><b>马福成</b> 男 · 63岁 · 1026011<br><span class="tag tag--chd">冠心病</span><br>运输公司-运输大队</div>
             <button class="tcard__btn" onclick="location.href='interpret-drawer.html'">进行解读</button>
           </div>
           <div class="tcard">
             <div class="tcard__head"><span class="tcard__times">待解读 1 次<span class="tcard__edit" onclick="openModal('deadlineModal')">编辑</span></span><span class="pill pill--wait">待解读</span></div>
             <div class="tcard__dates">截止日期：2026-09-25</div>
-            <div class="info-block"><b>杨海燕</b> 女 · 49岁 · 1043358<br><span class="tag tag--oth">其他</span><br>供电服务班</div>
+            <div class="info-block"><b>杨海燕</b> 女 · 49岁 · 1043358<br><span class="tag tag--oth">其他</span><br>供电公司-供电服务班</div>
             <button class="tcard__btn" onclick="location.href='interpret-drawer.html'">进行解读</button>
           </div>
         </div>
@@ -259,7 +259,7 @@
         <div class="modal__body">
           <div class="emp-card">
             <div><b>赵春霞</b> 女 · 46岁 · 工号 1045690</div>
-            <div>所属单位：CQ能源采油一大队　<span class="tag tag--dm">糖尿病</span><span class="tag tag--ob">肥胖</span></div>
+            <div>所属单位：CQ能源采油一厂-作业一大队　<span class="tag tag--dm">糖尿病</span><span class="tag tag--ob">肥胖</span></div>
           </div>
           <div class="section-label">该员工有 2 条待解读任务，请选择一条进入解读：</div>
           <!-- [交互] 点击任务行进入解读报告抽屉: interpret-drawer.html -->
@@ -267,13 +267,11 @@
             <span class="task-row__name">2025年体检报告</span>
             <span class="pill pill--wait">待解读</span>
             <span class="task-row__date">截止日期：2026-09-18</span>
-            <span style="color:#969eb0">高血压、糖尿病</span>
           </div>
           <div class="task-row" onclick="location.href='interpret-drawer.html'">
             <span class="task-row__name">2024年体检报告</span>
             <span class="pill pill--wait">待解读</span>
             <span class="task-row__date">截止日期：2026-09-20</span>
-            <span style="color:#969eb0">糖尿病</span>
           </div>
         </div>
         <div class="modal__foot"><button class="btn" onclick="closeModal('selectModal')">取 消</button></div>
@@ -282,6 +280,13 @@
   </div>
 
   <script>
+    // 携带员工信息跳转至新增随访抽屉
+    function goFollow(name, gender, age, empno, unit, dept, tags) {
+      var p = new URLSearchParams();
+      p.set('name', name); p.set('gender', gender); p.set('age', age);
+      p.set('empno', empno); p.set('unit', unit); p.set('dept', dept); p.set('tags', tags);
+      location.href = 'follow-drawer.html?' + p.toString();
+    }
     // 随访/解读 Tab 切换（切换时重置表单）
     function switchTab(name) {
       var isFollow = name === 'follow';
diff --git a/web-admin/health-checkup/archive-personal.html b/web-admin/health-checkup/archive-personal.html
index f2bc43b..33d0a80 100644
--- a/web-admin/health-checkup/archive-personal.html
+++ b/web-admin/health-checkup/archive-personal.html
@@ -80,6 +80,10 @@
   .col1{left:56px;width:110px;min-width:110px;max-width:110px;}
   .col2{left:166px;width:120px;min-width:120px;max-width:120px;}
   .th-base.col0,.th-base.col1,.th-base.col2{z-index:5;}
+  /* 右侧冻结操作列 */
+  .th-op{position:sticky;right:0;background:#FAFAFA;z-index:5;}
+  .td-op{position:sticky;right:0;background:#fff;z-index:2;text-align:center;}
+  tbody tr:hover .td-op{background:#F8FBFF;}
   .res-abn{color:var(--danger);font-weight:600;}
   .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
   .tag-blue{background:var(--primary-light);color:var(--primary);}
@@ -93,6 +97,28 @@
   .toast{position:fixed;top:76px;left:50%;transform:translateX(-50%) translateY(-16px);background:#fff;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);padding:10px 20px;font-size:var(--font-sm);color:var(--text-primary);opacity:0;pointer-events:none;transition:all .25s;z-index:1000;display:flex;align-items:center;gap:8px;}
   .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
   .toast svg{flex-shrink:0;}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:640px;max-height:85vh;display:flex;flex-direction:column;}
+  .modal--wide{width:960px;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 报告内容 */
+  .report-note{border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--font-sm);line-height:1.9;margin-bottom:16px;}
+  .report-note--conclusion{border:1px solid #FFD591;background:#FFF7E6;color:#873800;}
+  .report-note--advice{border:1px solid #B7EB8F;background:#F6FFED;color:#389E0D;}
+  .report-section{margin-bottom:24px;}
+  .report-section:last-child{margin-bottom:0;}
+  .report-section__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);padding-left:10px;border-left:3px solid var(--primary);margin-bottom:12px;line-height:1.4;}
+  .report-sub__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:14px 0 8px;}
+  .report-sub:first-of-type .report-sub__title{margin-top:0;}
+  .result-abnormal{color:var(--danger);font-weight:600;}
 </style>
 </head>
 <body>
@@ -146,18 +172,26 @@
     </div>
     <div class="filter-item">
       <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:130px;min-width:unset;">
+      <input class="filter-input" type="text" id="fName" placeholder="请输入" style="width:130px;min-width:unset;">
     </div>
     <div class="filter-item">
       <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:130px;min-width:unset;">
+      <input class="filter-input" type="text" id="fEmpNo" placeholder="请输入" style="width:130px;min-width:unset;">
     </div>
     <div class="filter-item">
       <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:160px;min-width:unset;">
+      <input class="filter-input" type="text" id="fIdCard" placeholder="请输入" style="width:160px;min-width:unset;">
     </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
+    <div class="filter-item">
+      <label>异常员工：</label>
+      <select class="filter-select" style="min-width:100px;" id="abnormalFilter">
+        <option value="">全部</option>
+        <option value="abnormal">是</option>
+        <option value="normal">否</option>
+      </select>
+    </div>
+    <button class="btn btn-primary" onclick="applyFilter()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
   </div>
 
   <!-- 操作栏 -->
@@ -183,6 +217,154 @@
       <button class="page-btn active">1</button>
     </div>
   </div>
+
+  <!-- 查看体检报告弹窗（参考常规体检报告页） -->
+  <div class="modal-overlay" id="report-modal" onclick="if(event.target===this)closeReport()">
+    <div class="modal modal--wide">
+      <div class="modal__header">
+        <div class="modal__title" id="report-title">体检报告</div>
+        <button class="modal__close" onclick="closeReport()">✕</button>
+      </div>
+      <div class="modal__body">
+        <!-- 体检结论 -->
+        <div class="report-section">
+          <div class="report-section__title">体检结论</div>
+          <div class="report-note report-note--conclusion">1. 血脂异常：甘油三酯轻度偏高；<br>2. 视力疲劳：双眼裸眼视力下降；<br>3. 其余各项体检指标未见明显异常。</div>
+        </div>
+        <!-- 体检建议 -->
+        <div class="report-section">
+          <div class="report-section__title">体检建议</div>
+          <div class="report-note report-note--advice">1. 建议低脂清淡饮食，少油少糖，规律运动，3个月后复查血脂；<br>2. 注意用眼卫生，避免长时间使用电子屏幕，必要时眼科随诊；<br>3. 建议每年进行一次健康体检，动态关注各项指标变化。</div>
+        </div>
+        <!-- 物理检查 -->
+        <div class="report-section">
+          <div class="report-section__title">物理检查</div>
+          <div class="report-sub">
+            <div class="report-sub__title">一般检查</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>身高</td><td>175</td><td>cm</td><td>-</td></tr>
+                <tr><td>体重</td><td>70.5</td><td>kg</td><td>-</td></tr>
+                <tr><td>体质指数(BMI)</td><td>23.0</td><td>kg/m²</td><td>18.5~23.9</td></tr>
+                <tr><td>收缩压</td><td>122</td><td>mmHg</td><td>90~139</td></tr>
+                <tr><td>舒张压</td><td>78</td><td>mmHg</td><td>60~89</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">视力</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>裸眼视力(右)</td><td class="result-abnormal">0.8 ↓</td><td>-</td><td>≥1.0</td></tr>
+                <tr><td>裸眼视力(左)</td><td>1.0</td><td>-</td><td>≥1.0</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <!-- 内科 -->
+        <div class="report-section">
+          <div class="report-section__title">内科</div>
+          <div class="report-sub">
+            <div class="report-sub__title">心肺听诊</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>心率</td><td>72</td><td>次/分</td><td>60~100</td></tr>
+                <tr><td>心律</td><td>齐</td><td>-</td><td>节律整齐</td></tr>
+                <tr><td>呼吸音</td><td>清晰</td><td>-</td><td>呼吸音清晰</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">腹部触诊</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>肝脏</td><td>未触及</td><td>-</td><td>无肿大</td></tr>
+                <tr><td>脾脏</td><td>未触及</td><td>-</td><td>无肿大</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <!-- 外科 -->
+        <div class="report-section">
+          <div class="report-section__title">外科</div>
+          <div class="report-sub">
+            <div class="report-sub__title">皮肤与淋巴结</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>皮肤</td><td>无异常</td><td>-</td><td>皮肤黏膜无异常</td></tr>
+                <tr><td>浅表淋巴结</td><td>未触及肿大</td><td>-</td><td>无肿大</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">甲状腺与脊柱四肢</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>甲状腺</td><td>无肿大</td><td>-</td><td>无肿大</td></tr>
+                <tr><td>脊柱、四肢关节</td><td>无异常</td><td>-</td><td>活动自如</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <!-- 化学检查 -->
+        <div class="report-section">
+          <div class="report-section__title">化学检查</div>
+          <div class="report-sub">
+            <div class="report-sub__title">血常规</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>白细胞计数</td><td>6.2</td><td>×10⁹/L</td><td>3.5~9.5</td></tr>
+                <tr><td>红细胞计数</td><td>4.8</td><td>×10¹²/L</td><td>4.3~5.8</td></tr>
+                <tr><td>血红蛋白</td><td>145</td><td>g/L</td><td>130~175</td></tr>
+                <tr><td>血小板计数</td><td>220</td><td>×10⁹/L</td><td>125~350</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">肝功能</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>丙氨酸氨基转移酶(ALT)</td><td>25</td><td>U/L</td><td>9~50</td></tr>
+                <tr><td>天门冬氨酸氨基转移酶(AST)</td><td>22</td><td>U/L</td><td>15~40</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">血脂四项</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>总胆固醇</td><td>4.6</td><td>mmol/L</td><td>&lt;5.2</td></tr>
+                <tr><td>甘油三酯</td><td class="result-abnormal">1.8 ↑</td><td>mmol/L</td><td>&lt;1.7</td></tr>
+                <tr><td>高密度脂蛋白胆固醇</td><td>1.25</td><td>mmol/L</td><td>&gt;1.04</td></tr>
+                <tr><td>低密度脂蛋白胆固醇</td><td>2.8</td><td>mmol/L</td><td>&lt;3.4</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="report-sub">
+            <div class="report-sub__title">血糖</div>
+            <table>
+              <thead><tr><th>项目名称</th><th>结果</th><th>单位</th><th>参考值</th></tr></thead>
+              <tbody>
+                <tr><td>空腹血糖</td><td>5.3</td><td>mmol/L</td><td>3.9~6.1</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div class="modal__footer">
+        <button class="btn btn-primary" onclick="closeReport()">关闭</button>
+      </div>
+    </div>
+  </div>
 </main>
 
 <!-- 轻提示 -->
@@ -305,29 +487,53 @@ function buildHead(){
       s.items.forEach(function(it){r3.push('<th class="item">'+it+'</th>');});
     });
   });
+  /* 列表最后为操作列，随右侧冻结便于横向浏览时随时可见 */
+  r1.push('<th class="th-op" rowspan="3">操作</th>');
   return '<table><thead><tr>'+r1.join('')+'</tr><tr>'+r2.join('')+'</tr><tr>'+r3.join('')+'</tr></thead>';
 }
 function buildBody(){
   var items=allItems();
   var baseKeys=['idx','name','empNo','gender','age','idCard','unit','dept','hospital','checkDate'];
-  var rows=MASTER_ROWS.map(function(r){
+  var rows=getDisplayRows().map(function(r,ri){
     var cells='';
     baseKeys.forEach(function(k,i){
       var cls='td-base'+(i<3?' col'+i:'');
-      cells+='<td class="'+cls+'">'+r[k]+'</td>';
+      var txt=k==='idx'?(ri+1):r[k];
+      cells+='<td class="'+cls+'">'+txt+'</td>';
     });
     items.forEach(function(col){
       var val=r.r[col.cat+'|'+col.name]||r.r[col.name];
       if(!val)val=[(CAT_DEFAULTS[col.cat]||['-'])[0]];
       cells+='<td class="item'+(val[1]?' res-abn':'')+'">'+val[0]+'</td>';
     });
+    cells+='<td class="td-op"><span class="link" onclick="openReport(\''+r.name+'\')">查看报告</span></td>';
     return '<tr>'+cells+'</tr>';
   }).join('');
   return '<tbody>'+rows+'</tbody></table>';
 }
+/* 员工是否存在异常指标（任一项目结果带异常标记） */
+function hasAbnormal(r){
+  for(var k in r.r){if(r.r[k][1])return true;}
+  return false;
+}
+/* 按筛选条件取当前展示行：异常员工 + 姓名/员工编号/身份证号模糊匹配 */
+function getDisplayRows(){
+  var v=document.getElementById('abnormalFilter').value;
+  var name=document.getElementById('fName').value.trim();
+  var empNo=document.getElementById('fEmpNo').value.trim();
+  var idCard=document.getElementById('fIdCard').value.trim();
+  return MASTER_ROWS.filter(function(r){
+    if(v==='abnormal'&&!hasAbnormal(r))return false;
+    if(v==='normal'&&hasAbnormal(r))return false;
+    if(name&&r.name.indexOf(name)<0)return false;
+    if(empNo&&r.empNo.indexOf(empNo)<0)return false;
+    if(idCard&&r.idCard.indexOf(idCard)<0)return false;
+    return true;
+  });
+}
 function renderBigTable(){
   document.getElementById('bigTable').innerHTML=buildHead()+buildBody();
-  document.getElementById('pageTotal').textContent='共 '+MASTER_ROWS.length+' 条';
+  document.getElementById('pageTotal').textContent='共 '+getDisplayRows().length+' 条';
   var k=document.getElementById('keyCount');
   if(k)k.textContent='重点项目 '+allItems().length+' 列';
 }
@@ -345,6 +551,27 @@ function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
   var sub=active.closest('.sidebar-subgroup');
   while(sub){sub.classList.add('open');sub=sub.parentElement.closest('.sidebar-subgroup');}
 })();
+/* 查看体检报告弹窗（版式参考常规体检报告页） */
+function openReport(name){
+  document.getElementById('report-title').textContent=name+' · 体检报告';
+  document.getElementById('report-modal').classList.add('open');
+}
+function closeReport(){
+  document.getElementById('report-modal').classList.remove('open');
+}
+document.addEventListener('keydown',function(e){if(e.key==='Escape')closeReport();});
+function applyFilter(){
+  renderBigTable();
+  showToast('查询完成');
+}
+function resetFilter(){
+  document.getElementById('abnormalFilter').value='';
+  document.getElementById('fName').value='';
+  document.getElementById('fEmpNo').value='';
+  document.getElementById('fIdCard').value='';
+  renderBigTable();
+  showToast('已重置筛选条件');
+}
 renderBigTable();
 </script>
 </body>
diff --git a/web-admin/health-checkup/archive-unit.html b/web-admin/health-checkup/archive-unit.html
index 332efe6..8f65171 100644
--- a/web-admin/health-checkup/archive-unit.html
+++ b/web-admin/health-checkup/archive-unit.html
@@ -80,6 +80,36 @@
   .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
   .progress-bar{width:120px;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px;}
   .progress-bar__fill{height:100%;border-radius:4px;background:var(--primary);}
+  /* 表头计算规则提示（问号+悬浮气泡），与单位体检人数统计页一致 */
+  .th-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#BFBFBF;color:#fff;font-size:10px;font-weight:600;cursor:help;vertical-align:middle;margin-left:4px;}
+  .th-help:hover{background:var(--primary);}
+  .th-help__tip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;font-size:var(--font-sm);font-weight:400;padding:7px 12px;border-radius:var(--radius-sm);white-space:nowrap;z-index:130;transition:opacity .15s;line-height:1.5;}
+  .th-help__tip::before{content:'';position:absolute;top:-4px;left:50%;margin-left:-4px;width:8px;height:8px;background:rgba(0,0,0,0.8);transform:rotate(45deg);}
+  .th-help__tip--right{left:auto;right:-7px;transform:none;}
+  .th-help__tip--right::before{left:auto;right:11px;margin-left:0;}
+  .th-help:hover .th-help__tip{visibility:visible;opacity:1;}
+  /* 三级单位tab下才显示的部门列 */
+  .col-dept{display:none;}
+  body.level-3 .col-dept{display:table-cell;}
+  /* 前三列冻结：序号/单位/部门，做法对齐个人体检数据大表 */
+  .th-frz{position:sticky;background:#FAFAFA;z-index:5;}
+  .td-frz{position:sticky;background:#fff;z-index:2;}
+  tr:hover .td-frz{background:#F8FBFF;}
+  .frz0{left:0;width:56px;min-width:56px;max-width:56px;}
+  .frz1{left:56px;width:110px;min-width:110px;max-width:110px;}
+  .frz2{left:166px;width:120px;min-width:120px;max-width:120px;}
+  /* 人数列表弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:200;display:flex;align-items:center;justify-content:center;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:960px;max-width:92vw;display:flex;flex-direction:column;max-height:80vh;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .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:0 24px;overflow:auto;}
+  .modal__body table{width:100%;}
+  .modal__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  .pager{display:flex;align-items:center;gap:6px;}
+  .pager .page-btn{width:28px;height:28px;}
 </style>
 </head>
 <body>
@@ -119,8 +149,8 @@
 <main class="main">
   <!-- 单位切换Tab -->
   <div style="display:flex;align-items:center;gap:0;margin-bottom:16px;">
-    <button class="btn btn-primary" style="border-radius:var(--radius-sm) 0 0 var(--radius-sm);">二级单位</button>
-    <button class="btn btn-default" style="border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none;">三级单位</button>
+    <button class="btn btn-primary unit-level-tab" style="border-radius:var(--radius-sm) 0 0 var(--radius-sm);" onclick="switchUnitLevel(this)">二级单位</button>
+    <button class="btn btn-default unit-level-tab" style="border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none;" onclick="switchUnitLevel(this)">三级单位</button>
   </div>
 
   <!-- 筛选栏 -->
@@ -159,21 +189,23 @@
       <div class="table-card__title">单位报表数据</div>
     </div>
     <div class="table-card__content">
-    <table>
+    <table id="unitTable">
       <thead>
-        <!-- 合并表头：重点指标异常人数 -->
         <tr>
-          <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="8" style="text-align:center;">重点指标异常人数</th>
-          <th rowspan="2">操作</th>
-        </tr>
-        <tr>
-          <th>BMI</th><th>血压mmHg</th><th>总胆固醇mmol/L</th><th>高密度胆固醇mmol/L</th><th>低密度胆固醇mmol/L</th><th>甘油三酯mmol/L</th><th>血糖mmol/L</th><th>尿酸μmol/L</th>
+          <th class="th-frz frz0">序号</th><th class="th-frz frz1">单位</th><th class="th-frz frz2 col-dept">部门</th><th>体检年份</th><th>签约医院</th><th>承检医院</th><th>体检计划日期范围</th>
+          <th>总人数</th><th>应检人数</th><th>已选项目人数</th><th>已预约人数</th><th>已检人数</th><th>未检人数</th>
+          <th>受检率<span class="th-help">?<span class="th-help__tip">受检率 = 实际检查人数 ÷ 应检人数</span></span></th>
+          <th>检出率<span class="th-help">?<span class="th-help__tip">检出率 = 异常人数 ÷ 实际检查人数</span></span></th>
+          <th>患病率<span class="th-help">?<span class="th-help__tip">患病率 = 单病种异常人数 ÷ 实际参加检查人数</span></span></th>
+          <th>重点指标异常人数</th><th>冠脉CTA异常人数</th><th>防癌筛查异常人数</th>
+          <th>计划总费用（元）</th><th>实际总费用（元）</th><th>人均费用（元）</th>
         </tr>
       </thead>
       <tbody>
-        <tr><td>1</td><td>公司机关</td><td>1000</td><td>1000</td><td>800</td><td>200</td><td>宝石花医院</td><td>宝石花医院</td><td>2025-06-23至2025-08-31</td><td>52</td><td>5</td><td>2</td><td>4</td><td>5</td><td>8</td><td>10</td><td>3</td><td><span class="link">查看详情</span></td></tr>
-        <tr><td>2</td><td>采油一厂</td><td>1000</td><td>1000</td><td>800</td><td>200</td><td>宝石花医院</td><td>宝石花医院</td><td>2025-06-23至2025-08-31</td><td>52</td><td>5</td><td>2</td><td>4</td><td>5</td><td>8</td><td>10</td><td>3</td><td><span class="link">查看详情</span></td></tr>
+        <tr><td class="td-frz frz0">1</td><td class="td-frz frz1">公司机关</td><td class="td-frz frz2 col-dept">综合管理部</td><td>2025</td><td>宝石花医院</td><td>宝石花医院</td><td>2025-06-23至2025-08-31</td><td>1000</td><td>1000</td><td>980</td><td>850</td><td>800</td><td>200</td><td>80.0%</td><td>41.0%</td><td>18.0%</td><td>328</td><td>9</td><td>12</td><td>2,600,000</td><td>2,180,000</td><td>2,725.00</td></tr>
+        <tr><td class="td-frz frz0">2</td><td class="td-frz frz1">采油一厂</td><td class="td-frz frz2 col-dept">采油作业一区</td><td>2025</td><td>宝石花医院</td><td>西安高新医院</td><td>2025-07-01至2025-09-15</td><td>3200</td><td>3000</td><td>2860</td><td>2450</td><td>2300</td><td>700</td><td>76.7%</td><td>40.0%</td><td>16.5%</td><td>920</td><td>24</td><td>35</td><td>7,800,000</td><td>6,210,000</td><td>2,700.00</td></tr>
+        <tr><td class="td-frz frz0">3</td><td class="td-frz frz1">采油二厂</td><td class="td-frz frz2 col-dept">采油作业二区</td><td>2025</td><td>宝石花医院</td><td>长安心血管医院</td><td>2025-07-10至2025-09-30</td><td>2800</td><td>2600</td><td>2480</td><td>2100</td><td>1950</td><td>650</td><td>75.0%</td><td>40.0%</td><td>17.2%</td><td>780</td><td>21</td><td>28</td><td>6,760,000</td><td>5,265,000</td><td>2,700.00</td></tr>
+        <tr><td class="td-frz frz0">4</td><td class="td-frz frz1">公司机关</td><td class="td-frz frz2 col-dept">综合管理部</td><td>2024</td><td>宝石花医院</td><td>宝石花医院</td><td>2024-06-20至2024-08-25</td><td>980</td><td>980</td><td>950</td><td>830</td><td>790</td><td>190</td><td>80.6%</td><td>39.0%</td><td>17.5%</td><td>308</td><td>8</td><td>10</td><td>2,450,000</td><td>2,020,000</td><td>2,556.96</td></tr>
       </tbody>
     </table>
     </div>
@@ -189,7 +221,136 @@
   </div>
 </main>
 
+<!-- 人数列表弹窗 -->
+<div class="modal-mask" id="person-modal" style="display:none;" onclick="if(event.target===this)hidePersonList()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title" id="person-modal-title">人员列表</div>
+      <span class="modal__close" onclick="hidePersonList()">✕</span>
+    </div>
+    <div class="modal__body">
+      <div id="person-modal-toolbar" style="display:flex;justify-content:flex-end;padding:12px 0;">
+        <button class="btn btn-primary" style="height:32px;" onclick="exportPersonList()">
+          <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>
+      </div>
+      <table>
+        <thead id="person-modal-head"></thead>
+        <tbody id="person-modal-body"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <span style="font-size:var(--font-sm);color:var(--text-secondary);" id="person-modal-count"></span>
+      <div class="pager">
+        <button class="page-btn" onclick="personPrev()">‹</button>
+        <span style="font-size:var(--font-sm);color:var(--text-secondary);" id="person-modal-page">1 / 1</span>
+        <button class="page-btn" onclick="personNext()">›</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <script>
+/* ===== 人数列点击 → 人员列表弹窗 =====
+   除"总人数"外的人数列（td 索引 8应检/9已选项目/10已预约/11已检/12未检/16重点指标异常/17冠脉CTA异常/18防癌筛查异常）标蓝可点击 */
+var COUNT_COLS=[8,9,10,11,12,16,17,18];
+/* 各指标对应的名单附加列：[列名, 生成函数(i)] */
+var PERSON_EXTRA={
+  8:['体检计划',function(row){return row.year+'年度员工体检';}],
+  9:['已选项目数',function(row,i){return 15+i%6;}],
+  10:['预约日期',function(row,i){return personDate(row,i+5);}],
+  11:['体检状态',function(){return '<span class="tag tag-green">已检</span>';}],
+  12:['未检原因',function(row,i){return ['未预约','已预约未体检','弃检'][i%3];}],
+  16:['异常指标',function(row,i){return ['血压 158/96 mmHg↑','尿酸 428 μmol/L↑','甘油三酯 1.80 mmol/L↑','总胆固醇 5.96 mmol/L↑','空腹血糖 8.2 mmol/L↑','BMI 28.4↑','低密度胆固醇 3.96 mmol/L↑','高密度胆固醇 0.89 mmol/L↓'][i%8];}],
+  17:['CTA结论',function(row,i){return ['LAD 中段狭窄 25%（CAD-RADS 2）','钙化积分 Agatston 156（中度）','RCA 近段非钙化斑块、轻度狭窄','LCX 远段钙化斑块、CAD-RADS 2'][i%4];}],
+  18:['筛查异常项',function(row,i){return ['Septin9 基因甲基化 阳性','CA724 ↑（38.6 U/mL）','便潜血 阳性','CEA ↑（6.2 ng/mL）'][i%4];}]
+};
+var SURNAMES=['张','王','李','赵','刘','陈','杨','黄','周','吴'];
+var GIVEN_M=['建国','志强','海涛','明辉','文博','永刚','振华','晓东'];
+var GIVEN_F=['丽华','晓燕','静怡','秀兰','雅琴','桂芳','玉梅','佳宁'];
+var DEPTS=['综合管理部','安全环保部','生产技术部','设备物资部','采油作业一区','采油作业二区','输油大队','中心站'];
+/* 依计划日期范围确定性生成体检/预约日期 */
+function personDate(row,seed){
+  var m=row.range.match(/(\d{4})-(\d{2})-(\d{2})至(\d{4})-(\d{2})-(\d{2})/);
+  if(!m)return row.range;
+  var d1=new Date(+m[1],+m[2]-1,+m[3]),d2=new Date(+m[4],+m[5]-1,+m[6]);
+  var span=Math.round((d2-d1)/86400000);
+  var d=new Date(d1.getTime()+(((span*(seed%11))+7)%Math.max(span,1))*86400000);
+  return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0');
+}
+function showPersonList(r,c){
+  var tr=document.querySelectorAll('#unitTable tbody tr')[r];
+  var th=document.querySelectorAll('#unitTable thead th')[c];
+  var row={unit:tr.children[1].textContent,year:tr.children[3].textContent,hospital:tr.children[5].textContent,range:tr.children[6].textContent};
+  PERSON_LIST={col:c,row:row,total:parseInt(tr.children[c].textContent.replace(/,/g,''),10),page:0};
+  var colName=th.firstChild.textContent.trim();
+  PERSON_LIST.colName=colName;
+  document.getElementById('person-modal-title').textContent=row.unit+'（'+row.year+'年）「'+colName+'」人员列表';
+  renderPersonPage();
+  document.getElementById('person-modal').style.display='flex';
+}
+/* 第 i 人（全局序号）的名单行数据，渲染与导出共用同一确定性生成 */
+function personRowData(i){
+  var row=PERSON_LIST.row;
+  var seed=PERSON_LIST.col*97+row.unit.charCodeAt(0)+i;
+  var sex=(seed+i)%2?'女':'男';
+  var name=SURNAMES[(seed*7+i)%10]+(sex==='男'?GIVEN_M[(seed+i)%8]:GIVEN_F[(seed+i)%8]);
+  var code='CQ'+String(100000+PERSON_LIST.col*1000+i*13+Math.floor(i/10));
+  var extra=PERSON_EXTRA[PERSON_LIST.col];
+  return [''+(i+1),name,code,sex,''+(28+(seed*7+i*11)%30),DEPTS[(seed+i*3)%8],row.hospital,personDate(row,i+1),String(extra[1](row,i)).replace(/<[^>]+>/g,'')];
+}
+function renderPersonPage(){
+  var extra=PERSON_EXTRA[PERSON_LIST.col];
+  document.getElementById('person-modal-head').innerHTML='<tr><th>序号</th><th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>部门</th><th>体检医院</th><th>体检日期</th><th>'+extra[0]+'</th></tr>';
+  var start=PERSON_LIST.page*10,html='';
+  for(var i=start;i<Math.min(start+10,PERSON_LIST.total);i++){
+    var cells=personRowData(i);
+    /* 体检状态列回挂绿色标签样式 */
+    if(PERSON_LIST.col===11)cells[8]='<span class="tag tag-green">'+cells[8]+'</span>';
+    html+='<tr><td>'+cells.join('</td><td>')+'</td></tr>';
+  }
+  document.getElementById('person-modal-body').innerHTML=html;
+  var pages=Math.max(1,Math.ceil(PERSON_LIST.total/10));
+  document.getElementById('person-modal-count').textContent='共 '+PERSON_LIST.total+' 人';
+  document.getElementById('person-modal-page').textContent=(PERSON_LIST.page+1)+' / '+pages;
+}
+function personPrev(){if(PERSON_LIST.page>0){PERSON_LIST.page--;renderPersonPage();}}
+function personNext(){var p=Math.max(1,Math.ceil(PERSON_LIST.total/10));if(PERSON_LIST.page<p-1){PERSON_LIST.page++;renderPersonPage();}}
+function hidePersonList(){document.getElementById('person-modal').style.display='none';}
+/* 导出当前口径全量人员名单（CSV，Excel 兼容） */
+function exportPersonList(){
+  var extra=PERSON_EXTRA[PERSON_LIST.col];
+  var head=['序号','姓名','员工编号','性别','年龄','部门','体检医院','体检日期',extra[0]];
+  var rows=[head];
+  for(var i=0;i<PERSON_LIST.total;i++)rows.push(personRowData(i));
+  var csv=''+rows.map(function(r){return r.map(function(c){return '"'+String(c).replace(/"/g,'""')+'"';}).join(',');}).join('\r\n');
+  var a=document.createElement('a');
+  a.href=URL.createObjectURL(new Blob([csv],{type:'text/csv;charset=utf-8'}));
+  a.download=PERSON_LIST.row.unit+'_'+PERSON_LIST.row.year+'年_'+PERSON_LIST.colName+'_人员列表.csv';
+  document.body.appendChild(a);a.click();document.body.removeChild(a);
+  setTimeout(function(){URL.revokeObjectURL(a.href);},1000);
+}
+var PERSON_LIST=null;
+/* 初始化：人数列标蓝并绑定点击 */
+(function(){
+  document.querySelectorAll('#unitTable tbody tr').forEach(function(tr,r){
+    COUNT_COLS.forEach(function(c){
+      var td=tr.children[c];
+      td.innerHTML='<span class="link" onclick="showPersonList('+r+','+c+')">'+td.textContent+'</span>';
+    });
+  });
+  document.addEventListener('keydown',function(e){if(e.key==='Escape')hidePersonList();});
+})();
+
+/* 单位级别TAB切换：三级单位显示部门列 */
+function switchUnitLevel(el){
+  document.querySelectorAll('.unit-level-tab').forEach(function(b){
+    b.classList.remove('btn-primary');b.classList.add('btn-default');
+  });
+  el.classList.remove('btn-default');el.classList.add('btn-primary');
+  document.body.classList.toggle('level-3', el.textContent.trim()==='三级单位');
+}
 /* 侧边栏展开/折叠交互 */
 function toggleSubgroup(header){
   header.parentElement.classList.toggle('open');
diff --git a/web-admin/health-checkup/config-hospital-basic.html b/web-admin/health-checkup/config-hospital-basic.html
index 7c22bd9..74aa5d3 100644
--- a/web-admin/health-checkup/config-hospital-basic.html
+++ b/web-admin/health-checkup/config-hospital-basic.html
@@ -224,12 +224,12 @@
       <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>开启冠脉CTA体检</th><th>排序序号</th><th>操作</th>
           </tr>
         </thead>
         <tbody id="normal-tbody">
-          <tr><td>1</td><td>泾河医院</td><td>普通医院</td><td>西安市高陵区西安泾河开发区CQ西路20号</td><td><img class="hospital-img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='48' viewBox='0 0 72 48'%3E%3Crect width='72' height='48' fill='%231890ff'/%3E%3Crect x='18' y='14' width='36' height='26' rx='2' fill='%23ffffff'/%3E%3Cpath d='M32 20h8v6h6v8h-6v6h-8v-6h-6v-8h6z' fill='%231890ff'/%3E%3C/svg%3E" alt="医院图片"></td><td>西安宝石花CQ医院（高陵）</td><td>是</td><td>1</td><td><span class="link" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
-          <tr><td>2</td><td>庆阳医院</td><td>指定医院</td><td>甘肃省庆阳市西峰区岐黄大道18号</td><td><img class="hospital-img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='48' viewBox='0 0 72 48'%3E%3Crect width='72' height='48' fill='%231890ff'/%3E%3Crect x='18' y='14' width='36' height='26' rx='2' fill='%23ffffff'/%3E%3Cpath d='M32 20h8v6h6v8h-6v6h-8v-6h-6v-8h6z' fill='%231890ff'/%3E%3C/svg%3E" alt="医院图片"></td><td>庆阳市人民医院体检中心</td><td>是</td><td>2</td><td><span class="link" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
+          <tr><td>1</td><td>泾河医院</td><td>普通医院</td><td>西安市高陵区西安泾河开发区CQ西路20号</td><td><img class="hospital-img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='48' viewBox='0 0 72 48'%3E%3Crect width='72' height='48' fill='%231890ff'/%3E%3Crect x='18' y='14' width='36' height='26' rx='2' fill='%23ffffff'/%3E%3Cpath d='M32 20h8v6h6v8h-6v6h-8v-6h-6v-8h6z' fill='%231890ff'/%3E%3C/svg%3E" alt="医院图片"></td><td>西安宝石花CQ医院（高陵）</td><td>是</td><td>是</td><td>1</td><td><span class="link" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
+          <tr><td>2</td><td>庆阳医院</td><td>指定医院</td><td>甘肃省庆阳市西峰区岐黄大道18号</td><td><img class="hospital-img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='48' viewBox='0 0 72 48'%3E%3Crect width='72' height='48' fill='%231890ff'/%3E%3Crect x='18' y='14' width='36' height='26' rx='2' fill='%23ffffff'/%3E%3Cpath d='M32 20h8v6h6v8h-6v6h-8v-6h-6v-8h6z' fill='%231890ff'/%3E%3C/svg%3E" alt="医院图片"></td><td>庆阳市人民医院体检中心</td><td>是</td><td>否</td><td>2</td><td><span class="link" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -321,6 +321,13 @@
           <span class="switch-label">是否开启职业体检</span>
         </div>
       </div>
+      <div class="form-item">
+        <div class="form-label">开启冠脉CTA体检</div>
+        <div class="switch-row">
+          <div class="switch" id="switch-cta" onclick="this.classList.toggle('on')"></div>
+          <span class="switch-label">是否开启冠脉CTA体检</span>
+        </div>
+      </div>
       <div class="form-item">
         <div class="form-label">排序序号</div>
         <input class="form-input" id="form-sort-normal" type="number" placeholder="数字越小越靠前">
@@ -415,6 +422,7 @@ function resetDrawerFields(){
   document.getElementById('form-sort-gastro').value = '';
   document.querySelectorAll('input[name="hos-type"]').forEach(function(r){ r.checked = false; });
   document.getElementById('switch-oc').classList.remove('on');
+  document.getElementById('switch-cta').classList.remove('on');
   document.getElementById('switch-card').classList.remove('on');
   document.getElementById('card-reg-item').style.display = 'none';
   document.getElementById('form-gastro-notice').value = '';
@@ -451,7 +459,8 @@ function openEditDrawer(btn){
     setHospitalLocked(true, readTd(editingRow, 1), readTd(editingRow, 3));
     document.querySelectorAll('input[name="hos-type"]').forEach(function(r){ r.checked = (r.value === readTd(editingRow, 2)); });
     document.getElementById('switch-oc').classList.toggle('on', readTd(editingRow, 6) === '是');
-    document.getElementById('form-sort-normal').value = readTd(editingRow, 7);
+    document.getElementById('switch-cta').classList.toggle('on', readTd(editingRow, 7) === '是');
+    document.getElementById('form-sort-normal').value = readTd(editingRow, 8);
   } else {
     document.getElementById('drawer-title').textContent = '编辑胃肠镜体检医院';
     document.getElementById('normal-fields').style.display = 'none';
@@ -554,7 +563,7 @@ function refreshSeq(tbody){
 }
 
 /* 生成常规体检行 HTML */
-function buildNormalRow(data, hosType, oc, sort){
+function buildNormalRow(data, hosType, oc, cta, sort){
   return '<td></td>'
     + '<td>' + data.name + '</td>'
     + '<td>' + hosType + '</td>'
@@ -562,6 +571,7 @@ function buildNormalRow(data, hosType, oc, sort){
     + '<td><img class="hospital-img" src="' + HOSPITAL_IMG + '" alt="医院图片"></td>'
     + '<td>' + data.intro + '</td>'
     + '<td>' + (oc ? '是' : '否') + '</td>'
+    + '<td>' + (cta ? '是' : '否') + '</td>'
     + '<td>' + sort + '</td>'
     + ROW_ACTIONS;
 }
@@ -588,11 +598,13 @@ function saveHospital(){
     if(isNormal){
       var hosTypeEl = document.querySelector('input[name="hos-type"]:checked');
       if(!hosTypeEl){ alert('请选择医院类型'); return; }
-      var sort = document.getElementById('form-sort-normal').value.trim() || editingRow.children[7].textContent.trim();
+      var sort = document.getElementById('form-sort-normal').value.trim() || editingRow.children[8].textContent.trim();
       var oc = document.getElementById('switch-oc').classList.contains('on');
+      var cta = document.getElementById('switch-cta').classList.contains('on');
       editingRow.children[2].textContent = hosTypeEl.value;
       editingRow.children[6].textContent = oc ? '是' : '否';
-      editingRow.children[7].textContent = sort;
+      editingRow.children[7].textContent = cta ? '是' : '否';
+      editingRow.children[8].textContent = sort;
     } else {
       var needCard = document.getElementById('switch-card').classList.contains('on');
       var sortG = document.getElementById('form-sort-gastro').value.trim() || editingRow.children[6].textContent.trim();
@@ -615,7 +627,7 @@ function saveHospital(){
     var hosTypeEl = document.querySelector('input[name="hos-type"]:checked');
     if(!hosTypeEl){ alert('请选择医院类型'); return; }
     var sort = document.getElementById('form-sort-normal').value.trim() || String(seq);
-    tr.innerHTML = buildNormalRow(data, hosTypeEl.value, document.getElementById('switch-oc').classList.contains('on'), sort);
+    tr.innerHTML = buildNormalRow(data, hosTypeEl.value, document.getElementById('switch-oc').classList.contains('on'), document.getElementById('switch-cta').classList.contains('on'), sort);
   } else {
     var needCard = document.getElementById('switch-card').classList.contains('on');
     var sortG = document.getElementById('form-sort-gastro').value.trim() || String(seq);
diff --git a/web-admin/health-checkup/config-material-notice.html b/web-admin/health-checkup/config-material-notice.html
index f81755a..0f0a1f7 100644
--- a/web-admin/health-checkup/config-material-notice.html
+++ b/web-admin/health-checkup/config-material-notice.html
@@ -174,6 +174,7 @@
   <div class="notice-tabs">
     <div class="notice-tab active" onclick="switchTab('normal')">常规体检</div>
     <div class="notice-tab" onclick="switchTab('gastro')">胃肠镜体检</div>
+    <div class="notice-tab" onclick="switchTab('cta')">冠脉CTA体检</div>
   </div>
 
   <!-- 常规体检 -->
@@ -309,6 +310,73 @@
       </div>
     </div>
   </div>
+
+  <!-- 冠脉CTA体检 -->
+  <div class="tab-pane" id="pane-cta">
+    <div class="notice-card">
+      <div class="notice-card__header">
+        <div class="notice-card__title">冠脉CTA体检须知</div>
+        <div class="notice-card__actions">
+          <button class="btn btn-default" onclick="openHistory('cta')">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1a6 6 0 106 6" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><path d="M7 4v3.5l2.5 1.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/></svg>
+            历史版本
+          </button>
+          <button class="btn btn-primary" onclick="saveNotice('cta')">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7l3.5 3.5L12 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            发布生效
+          </button>
+        </div>
+      </div>
+      <div class="notice-layout">
+        <div class="notice-editor">
+          <div class="editor-section__label">弹窗标题</div>
+          <input class="editor-title-input" id="title-cta" type="text" value="冠脉CTA体检须知" placeholder="请输入弹窗标题" oninput="syncPreview('cta')">
+          <div class="editor-section__label">须知内容</div>
+          <div class="editor-toolbar">
+            <button class="toolbar-btn" title="加粗"><strong>B</strong></button>
+            <button class="toolbar-btn" title="斜体"><em>I</em></button>
+            <button class="toolbar-btn" title="下划线"><u>U</u></button>
+            <div class="toolbar-divider"></div>
+            <button class="toolbar-btn">有序列表</button>
+            <button class="toolbar-btn">无序列表</button>
+            <div class="toolbar-divider"></div>
+            <button class="toolbar-btn">字号 ▾</button>
+            <button class="toolbar-btn">颜色 ▾</button>
+          </div>
+          <div class="editor-body" id="editor-cta" contenteditable="true" oninput="syncPreview('cta')">1. 检前准备
+检查前24小时请避免剧烈运动，检查当天避免吸烟，勿饮用咖啡、浓茶等刺激性饮品，保持情绪平稳。
+
+2. 心率控制
+冠脉CTA对心率要求较高，心率过快或心律不齐者，请遵医嘱在检查前服用控制心率药物（如β受体阻滞剂）。
+
+3. 屏气练习
+检查需屏气配合以保证图像质量，请提前练习平静状态下屏气10-15秒。检查当天请携带本人身份证。
+
+4. 特别提醒
+对碘对比剂过敏、甲状腺功能异常、肾功能不全或妊娠期，请提前告知医生。如需取消预约，请至少提前一天操作。</div>
+          <div class="editor-footer">
+            <span class="editor-footer__hint">支持富文本编辑，内容将展示在员工端发起冠脉CTA体检时的弹窗中</span>
+          </div>
+        </div>
+        <div class="notice-preview">
+          <div class="preview-panel">
+            <div class="preview-panel__label">
+              <svg viewBox="0 0 14 14" fill="none"><rect x="3" y="1" width="8" height="12" rx="1.5" stroke="currentColor" stroke-width="1.2"/><path d="M5.5 3h3M5.5 5h3M5.5 7h1.5" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>
+              移动端弹窗预览
+            </div>
+            <div class="preview-phone">
+              <div class="preview-phone__title" id="preview-title-cta">冠脉CTA体检须知</div>
+              <div class="preview-phone__content" id="preview-content-cta"></div>
+              <div class="preview-phone__btns">
+                <div class="preview-phone__btn preview-phone__btn--cancel">忽略</div>
+                <div class="preview-phone__btn preview-phone__btn--ok">知晓并继续</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </main>
 
 <!-- 历史版本弹窗 -->
@@ -380,11 +448,14 @@ function syncPreview(type) {
 // 初始化预览
 syncPreview('normal');
 syncPreview('gastro');
+syncPreview('cta');
+
+// 体检类型名称映射
+var TYPE_LABELS = { normal: '常规体检', gastro: '胃肠镜体检', cta: '冠脉CTA体检' };
 
 // 历史版本弹窗
 function openHistory(type) {
-  var label = type === 'normal' ? '常规体检' : '胃肠镜体检';
-  document.getElementById('history-modal-title').textContent = label + ' — 历史版本';
+  document.getElementById('history-modal-title').textContent = TYPE_LABELS[type] + ' — 历史版本';
   document.getElementById('history-modal').classList.add('open');
 }
 function closeHistory() {
@@ -393,7 +464,7 @@ function closeHistory() {
 
 // 发布（原型演示）
 function saveNotice(type) {
-  alert((type === 'normal' ? '常规体检' : '胃肠镜体检') + '须知已发布生效');
+  alert(TYPE_LABELS[type] + '须知已发布生效');
 }
 </script>
 </body>
diff --git a/web-admin/health-checkup/doc/CHANGELOG.md b/web-admin/health-checkup/doc/CHANGELOG.md
index 9113d3d..7f37f39 100644
--- a/web-admin/health-checkup/doc/CHANGELOG.md
+++ b/web-admin/health-checkup/doc/CHANGELOG.md
@@ -1,5 +1,15 @@
 # 健康体检模块 CHANGELOG
 
+## [Unreleased] 2026-09-08
+
+### Changed
+- `archive-unit.html`（档案/单位报表数据）：表头重做为单层不合并表头共 23 列，移除原"重点指标异常人数"BMI/血压/血脂四项/血糖/尿酸 8 个分项列、只保留重点指标异常人数聚合列；新增"体检年份"列（切筛选后行可自证所属年份）与三块口径——过程漏斗（已选项目人数/已预约人数/受检率）、疾病与专项（冠脉CTA异常人数——原大病人数口径替换、防癌筛查异常人数）、费用（计划总费用/实际总费用/人均费用（元）三列自带单位）；受检率/检出率/患病率三列表头附问号公式气泡，口径与 `post-unit-count.html` 一致；示例数据 4 行（含 2024 年回看行）各率与费用勾稽一致；二级单位/三级单位 TAB 接通切换——三级单位显示"部门"列（沿用 col-dept 交互）；表头 23 列无合并单元格，与数据行对齐已校验；除"总人数"外的人数列（应检/已选项目/已预约/已检/未检/重点指标异常/冠脉CTA异常/防癌筛查异常）数值标蓝可点击，点击弹窗查看该口径人员名单——弹窗标题"单位（年份）「列名」人员列表"，列：序号/姓名/员工编号/性别/年龄/部门/体检医院/体检日期+按指标附加列（应检→体检计划、已选项目→已选项目数、已预约→预约日期、已检→体检状态绿色标签、未检→未检原因、重点指标异常→异常指标含↑↓、冠脉CTA异常→CTA结论含CAD-RADS分级、防癌筛查异常→筛查异常项如 Septin9 阳性），名单确定性生成每页 10 条、底部左"共 N 人"右页码"当前/总页"与 ‹/› 翻页按钮，✕/遮罩/Esc 关闭；弹窗列表上方右对齐新增"导出人员列表"主按钮（带导出图标），点击真实下载 CSV（UTF-8 BOM、全量名单与单元格数字一致、文件名"单位_年份_列名_人员列表.csv"，体检状态标签去 HTML 取纯文本），行数据由渲染与导出共用的 personRowData 确定性生成函数保证两边一致；mock DOM 回归 5 组弹窗（1000/200/8/28/2300 人）标题/条数/分页/导出均通过，内联脚本语法校验通过；同日再移除"操作"列（含表头与 4 行"查看详情"链接），删列后 22 列与数据行对齐已校验，人数列点击穿透所用的单元格索引均在 18 以内不受影响；前三列（序号/单位/部门）冻结——做法对齐个人体检数据大表（th-frz/td-frz + frz0/1/2 固定宽 56/110/120px 与 left 偏移、表头 z-index 5、行悬停背景同步），部门列隐藏/显示切换不影响冻结偏移（display:none 不占位）
+- `exception-result.html`（异常结果）：列表移除"操作"列（含表头与 6 行"详情"链接），删列后 9 列表头与数据行对齐已校验；同日异常等级措辞简化——"危急值""异常值"统一去掉"值"字改为"危急""异常"（异常等级筛选下拉、6 行等级标签、页首异常数据定义文案同步），表头数据列"异常值"（指偏离数值本身）不受影响
+- 检前三个配置页（`pre-item-combo-template.html` 组合模板新增/编辑抽屉与详情弹窗、`pre-item-exception.html` 例外配置新增/编辑抽屉与详情弹窗、`pre-item-required.html` 项目组合详情抽屉与费用审核弹窗）：原"防癌筛查项目（Septin9）""防癌筛查项目（CA724）"两个 TAB 融合为单个"防癌筛查项目"TAB，Septin9 与 CA724 两类项目合并列于同一 TAB 表格中；费用口径同步合并——组合模板默认费用为单一字段（费用框显隐与详情"防癌筛查默认费用"按合并键取值），必检项目页"防癌筛查项目费用合计"改为两类项目求和（680.00+260.00）
+- 检前"医院体检项目费用"菜单更名为"医院体检项目"（`pre-item-hospital-fee.html` 文件名不变），21 个检前页面侧边栏、该页浏览器标题及首页站点地图同步更新；页面内文案（各医院项目费用卡片标题、"新增医院体检项目费用"抽屉）不受影响
+- `archive-personal.html`（个人体检数据）：大表列表最后新增"操作"列（右侧冻结，横向浏览时始终可见），每行"查看报告"链接点击后弹窗查看体检报告——弹窗版式参考 `post-report-employee.html`（常规体检报告页）查看报告弹窗（宽 960px，含体检结论/体检建议/物理检查/内科/外科/化学检查六节带样式结论块与分组结果表、异常值红色标注），标题显示"姓名 · 体检报告"，支持 ✕/关闭按钮/遮罩/Esc 关闭
+- `post-employee-master.html`（员工体检大表）与 `archive-personal.html`（个人体检数据）：筛选栏新增"异常员工"下拉筛选（全部/是/否，"是"指任一重点项目结果带异常标记），查询/重置按钮接通实际逻辑——查询按异常员工及姓名/员工编号/身份证号模糊匹配过滤大表行并重渲染（序号按过滤结果重排、底部条数同步更新），重置清空全部筛选条件并恢复完整列表，其余筛选控件（体检年份、单位部门）保持展示态
+
 ## [Unreleased] 2026-09-07
 
 ### Added
diff --git a/web-admin/health-checkup/exception-result.html b/web-admin/health-checkup/exception-result.html
index de052e1..02a4b7f 100644
--- a/web-admin/health-checkup/exception-result.html
+++ b/web-admin/health-checkup/exception-result.html
@@ -137,7 +137,7 @@
 
   <!-- 异常数据定义说明框 -->
   <div class="desc-box">
-    <strong>异常数据定义：</strong>体检结果中存在指标超出正常参考范围的情形，包括：危急值（指标严重偏离正常范围，需立即处理）、异常值（指标超出参考范围但未达危急程度）等。系统自动检测并记录，供管理员跟进处理。
+    <strong>异常数据定义：</strong>体检结果中存在指标超出正常参考范围的情形，包括：危急（指标严重偏离正常范围，需立即处理）、异常（指标超出参考范围但未达危急程度）等。系统自动检测并记录，供管理员跟进处理。
   </div>
 
   <!-- 筛选栏 -->
@@ -170,8 +170,8 @@
       <label>异常等级：</label>
       <select class="filter-select">
         <option>全部</option>
-        <option>危急值</option>
-        <option>异常值</option>
+        <option>危急</option>
+        <option>异常</option>
       </select>
     </div>
     <button class="btn btn-primary">查询</button>
@@ -200,16 +200,16 @@
     <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>
         </tr>
       </thead>
       <tbody>
-        <tr><td>1</td><td><span class="tag tag-red">危急值</span></td><td>张伟</td><td>CQ001234</td><td>采油一厂</td><td>空腹血糖</td><td>9.8 mmol/L</td><td>3.9~6.1 mmol/L</td><td>2026-05-01</td><td><span class="link">详情</span></td></tr>
-        <tr><td>2</td><td><span class="tag tag-red">危急值</span></td><td>李明</td><td>CQ002571</td><td>采油二厂</td><td>血压(收缩压)</td><td>185 mmHg</td><td>90~140 mmHg</td><td>2026-05-01</td><td><span class="link">详情</span></td></tr>
-        <tr><td>3</td><td><span class="tag tag-orange">异常值</span></td><td>刘洋</td><td>CQ004102</td><td>采油三厂</td><td>总胆固醇</td><td>7.2 mmol/L</td><td>2.8~5.7 mmol/L</td><td>2026-04-30</td><td><span class="link">详情</span></td></tr>
-        <tr><td>4</td><td><span class="tag tag-orange">异常值</span></td><td>陈磊</td><td>CQ006890</td><td>采油一厂</td><td>肌酐</td><td>186 umol/L</td><td>44~133 umol/L</td><td>2026-04-30</td><td><span class="link">详情</span></td></tr>
-        <tr><td>5</td><td><span class="tag tag-orange">异常值</span></td><td>周强</td><td>CQ008456</td><td>采油三厂</td><td>谷丙转氨酶</td><td>128 U/L</td><td>0~40 U/L</td><td>2026-04-29</td><td><span class="link">详情</span></td></tr>
-        <tr><td>6</td><td><span class="tag tag-red">危急值</span></td><td>孙丽</td><td>CQ007234</td><td>采油二厂</td><td>心电图</td><td>ST段压低</td><td>正常心电图</td><td>2026-04-28</td><td><span class="link">详情</span></td></tr>
+        <tr><td>1</td><td><span class="tag tag-red">危急</span></td><td>张伟</td><td>CQ001234</td><td>采油一厂</td><td>空腹血糖</td><td>9.8 mmol/L</td><td>3.9~6.1 mmol/L</td><td>2026-05-01</td></tr>
+        <tr><td>2</td><td><span class="tag tag-red">危急</span></td><td>李明</td><td>CQ002571</td><td>采油二厂</td><td>血压(收缩压)</td><td>185 mmHg</td><td>90~140 mmHg</td><td>2026-05-01</td></tr>
+        <tr><td>3</td><td><span class="tag tag-orange">异常</span></td><td>刘洋</td><td>CQ004102</td><td>采油三厂</td><td>总胆固醇</td><td>7.2 mmol/L</td><td>2.8~5.7 mmol/L</td><td>2026-04-30</td></tr>
+        <tr><td>4</td><td><span class="tag tag-orange">异常</span></td><td>陈磊</td><td>CQ006890</td><td>采油一厂</td><td>肌酐</td><td>186 umol/L</td><td>44~133 umol/L</td><td>2026-04-30</td></tr>
+        <tr><td>5</td><td><span class="tag tag-orange">异常</span></td><td>周强</td><td>CQ008456</td><td>采油三厂</td><td>谷丙转氨酶</td><td>128 U/L</td><td>0~40 U/L</td><td>2026-04-29</td></tr>
+        <tr><td>6</td><td><span class="tag tag-red">危急</span></td><td>孙丽</td><td>CQ007234</td><td>采油二厂</td><td>心电图</td><td>ST段压低</td><td>正常心电图</td><td>2026-04-28</td></tr>
       </tbody>
     </table>
     </div>
diff --git a/web-admin/health-checkup/post-employee-master.html b/web-admin/health-checkup/post-employee-master.html
index 507fc3c..152ca7c 100644
--- a/web-admin/health-checkup/post-employee-master.html
+++ b/web-admin/health-checkup/post-employee-master.html
@@ -205,18 +205,26 @@
     </div>
     <div class="filter-item">
       <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:130px;min-width:unset;">
+      <input class="filter-input" type="text" id="fName" placeholder="请输入" style="width:130px;min-width:unset;">
     </div>
     <div class="filter-item">
       <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:130px;min-width:unset;">
+      <input class="filter-input" type="text" id="fEmpNo" placeholder="请输入" style="width:130px;min-width:unset;">
     </div>
     <div class="filter-item">
       <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="width:160px;min-width:unset;">
+      <input class="filter-input" type="text" id="fIdCard" placeholder="请输入" style="width:160px;min-width:unset;">
     </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
+    <div class="filter-item">
+      <label>异常员工：</label>
+      <select class="filter-select" style="min-width:100px;" id="abnormalFilter">
+        <option value="">全部</option>
+        <option value="abnormal">是</option>
+        <option value="normal">否</option>
+      </select>
+    </div>
+    <button class="btn btn-primary" onclick="applyFilter()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
   </div>
 
   <!-- 操作栏 -->
@@ -369,11 +377,12 @@ function buildHead(){
 function buildBody(){
   var items=allItems();
   var baseKeys=['idx','name','empNo','gender','age','idCard','unit','dept','hospital','checkDate'];
-  var rows=MASTER_ROWS.map(function(r){
+  var rows=getDisplayRows().map(function(r,ri){
     var cells='';
     baseKeys.forEach(function(k,i){
       var cls='td-base'+(i<3?' col'+i:'');
-      cells+='<td class="'+cls+'">'+r[k]+'</td>';
+      var txt=k==='idx'?(ri+1):r[k];
+      cells+='<td class="'+cls+'">'+txt+'</td>';
     });
     items.forEach(function(col){
       var val=r.r[col.cat+'|'+col.name]||r.r[col.name];
@@ -384,9 +393,29 @@ function buildBody(){
   }).join('');
   return '<tbody>'+rows+'</tbody></table>';
 }
+/* 员工是否存在异常指标（任一项目结果带异常标记） */
+function hasAbnormal(r){
+  for(var k in r.r){if(r.r[k][1])return true;}
+  return false;
+}
+/* 按筛选条件取当前展示行：异常员工 + 姓名/员工编号/身份证号模糊匹配 */
+function getDisplayRows(){
+  var v=document.getElementById('abnormalFilter').value;
+  var name=document.getElementById('fName').value.trim();
+  var empNo=document.getElementById('fEmpNo').value.trim();
+  var idCard=document.getElementById('fIdCard').value.trim();
+  return MASTER_ROWS.filter(function(r){
+    if(v==='abnormal'&&!hasAbnormal(r))return false;
+    if(v==='normal'&&hasAbnormal(r))return false;
+    if(name&&r.name.indexOf(name)<0)return false;
+    if(empNo&&r.empNo.indexOf(empNo)<0)return false;
+    if(idCard&&r.idCard.indexOf(idCard)<0)return false;
+    return true;
+  });
+}
 function renderBigTable(){
   document.getElementById('bigTable').innerHTML=buildHead()+buildBody();
-  document.getElementById('pageTotal').textContent='共 '+MASTER_ROWS.length+' 条';
+  document.getElementById('pageTotal').textContent='共 '+getDisplayRows().length+' 条';
   var k=document.getElementById('keyCount');
   if(k)k.textContent='重点项目 '+allItems().length+' 列';
 }
@@ -404,6 +433,18 @@ function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
   var sub=active.closest('.sidebar-subgroup');
   while(sub){sub.classList.add('open');sub=sub.parentElement.closest('.sidebar-subgroup');}
 })();
+function applyFilter(){
+  renderBigTable();
+  showToast('查询完成');
+}
+function resetFilter(){
+  document.getElementById('abnormalFilter').value='';
+  document.getElementById('fName').value='';
+  document.getElementById('fEmpNo').value='';
+  document.getElementById('fIdCard').value='';
+  renderBigTable();
+  showToast('已重置筛选条件');
+}
 renderBigTable();
 </script>
 </body>
diff --git a/web-admin/health-checkup/pre-cta-hospital-scope.html b/web-admin/health-checkup/pre-cta-hospital-scope.html
index e7d4f4c..5af69ee 100644
--- a/web-admin/health-checkup/pre-cta-hospital-scope.html
+++ b/web-admin/health-checkup/pre-cta-hospital-scope.html
@@ -1,258 +1,258 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>健康体检 - 冠脉CTA医院承检范围 | 健康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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-orange{background:#FFF7E6;color:var(--warning);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  .switch-group{display:flex;align-items:center;gap:28px;}
-  /* 可搜索下拉（筛选栏） */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  /* 筛选栏搜索下拉 */
-  .filter-bar .search-select{width:200px;}
-  .filter-bar .search-select__input{height:36px;}
-  .filter-bar .search-select__dropdown{top:40px;}
-  /* 分区标题 */
-  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
-  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
-  /* 月视图日历 */
-  .cal-nav{display:flex;align-items:center;gap:8px;}
-  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
-  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
-  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
-  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
-  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
-  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
-  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
-  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
-  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
-  .cal-cell__input:focus{border-color:var(--primary);}
-  .cal-cell__input::placeholder{color:#C0C4CC;}
-  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
-  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
-  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
-  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
-  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
-  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
-  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-legend__box.edit{background:#fff;}
-  /* 详情展示 */
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
-  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
-  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
-  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
-  .detail-summary .detail-item{margin-bottom:0;}
-  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
-  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>健康体检 - 冠脉CTA医院承检范围 | 健康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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  .switch-group{display:flex;align-items:center;gap:28px;}
+  /* 可搜索下拉（筛选栏） */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  /* 筛选栏搜索下拉 */
+  .filter-bar .search-select{width:200px;}
+  .filter-bar .search-select__input{height:36px;}
+  .filter-bar .search-select__dropdown{top:40px;}
+  /* 分区标题 */
+  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
+  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
+  /* 月视图日历 */
+  .cal-nav{display:flex;align-items:center;gap:8px;}
+  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
+  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
+  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
+  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
+  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
+  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
+  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
+  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
+  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
+  .cal-cell__input:focus{border-color:var(--primary);}
+  .cal-cell__input::placeholder{color:#C0C4CC;}
+  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
+  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
+  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
+  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
+  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
+  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
+  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-legend__box.edit{background:#fff;}
+  /* 详情展示 */
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
+  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
+  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
+  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
+  .detail-summary .detail-item{margin-bottom:0;}
+  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
+  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -264,558 +264,558 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>承检医院</label>
-      <div class="search-select" id="filter-search-select">
-        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
-        <input type="hidden" id="filter-search-value">
-        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
-      </div>
-    </div>
-    <button class="btn btn-primary" onclick="queryTable()">查询</button>
-    <button class="btn btn-default" onclick="resetFilter()">重置</button>
-  </div>
-
-  <!-- 冠脉CTA体检 -->
-  <div class="tab-pane active" id="pane-cta">
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">冠脉CTA体检承检范围列表</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr data-daycounts='{"2026-05-10":"50"}' data-skip-holiday="1" data-skip-sat="1" data-skip-sun="1"><td>1</td><td>长安心血管医院</td><td>80</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-        <tr data-daycounts='{}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>庆阳医院</td><td>60</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 87 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-  </div>
-</main>
-
-<!-- 编辑医院承检范围中间弹窗 -->
-<div class="modal-overlay" id="scope-modal-overlay">
-  <div class="modal" id="scope-modal">
-    <div class="modal__header">
-      <div class="modal__title">编辑医院承检范围</div>
-      <button class="modal__close" onclick="closeModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 医院</div>
-        <input class="form-input" id="form-hospital" type="text" disabled>
-      </div>
-      <div class="form-grid">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
-          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
-        </div>
-        <div class="form-item">
-          <div class="form-label">有效标志</div>
-          <div class="switch-row" style="height:36px;">
-            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
-            <span class="switch-label" id="switch-valid-label">有效</span>
-          </div>
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
-          <input class="form-input" id="form-start" type="date">
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
-          <input class="form-input" id="form-end" type="date">
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label">休息日设置</div>
-        <div class="switch-group">
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过节假日</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周六</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周日</span>
-          </div>
-        </div>
-      </div>
-
-      <!-- 按月设定承检人数 -->
-      <div class="form-section">
-        <span>按月设定承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="cal-label"></span>
-          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
-      <div class="cal-grid" id="cal-weekdays"></div>
-      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 医院承检范围详情中间弹窗 -->
-<div class="modal-overlay" id="detail-overlay">
-  <div class="modal" id="detail-modal">
-    <div class="modal__header">
-      <div class="modal__title">医院承检范围详情</div>
-      <button class="modal__close" onclick="closeDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-summary">
-        <div class="detail-item">
-          <div class="detail-label">医院</div>
-          <div class="detail-value" id="detail-hospital"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">每日最大承检人数</div>
-          <div class="detail-value" id="detail-capacity"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检开始日期</div>
-          <div class="detail-value" id="detail-start"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检结束日期</div>
-          <div class="detail-value" id="detail-end"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">有效标志</div>
-          <div class="detail-value" id="detail-valid"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">休息日设置</div>
-          <div class="detail-value" id="detail-skips"></div>
-        </div>
-      </div>
-
-      <!-- 按月查看承检人数（只读） -->
-      <div class="form-section">
-        <span>按月查看承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="detail-cal-label"></span>
-          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
-      <div class="cal-grid" id="detail-cal-weekdays"></div>
-      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 数据 ===== */
-var hospitalData = {
-  'h1': '庆阳医院',
-  'h2': '兴隆园医院',
-  'h3': '泾河医院',
-  'h4': '西安市中心医院',
-  'h5': '陕西省人民医院',
-  'h6': '咸阳市中心医院',
-  'h7': '宝鸡市人民医院',
-  'h8': '长安心血管医院'
-};
-
-/* 2026 年法定节假日（休假日，原型内置） */
-var holidayData = {
-  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
-  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
-  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
-  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
-  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
-  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
-  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
-};
-
-/* 通用开关 */
-function toggleSwitch(el, labelId, onText, offText){
-  el.classList.toggle('on');
-  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
-}
-
-/* ===== 编辑医院承检范围中间弹窗 ===== */
-var editingTr = null;
-var calYear = 2026, calMonth = 1;      // calMonth: 1-12
-var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
-
-function pad2(n){ return n < 10 ? '0' + n : '' + n; }
-function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
-
-function readRowState(tr){
-  var counts = {};
-  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
-  return {
-    daycounts: counts,
-    skipHoliday: tr.dataset.skipHoliday === '1',
-    skipSat: tr.dataset.skipSat === '1',
-    skipSun: tr.dataset.skipSun === '1'
-  };
-}
-
-function openEdit(btn){
-  var tr = btn.closest('tr');
-  editingTr = tr;
-  var cells = tr.cells;
-
-  document.getElementById('form-hospital').value = cells[1].textContent.trim();
-  document.getElementById('form-capacity').value = cells[2].textContent.trim();
-  document.getElementById('form-start').value = cells[3].textContent.trim();
-  document.getElementById('form-end').value = cells[4].textContent.trim();
-
-  var valid = cells[5].textContent.trim() === '有效';
-  var sw = document.getElementById('switch-valid');
-  sw.classList.toggle('on', valid);
-  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
-
-  var state = readRowState(tr);
-  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
-  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
-  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
-
-  dayCounts = state.daycounts;
-  var start = document.getElementById('form-start').value;
-  if(start){
-    calYear = parseInt(start.slice(0,4), 10);
-    calMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderCalendar();
-
-  document.getElementById('scope-modal-overlay').classList.add('open');
-}
-
-function closeModal(){
-  document.getElementById('scope-modal-overlay').classList.remove('open');
-}
-
-function getSkipState(){
-  return {
-    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
-    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
-    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
-  };
-}
-
-/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
-function toggleSkipSwitch(el){
-  commitCalendarInputs();
-  el.classList.toggle('on');
-  renderCalendar();
-}
-
-/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
-function isRestDay(key, dow){
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(start && key < start) return true;
-  if(end && key > end) return true;
-  var s = getSkipState();
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
-function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
-
-function renderCalendar(){
-  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
-  var wk = document.getElementById('cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
-  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    var blank = document.createElement('div');
-    grid.appendChild(blank);
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(calYear, calMonth, d);
-    var dow = new Date(calYear, calMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDay(key, dow)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
-    }
-    grid.appendChild(cell);
-  }
-}
-
-/* 把当前页输入写回 dayCounts */
-function commitCalendarInputs(){
-  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
-    var v = inp.value.trim();
-    if(v) dayCounts[inp.dataset.key] = v;
-    else delete dayCounts[inp.dataset.key];
-  });
-}
-
-/* 承检起止日期变化时重渲染（置灰范围随之变化） */
-function bindDateReRender(){
-  ['form-start','form-end','form-capacity'].forEach(function(id){
-    document.getElementById(id).addEventListener('change', function(){
-      commitCalendarInputs();
-      renderCalendar();
-    });
-  });
-}
-bindDateReRender();
-
-/* 保存编辑 */
-function saveEdit(){
-  if(!editingTr){ return; }
-  var name = document.getElementById('form-hospital').value.trim();
-  if(!name){ alert('未找到医院信息'); return; }
-  var capacity = document.getElementById('form-capacity').value.trim();
-  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(!start){ alert('请选择承检开始日期'); return; }
-  if(!end){ alert('请选择承检结束日期'); return; }
-  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
-
-  commitCalendarInputs();
-  var s = getSkipState();
-  var valid = document.getElementById('switch-valid').classList.contains('on');
-  var cells = editingTr.cells;
-  cells[2].textContent = capacity;
-  cells[3].textContent = start;
-  cells[4].textContent = end;
-  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
-  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
-  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
-  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
-  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
-  closeModal();
-}
-
-/* 筛选栏可搜索下拉 */
-(function(){
-  var input = document.getElementById('filter-search-input');
-  var dropdown = document.getElementById('filter-search-dropdown');
-  var hidden = document.getElementById('filter-search-value');
-
-  function renderOptions(keyword){
-    dropdown.innerHTML = '';
-    var kw = keyword.trim().toLowerCase();
-    var has = false;
-    for(var key in hospitalData){
-      var name = hospitalData[key];
-      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
-        has = true;
-        var opt = document.createElement('div');
-        opt.className = 'search-select__option';
-        if(hidden.value === key) opt.classList.add('active');
-        opt.textContent = name;
-        opt.dataset.value = key;
-        opt.onclick = function(){
-          hidden.value = key;
-          input.value = name;
-          dropdown.classList.remove('show');
-        };
-        dropdown.appendChild(opt);
-      }
-    }
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配医院';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  input.addEventListener('input', function(){
-    hidden.value = '';
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  document.addEventListener('click', function(e){
-    if(!e.target.closest('#filter-search-select')){
-      dropdown.classList.remove('show');
-    }
-  });
-})();
-
-/* 筛选查询 */
-function queryTable(){
-  var value = document.getElementById('filter-search-value').value;
-  var activePane = document.querySelector('.tab-pane.active');
-  if(!activePane) return;
-  activePane.querySelectorAll('tbody tr').forEach(function(tr){
-    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
-    if(!value || (hospitalData[value] && name === hospitalData[value])){
-      tr.style.display = '';
-    } else {
-      tr.style.display = 'none';
-    }
-  });
-}
-
-/* 筛选重置 */
-function resetFilter(){
-  document.getElementById('filter-search-input').value = '';
-  document.getElementById('filter-search-value').value = '';
-  document.getElementById('filter-search-dropdown').innerHTML = '';
-  var activePane = document.querySelector('.tab-pane.active');
-  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
-}
-
-/* 详情（只读月历） */
-var detailState = null;                 // 当前查看行的承检配置快照
-var detailCalYear = 2026, detailCalMonth = 1;
-
-function isRestDayByState(key, dow, s){
-  if(s.start && key < s.start) return true;
-  if(s.end && key > s.end) return true;
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
-function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
-
-function renderDetailCalendar(){
-  if(!detailState) return;
-  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
-  var wk = document.getElementById('detail-cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('detail-cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
-  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    grid.appendChild(document.createElement('div'));
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(detailCalYear, detailCalMonth, d);
-    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDayByState(key, dow, detailState)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      var v = detailState.daycounts[key];
-      cell.innerHTML = dayLabel + (v != null && v !== ''
-        ? '<div class="cal-cell__count">' + v + ' 人</div>'
-        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
-    }
-    grid.appendChild(cell);
-  }
-}
-
-function openDetail(el){
-  var tr = el.closest('tr');
-  var cells = tr.cells;
-  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
-  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
-  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
-  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
-  var valid = cells[5].textContent.trim() === '有效';
-  document.getElementById('detail-valid').innerHTML = valid
-    ? '<span class="tag tag-green">有效</span>'
-    : '<span class="tag tag-red">无效</span>';
-
-  var state = readRowState(tr);
-  var skipTags = [];
-  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
-  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
-  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
-  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
-
-  detailState = {
-    daycounts: state.daycounts,
-    skipHoliday: state.skipHoliday,
-    skipSat: state.skipSat,
-    skipSun: state.skipSun,
-    capacity: cells[2].textContent.trim(),
-    start: cells[3].textContent.trim(),
-    end: cells[4].textContent.trim()
-  };
-  var start = detailState.start;
-  if(start){
-    detailCalYear = parseInt(start.slice(0,4), 10);
-    detailCalMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderDetailCalendar();
-
-  document.getElementById('detail-overlay').classList.add('open');
-}
-
-function closeDetail(){
-  document.getElementById('detail-overlay').classList.remove('open');
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>承检医院</label>
+      <div class="search-select" id="filter-search-select">
+        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
+        <input type="hidden" id="filter-search-value">
+        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
+      </div>
+    </div>
+    <button class="btn btn-primary" onclick="queryTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- 冠脉CTA体检 -->
+  <div class="tab-pane active" id="pane-cta">
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">冠脉CTA体检承检范围列表</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr data-daycounts='{"2026-05-10":"50"}' data-skip-holiday="1" data-skip-sat="1" data-skip-sun="1"><td>1</td><td>长安心血管医院</td><td>80</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+        <tr data-daycounts='{}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>庆阳医院</td><td>60</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 87 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+  </div>
+</main>
+
+<!-- 编辑医院承检范围中间弹窗 -->
+<div class="modal-overlay" id="scope-modal-overlay">
+  <div class="modal" id="scope-modal">
+    <div class="modal__header">
+      <div class="modal__title">编辑医院承检范围</div>
+      <button class="modal__close" onclick="closeModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 医院</div>
+        <input class="form-input" id="form-hospital" type="text" disabled>
+      </div>
+      <div class="form-grid">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
+          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
+        </div>
+        <div class="form-item">
+          <div class="form-label">有效标志</div>
+          <div class="switch-row" style="height:36px;">
+            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
+            <span class="switch-label" id="switch-valid-label">有效</span>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
+          <input class="form-input" id="form-start" type="date">
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
+          <input class="form-input" id="form-end" type="date">
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label">休息日设置</div>
+        <div class="switch-group">
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过节假日</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周六</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周日</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 按月设定承检人数 -->
+      <div class="form-section">
+        <span>按月设定承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="cal-label"></span>
+          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
+      <div class="cal-grid" id="cal-weekdays"></div>
+      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 医院承检范围详情中间弹窗 -->
+<div class="modal-overlay" id="detail-overlay">
+  <div class="modal" id="detail-modal">
+    <div class="modal__header">
+      <div class="modal__title">医院承检范围详情</div>
+      <button class="modal__close" onclick="closeDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-summary">
+        <div class="detail-item">
+          <div class="detail-label">医院</div>
+          <div class="detail-value" id="detail-hospital"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">每日最大承检人数</div>
+          <div class="detail-value" id="detail-capacity"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检开始日期</div>
+          <div class="detail-value" id="detail-start"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检结束日期</div>
+          <div class="detail-value" id="detail-end"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">有效标志</div>
+          <div class="detail-value" id="detail-valid"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">休息日设置</div>
+          <div class="detail-value" id="detail-skips"></div>
+        </div>
+      </div>
+
+      <!-- 按月查看承检人数（只读） -->
+      <div class="form-section">
+        <span>按月查看承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="detail-cal-label"></span>
+          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
+      <div class="cal-grid" id="detail-cal-weekdays"></div>
+      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 数据 ===== */
+var hospitalData = {
+  'h1': '庆阳医院',
+  'h2': '兴隆园医院',
+  'h3': '泾河医院',
+  'h4': '西安市中心医院',
+  'h5': '陕西省人民医院',
+  'h6': '咸阳市中心医院',
+  'h7': '宝鸡市人民医院',
+  'h8': '长安心血管医院'
+};
+
+/* 2026 年法定节假日（休假日，原型内置） */
+var holidayData = {
+  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
+  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
+  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
+  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
+  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
+  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
+  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
+};
+
+/* 通用开关 */
+function toggleSwitch(el, labelId, onText, offText){
+  el.classList.toggle('on');
+  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
+}
+
+/* ===== 编辑医院承检范围中间弹窗 ===== */
+var editingTr = null;
+var calYear = 2026, calMonth = 1;      // calMonth: 1-12
+var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
+
+function pad2(n){ return n < 10 ? '0' + n : '' + n; }
+function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
+
+function readRowState(tr){
+  var counts = {};
+  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
+  return {
+    daycounts: counts,
+    skipHoliday: tr.dataset.skipHoliday === '1',
+    skipSat: tr.dataset.skipSat === '1',
+    skipSun: tr.dataset.skipSun === '1'
+  };
+}
+
+function openEdit(btn){
+  var tr = btn.closest('tr');
+  editingTr = tr;
+  var cells = tr.cells;
+
+  document.getElementById('form-hospital').value = cells[1].textContent.trim();
+  document.getElementById('form-capacity').value = cells[2].textContent.trim();
+  document.getElementById('form-start').value = cells[3].textContent.trim();
+  document.getElementById('form-end').value = cells[4].textContent.trim();
+
+  var valid = cells[5].textContent.trim() === '有效';
+  var sw = document.getElementById('switch-valid');
+  sw.classList.toggle('on', valid);
+  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
+
+  var state = readRowState(tr);
+  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
+  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
+  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
+
+  dayCounts = state.daycounts;
+  var start = document.getElementById('form-start').value;
+  if(start){
+    calYear = parseInt(start.slice(0,4), 10);
+    calMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderCalendar();
+
+  document.getElementById('scope-modal-overlay').classList.add('open');
+}
+
+function closeModal(){
+  document.getElementById('scope-modal-overlay').classList.remove('open');
+}
+
+function getSkipState(){
+  return {
+    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
+    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
+    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
+  };
+}
+
+/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
+function toggleSkipSwitch(el){
+  commitCalendarInputs();
+  el.classList.toggle('on');
+  renderCalendar();
+}
+
+/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
+function isRestDay(key, dow){
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(start && key < start) return true;
+  if(end && key > end) return true;
+  var s = getSkipState();
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
+function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
+
+function renderCalendar(){
+  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
+  var wk = document.getElementById('cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
+  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    var blank = document.createElement('div');
+    grid.appendChild(blank);
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(calYear, calMonth, d);
+    var dow = new Date(calYear, calMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDay(key, dow)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
+    }
+    grid.appendChild(cell);
+  }
+}
+
+/* 把当前页输入写回 dayCounts */
+function commitCalendarInputs(){
+  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
+    var v = inp.value.trim();
+    if(v) dayCounts[inp.dataset.key] = v;
+    else delete dayCounts[inp.dataset.key];
+  });
+}
+
+/* 承检起止日期变化时重渲染（置灰范围随之变化） */
+function bindDateReRender(){
+  ['form-start','form-end','form-capacity'].forEach(function(id){
+    document.getElementById(id).addEventListener('change', function(){
+      commitCalendarInputs();
+      renderCalendar();
+    });
+  });
+}
+bindDateReRender();
+
+/* 保存编辑 */
+function saveEdit(){
+  if(!editingTr){ return; }
+  var name = document.getElementById('form-hospital').value.trim();
+  if(!name){ alert('未找到医院信息'); return; }
+  var capacity = document.getElementById('form-capacity').value.trim();
+  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(!start){ alert('请选择承检开始日期'); return; }
+  if(!end){ alert('请选择承检结束日期'); return; }
+  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
+
+  commitCalendarInputs();
+  var s = getSkipState();
+  var valid = document.getElementById('switch-valid').classList.contains('on');
+  var cells = editingTr.cells;
+  cells[2].textContent = capacity;
+  cells[3].textContent = start;
+  cells[4].textContent = end;
+  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
+  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
+  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
+  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
+  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
+  closeModal();
+}
+
+/* 筛选栏可搜索下拉 */
+(function(){
+  var input = document.getElementById('filter-search-input');
+  var dropdown = document.getElementById('filter-search-dropdown');
+  var hidden = document.getElementById('filter-search-value');
+
+  function renderOptions(keyword){
+    dropdown.innerHTML = '';
+    var kw = keyword.trim().toLowerCase();
+    var has = false;
+    for(var key in hospitalData){
+      var name = hospitalData[key];
+      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
+        has = true;
+        var opt = document.createElement('div');
+        opt.className = 'search-select__option';
+        if(hidden.value === key) opt.classList.add('active');
+        opt.textContent = name;
+        opt.dataset.value = key;
+        opt.onclick = function(){
+          hidden.value = key;
+          input.value = name;
+          dropdown.classList.remove('show');
+        };
+        dropdown.appendChild(opt);
+      }
+    }
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配医院';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  input.addEventListener('input', function(){
+    hidden.value = '';
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  document.addEventListener('click', function(e){
+    if(!e.target.closest('#filter-search-select')){
+      dropdown.classList.remove('show');
+    }
+  });
+})();
+
+/* 筛选查询 */
+function queryTable(){
+  var value = document.getElementById('filter-search-value').value;
+  var activePane = document.querySelector('.tab-pane.active');
+  if(!activePane) return;
+  activePane.querySelectorAll('tbody tr').forEach(function(tr){
+    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
+    if(!value || (hospitalData[value] && name === hospitalData[value])){
+      tr.style.display = '';
+    } else {
+      tr.style.display = 'none';
+    }
+  });
+}
+
+/* 筛选重置 */
+function resetFilter(){
+  document.getElementById('filter-search-input').value = '';
+  document.getElementById('filter-search-value').value = '';
+  document.getElementById('filter-search-dropdown').innerHTML = '';
+  var activePane = document.querySelector('.tab-pane.active');
+  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
+}
+
+/* 详情（只读月历） */
+var detailState = null;                 // 当前查看行的承检配置快照
+var detailCalYear = 2026, detailCalMonth = 1;
+
+function isRestDayByState(key, dow, s){
+  if(s.start && key < s.start) return true;
+  if(s.end && key > s.end) return true;
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
+function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
+
+function renderDetailCalendar(){
+  if(!detailState) return;
+  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
+  var wk = document.getElementById('detail-cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('detail-cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
+  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    grid.appendChild(document.createElement('div'));
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(detailCalYear, detailCalMonth, d);
+    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDayByState(key, dow, detailState)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      var v = detailState.daycounts[key];
+      cell.innerHTML = dayLabel + (v != null && v !== ''
+        ? '<div class="cal-cell__count">' + v + ' 人</div>'
+        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
+    }
+    grid.appendChild(cell);
+  }
+}
+
+function openDetail(el){
+  var tr = el.closest('tr');
+  var cells = tr.cells;
+  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
+  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
+  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
+  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
+  var valid = cells[5].textContent.trim() === '有效';
+  document.getElementById('detail-valid').innerHTML = valid
+    ? '<span class="tag tag-green">有效</span>'
+    : '<span class="tag tag-red">无效</span>';
+
+  var state = readRowState(tr);
+  var skipTags = [];
+  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
+  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
+  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
+  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
+
+  detailState = {
+    daycounts: state.daycounts,
+    skipHoliday: state.skipHoliday,
+    skipSat: state.skipSat,
+    skipSun: state.skipSun,
+    capacity: cells[2].textContent.trim(),
+    start: cells[3].textContent.trim(),
+    end: cells[4].textContent.trim()
+  };
+  var start = detailState.start;
+  if(start){
+    detailCalYear = parseInt(start.slice(0,4), 10);
+    detailCalMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderDetailCalendar();
+
+  document.getElementById('detail-overlay').classList.add('open');
+}
+
+function closeDetail(){
+  document.getElementById('detail-overlay').classList.remove('open');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-cta-plan-mgmt.html b/web-admin/health-checkup/pre-cta-plan-mgmt.html
index a7ccf44..dd90716 100644
--- a/web-admin/health-checkup/pre-cta-plan-mgmt.html
+++ b/web-admin/health-checkup/pre-cta-plan-mgmt.html
@@ -1,313 +1,313 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>健康体检 - 冠脉CTA单位体检计划管理 | 健康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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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 切换 */
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 弹窗表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .req{color:var(--danger);}
-  .form-input{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;transition:border-color .2s;}
-  .form-input:focus{border-color:var(--primary);}
-  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  .date-pair{display:flex;align-items:center;gap:8px;}
-  .date-pair .form-input{flex:1;}
-  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  /* 单选组 */
-  .radio-group{display:flex;gap:20px;padding-top:4px;}
-  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
-  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  /* 人员筛选条件面板 */
-  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
-  .person-panel.show{display:block;}
-  .person-panel__row{margin-bottom:12px;}
-  .person-panel__row:last-child{margin-bottom:0;}
-  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  /* 树形多选（指定机构） */
-  .tree-select{position:relative;width:100%;}
-  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .tree-select__trigger:hover{border-color:var(--primary);}
-  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
-  .tree-select__panel.show{display:block;}
-  .tree-node__children{display:none;}
-  .tree-node.expanded > .tree-node__children{display:block;}
-  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
-  .tree-node__row:hover{background:#F5F7FA;}
-  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
-  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
-  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
-  .tree-node__children .tree-select__cb{margin-left:20px;}
-  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
-  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
-  /* 多选下拉 */
-  .multi-select{position:relative;width:100%;}
-  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .multi-select__trigger:hover{border-color:var(--primary);}
-  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
-  .multi-select__panel.show{display:block;}
-  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
-  .multi-select__opt:hover{background:#F5F7FA;}
-  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
-  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
-  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  /* 员工选择触发器 */
-  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
-  .emp-trigger:hover{border-color:var(--primary);}
-  .emp-trigger__text{color:var(--text-placeholder);}
-  .emp-trigger__count{color:var(--primary);font-weight:500;}
-  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
-  /* 员工选择弹窗（二级） */
-  .modal-overlay--emp{z-index:1100;}
-  .modal--emp{width:860px;}
-  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
-  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
-  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
-  .emp-filter__input:focus{border-color:var(--primary);}
-  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
-  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
-  .emp-filter__btn:hover{background:#40a9ff;}
-  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
-  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
-  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
-  .emp-table thead{position:sticky;top:0;z-index:1;}
-  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
-  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
-  .emp-table tbody tr:hover{background:#F5F7FA;}
-  .emp-table tbody tr.checked{background:var(--primary-light);}
-  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
-  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
-  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-table__info strong{color:var(--primary);}
-  /* 详情展示 */
-  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  /* 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;}
-  /* 右侧抽屉 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>健康体检 - 冠脉CTA单位体检计划管理 | 健康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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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 切换 */
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 弹窗表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .req{color:var(--danger);}
+  .form-input{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;transition:border-color .2s;}
+  .form-input:focus{border-color:var(--primary);}
+  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  .date-pair{display:flex;align-items:center;gap:8px;}
+  .date-pair .form-input{flex:1;}
+  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  /* 单选组 */
+  .radio-group{display:flex;gap:20px;padding-top:4px;}
+  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
+  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  /* 人员筛选条件面板 */
+  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
+  .person-panel.show{display:block;}
+  .person-panel__row{margin-bottom:12px;}
+  .person-panel__row:last-child{margin-bottom:0;}
+  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  /* 树形多选（指定机构） */
+  .tree-select{position:relative;width:100%;}
+  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .tree-select__trigger:hover{border-color:var(--primary);}
+  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
+  .tree-select__panel.show{display:block;}
+  .tree-node__children{display:none;}
+  .tree-node.expanded > .tree-node__children{display:block;}
+  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
+  .tree-node__row:hover{background:#F5F7FA;}
+  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
+  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
+  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
+  .tree-node__children .tree-select__cb{margin-left:20px;}
+  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
+  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
+  /* 多选下拉 */
+  .multi-select{position:relative;width:100%;}
+  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .multi-select__trigger:hover{border-color:var(--primary);}
+  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
+  .multi-select__panel.show{display:block;}
+  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
+  .multi-select__opt:hover{background:#F5F7FA;}
+  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
+  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
+  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  /* 员工选择触发器 */
+  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
+  .emp-trigger:hover{border-color:var(--primary);}
+  .emp-trigger__text{color:var(--text-placeholder);}
+  .emp-trigger__count{color:var(--primary);font-weight:500;}
+  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
+  /* 员工选择弹窗（二级） */
+  .modal-overlay--emp{z-index:1100;}
+  .modal--emp{width:860px;}
+  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
+  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
+  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
+  .emp-filter__input:focus{border-color:var(--primary);}
+  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
+  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
+  .emp-filter__btn:hover{background:#40a9ff;}
+  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
+  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
+  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
+  .emp-table thead{position:sticky;top:0;z-index:1;}
+  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
+  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
+  .emp-table tbody tr:hover{background:#F5F7FA;}
+  .emp-table tbody tr.checked{background:var(--primary-light);}
+  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
+  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-table__info strong{color:var(--primary);}
+  /* 详情展示 */
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  /* 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;}
+  /* 右侧抽屉 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -319,967 +319,967 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 冠脉CTA体检 -->
-  <div class="tab-pane active" id="pane-cta">
-    <!-- 筛选栏 -->
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>体检年份：</label>
-        <select class="filter-select plan-year"></select>
-      </div>
-      <div class="filter-item">
-        <label>计划名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
-      </div>
-      <div class="filter-item">
-        <label>有效标志：</label>
-        <select class="filter-select">
-          <option>请选择</option><option>有效</option><option>无效</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>开展单位：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-        </select>
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-
-    <!-- 操作按钮 -->
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
-    </div>
-
-    <!-- 数据表格 -->
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">冠脉CTA体检计划列表</div>
-      </div>
-      <div class="table-card__content">
-      <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>
-          </tr>
-        </thead>
-        <tbody id="gastro-tbody">
-          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工冠脉CTA体检</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:05</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工冠脉CTA体检</td><td>庆阳医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:32</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工冠脉CTA体检</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-21 15:40</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 87 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-</main>
-
-<!-- [抽屉] 新增/编辑冠脉CTA体检计划 -->
-<div class="drawer-overlay" id="plan-modal-overlay"></div>
-<div class="drawer" id="plan-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="plan-modal-title">新增冠脉CTA体检计划</div>
-    <button class="drawer__close" onclick="closePlanModal()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-grid">
-      <div class="form-item">
-        <div class="form-label"><span class="req">*</span> 单位</div>
-        <select class="form-input" id="planUnit">
-          <option value="">请选择单位</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="req">*</span> 体检年份</div>
-        <select class="form-input plan-year"></select>
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 体检计划名称</div>
-        <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 承检医院</div>
-        <div class="multi-select" id="hospitalSelect">
-          <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
-          <div class="multi-select__panel" id="hospitalPanel"></div>
-        </div>
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
-        <div class="date-pair">
-          <input class="form-input" id="planDateFrom" type="date">
-          <span>至</span>
-          <input class="form-input" id="planDateTo" type="date">
-        </div>
-      </div>
-    </div>
-
-    <!-- 参加人员范围 -->
-    <div class="form-item">
-      <div class="form-label"><span class="req">*</span> 参加人员范围</div>
-      <div class="radio-group">
-        <label class="radio-item">
-          <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
-          全体人员
-        </label>
-        <label class="radio-item">
-          <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
-          指定人员
-        </label>
-      </div>
-      <div class="person-panel" id="personPanel">
-        <div class="person-panel__row">
-          <div class="person-panel__label">指定机构</div>
-          <div class="tree-select" id="orgSelect">
-            <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
-            <div class="tree-select__panel" id="orgPanel"></div>
-          </div>
-        </div>
-        <div class="person-panel__row">
-          <div class="person-panel__label">指定员工</div>
-          <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
-            <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
-            <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-          </div>
-        </div>
-        <div class="person-panel__row">
-          <div class="person-panel__label">已选员工</div>
-          <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
-          <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 是否开启预约 -->
-    <div class="form-item">
-      <div class="form-label">是否开启预约</div>
-      <div class="switch-row">
-        <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
-        <span class="switch-label" id="switchApptLabel">已开启</span>
-      </div>
-    </div>
-    <div class="form-item" id="apptRangeItem">
-      <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
-      <div class="date-pair">
-        <input class="form-input" id="apptDateFrom" type="date">
-        <span>至</span>
-        <input class="form-input" id="apptDateTo" type="date">
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closePlanModal()">取消</button>
-    <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
-  </div>
-</div>
-
-<!-- [弹窗] 冠脉CTA体检计划详情 -->
-<div class="modal-overlay" id="detail-modal-overlay">
-  <div class="modal" style="width:640px;">
-    <div class="modal__header">
-      <div class="modal__title">冠脉CTA体检计划详情</div>
-      <button class="modal__close" onclick="closePlanDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-grid">
-        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
-        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
-        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
-        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
-        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
-        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<!-- [二级弹窗] 选择员工 -->
-<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
-  <div class="modal modal--emp">
-    <div class="modal__header">
-      <div class="modal__title">选择员工</div>
-      <button class="modal__close" onclick="closeEmpModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="emp-filter">
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">机构</label>
-          <select class="emp-filter__input" id="empFilterOrg">
-            <option value="">全部机构</option>
-          </select>
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">姓名</label>
-          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">员工编号</label>
-          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
-        </div>
-      </div>
-      <table class="emp-table">
-        <thead>
-          <tr>
-            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
-            <th>单位</th>
-            <th>机构</th>
-            <th>姓名</th>
-            <th>员工编号</th>
-            <th>性别</th>
-            <th>年龄</th>
-          </tr>
-        </thead>
-        <tbody id="empTableBody"></tbody>
-      </table>
-      <div class="emp-table__footer">
-        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
-      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
-    </div>
-  </div>
-</div>
-
-<!-- toast -->
-<div class="toast" id="toast"></div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 体检年份默认当年 */
-(function(){
-  var year = new Date().getFullYear();
-  document.querySelectorAll('.plan-year').forEach(function(sel){
-    sel.innerHTML = '';
-    for(var y = year - 3; y <= year + 1; y++){
-      var opt = document.createElement('option');
-      opt.value = y;
-      opt.textContent = y + '年';
-      if(y === year) opt.selected = true;
-      sel.appendChild(opt);
-    }
-  });
-})();
-
-/* ===================== 新增/编辑冠脉CTA体检计划 ===================== */
-/* 模拟数据：可选承检医院 */
-var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
-/* 模拟数据：单位 -> 下属机构 */
-var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
-var UNIT_ORGS = {
-  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
-  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
-  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
-  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
-  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
-};
-/* 模拟员工数据 */
-var mockPlanEmployees = [
-  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
-  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
-  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
-  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
-  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
-  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
-  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
-  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
-  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
-  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
-  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
-  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
-  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
-  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
-  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
-];
-
-/* 单位下拉初始化 */
-(function(){
-  var sel = document.getElementById('planUnit');
-  UNITS.forEach(function(u){
-    var opt = document.createElement('option');
-    opt.value = u; opt.textContent = u;
-    sel.appendChild(opt);
-  });
-})();
-
-/* [交互] 打开抽屉并重置表单 */
-var editingPlanRid = null;
-function openPlanModal(){
-  editingPlanRid = null;
-  document.getElementById('plan-modal-title').textContent = '新增冠脉CTA体检计划';
-  document.getElementById('plan-save-btn').textContent = '确认新增';
-  resetPlanForm();
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-function closePlanModal(){
-  document.getElementById('plan-modal-overlay').classList.remove('open');
-  document.getElementById('plan-drawer').classList.remove('open');
-}
-
-/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
-function openPlanEdit(el){
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无该计划的编辑数据'); return; }
-  editingPlanRid = rid;
-  document.getElementById('plan-modal-title').textContent = '编辑冠脉CTA体检计划';
-  document.getElementById('plan-save-btn').textContent = '保存';
-  resetPlanForm();
-  document.getElementById('planUnit').value = d.unit;
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
-  document.getElementById('planNameInput').value = d.name;
-  /* 承检医院：由已存字符串还原多选 */
-  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  document.getElementById('planDateFrom').value = d.planFrom;
-  document.getElementById('planDateTo').value = d.planTo;
-  /* 参加人员范围 */
-  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
-  if(radio) radio.checked = true;
-  togglePersonPanel();
-  selectedInstitutions = (d.institutions || []).slice();
-  renderOrgTree();
-  updateOrgTrigger();
-  syncEmpFilterOrg();
-  selectedEmployees = [];
-  (d.employees || []).forEach(function(s){
-    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
-    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
-    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
-  });
-  renderSelectedPersons();
-  /* 预约开关与日期 */
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on', !!d.appt);
-  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
-  document.getElementById('apptDateFrom').value = d.apptFrom || '';
-  document.getElementById('apptDateTo').value = d.apptTo || '';
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-
-function resetPlanForm(){
-  document.getElementById('planUnit').value = '';
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
-  selectedExamHospitals = [];
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  document.getElementById('planNameInput').value = '';
-  document.getElementById('planDateFrom').value = '';
-  document.getElementById('planDateTo').value = '';
-  document.getElementById('apptDateFrom').value = '';
-  document.getElementById('apptDateTo').value = '';
-  document.querySelector('input[name="personType"][value="all"]').checked = true;
-  document.getElementById('personPanel').classList.remove('show');
-  /* 预约默认开启 */
-  document.getElementById('switchAppt').classList.add('on');
-  document.getElementById('switchApptLabel').textContent = '已开启';
-  document.getElementById('apptRangeItem').style.display = '';
-  /* 清空人员选择 */
-  selectedInstitutions = [];
-  selectedEmployees = [];
-  expandedUnits = {};
-  renderOrgTree();
-  updateOrgTrigger();
-  renderSelectedPersons();
-}
-
-/* ===== 承检医院多选 ===== */
-var selectedExamHospitals = [];
-
-function renderHospitalPanel(){
-  var html = '';
-  PLAN_HOSPITALS.forEach(function(h){
-    var checked = selectedExamHospitals.indexOf(h) > -1;
-    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
-  });
-  document.getElementById('hospitalPanel').innerHTML = html;
-}
-
-function toggleHospitalPanel(){
-  var panel = document.getElementById('hospitalPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function toggleHospitalOpt(el, val){
-  var cb = el.querySelector('.multi-select__cb');
-  if(cb.classList.contains('checked')){
-    el.classList.remove('checked'); cb.classList.remove('checked');
-    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  } else {
-    el.classList.add('checked'); cb.classList.add('checked');
-    selectedExamHospitals.push(val);
-  }
-  updateHospitalTrigger();
-}
-
-function updateHospitalTrigger(){
-  var trigger = document.getElementById('hospitalTrigger');
-  if(selectedExamHospitals.length === 0){
-    trigger.textContent = '请选择承检医院（可多选）';
-    trigger.className = 'multi-select__trigger placeholder';
-  } else {
-    trigger.className = 'multi-select__trigger';
-    var html = '';
-    selectedExamHospitals.forEach(function(h){
-      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
-    });
-    trigger.innerHTML = html;
-  }
-}
-
-function removeHospitalTag(e, val){
-  e.stopPropagation();
-  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  renderHospitalPanel();
-  updateHospitalTrigger();
-}
-
-/* ===== 参加人员范围 ===== */
-function togglePersonPanel(){
-  var val = document.querySelector('input[name="personType"]:checked').value;
-  var panel = document.getElementById('personPanel');
-  if(val === 'specific'){ panel.classList.add('show'); }
-  else{ panel.classList.remove('show'); }
-}
-
-/* ===== 指定机构：单位-部门两级树状多选 =====
- * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
- * 勾选二级（部门）= 仅选中该部门；两者可混选 */
-var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
-var expandedUnits = {};        /* 单位展开状态 */
-
-function instKey(u, o){ return u + '|' + o; }
-
-function empInSelectedInstitutions(e){
-  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
-}
-
-function empInOrgScope(e, scope){
-  if(scope.indexOf(e.org) > -1) return true;
-  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
-  return false;
-}
-
-function pruneSubOrgs(u){
-  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-}
-
-function toggleOrgPanel(){
-  var panel = document.getElementById('orgPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function toggleUnitExpand(e, u){
-  e.stopPropagation();
-  expandedUnits[u] = !expandedUnits[u];
-  renderOrgTree();
-}
-
-function toggleUnitCheck(e, u){
-  e.stopPropagation();
-  var i = selectedInstitutions.indexOf(u);
-  if(i > -1){
-    selectedInstitutions.splice(i, 1);
-  } else {
-    pruneSubOrgs(u);
-    selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function toggleLeafCheck(e, u, o){
-  e.stopPropagation();
-  var unitChecked = selectedInstitutions.indexOf(u) > -1;
-  var val = instKey(u, o);
-  var i = selectedInstitutions.indexOf(val);
-  if(unitChecked){
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
-    (UNIT_ORGS[u] || []).forEach(function(other){
-      if(other !== o) selectedInstitutions.push(instKey(u, other));
-    });
-  } else {
-    if(i > -1) selectedInstitutions.splice(i, 1);
-    else selectedInstitutions.push(val);
-  }
-  var orgs = UNIT_ORGS[u] || [];
-  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function renderOrgTree(){
-  var html = '';
-  UNITS.forEach(function(u){
-    var orgs = UNIT_ORGS[u] || [];
-    var unitChecked = selectedInstitutions.indexOf(u) > -1;
-    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
-    var partial = !unitChecked && orgs.some(leafChecked);
-    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
-    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
-    html += '<span class="tree-node__arrow">▶</span>';
-    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
-    html += '<span class="tree-node__name">' + esc(u) + '</span>';
-    html += '</div>';
-    html += '<div class="tree-node__children">';
-    orgs.forEach(function(o){
-      var checked = unitChecked || leafChecked(o);
-      html += '<div class="tree-node__row">';
-      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
-      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
-      html += '</div>';
-    });
-    html += '</div></div>';
-  });
-  document.getElementById('orgPanel').innerHTML = html;
-}
-
-function instValLabel(v){
-  var i = v.indexOf('|');
-  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
-}
-
-function updateOrgTrigger(){
-  var trigger = document.getElementById('orgTrigger');
-  if(selectedInstitutions.length === 0){
-    trigger.textContent = '请选择机构（可多选）';
-    trigger.className = 'tree-select__trigger placeholder';
-    return;
-  }
-  trigger.className = 'tree-select__trigger';
-  var html = '';
-  selectedInstitutions.forEach(function(v){
-    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
-  });
-  trigger.innerHTML = html;
-}
-
-function removeOrgTag(e, val){
-  e.stopPropagation();
-  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function filterEmployeesByInstitutions(){
-  if(selectedInstitutions.length > 0){
-    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
-    renderSelectedPersons();
-  }
-}
-
-/* ===== 员工选择弹窗 ===== */
-var selectedEmployees = [];
-var tempSelectedEmps = [];
-
-function openEmpModal(){
-  tempSelectedEmps = selectedEmployees.slice();
-  syncEmpFilterOrg();
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-  document.getElementById('emp-modal-overlay').classList.add('open');
-}
-
-function syncEmpFilterOrg(){
-  var sel = document.getElementById('empFilterOrg');
-  var opts;
-  if(selectedInstitutions.length > 0){
-    opts = selectedInstitutions.map(function(v){
-      return {val:v, label:instValLabel(v)};
-    });
-  } else {
-    opts = [];
-    UNITS.forEach(function(u){
-      opts.push({val:u, label:u + '（全部）'});
-      (UNIT_ORGS[u] || []).forEach(function(o){
-        opts.push({val:instKey(u, o), label:u + ' / ' + o});
-      });
-    });
-  }
-  var html = '<option value="">全部机构</option>';
-  opts.forEach(function(o){
-    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
-  });
-  sel.innerHTML = html;
-  sel.value = '';
-}
-
-function closeEmpModal(){
-  document.getElementById('emp-modal-overlay').classList.remove('open');
-}
-
-function renderEmpTable(){
-  var filterOrg = document.getElementById('empFilterOrg').value;
-  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
-  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
-  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
-  var filtered = mockPlanEmployees.filter(function(e){
-    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
-    if(filterName && e.name.indexOf(filterName) === -1) return false;
-    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
-    return true;
-  });
-  var tbody = document.getElementById('empTableBody');
-  if(filtered.length === 0){
-    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
-  } else {
-    var html = '';
-    filtered.forEach(function(e){
-      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
-      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
-      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
-      html += '<td>' + esc(e.org) + '</td>';
-      html += '<td>' + esc(e.dept) + '</td>';
-      html += '<td>' + esc(e.name) + '</td>';
-      html += '<td>' + esc(e.id) + '</td>';
-      html += '<td>' + esc(e.gender) + '</td>';
-      html += '<td>' + e.age + '</td>';
-      html += '</tr>';
-    });
-    tbody.innerHTML = html;
-  }
-  document.getElementById('empTotalCount').textContent = filtered.length;
-  updateEmpCheckedCount();
-  updateCheckAllState();
-}
-
-function resetEmpFilter(){
-  document.getElementById('empFilterOrg').value = '';
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-}
-
-function toggleEmpAll(el){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  checkboxes.forEach(function(cb){
-    cb.checked = el.checked;
-    var empId = cb.getAttribute('data-id');
-    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-    if(el.checked){
-      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-    } else {
-      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-    }
-  });
-  renderEmpTable();
-}
-
-function updateCheckAllState(){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  var checkAll = document.getElementById('empCheckAll');
-  if(checkboxes.length === 0){ checkAll.checked = false; return; }
-  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
-}
-
-function toggleEmpRow(el){
-  var empId = el.getAttribute('data-id');
-  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-  if(el.checked){
-    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-  } else {
-    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-  }
-  updateEmpCheckedCount();
-  updateCheckAllState();
-  el.closest('tr').className = el.checked ? 'checked' : '';
-}
-
-function updateEmpCheckedCount(){
-  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
-}
-
-function confirmEmpSelect(){
-  selectedEmployees = tempSelectedEmps.slice();
-  renderSelectedPersons();
-  closeEmpModal();
-}
-
-function renderSelectedPersons(){
-  var container = document.getElementById('selectedPersons');
-  var empty = document.getElementById('selectedPersonsEmpty');
-  var text = document.getElementById('empTriggerText');
-  if(selectedEmployees.length === 0){
-    container.innerHTML = '';
-    empty.style.display = '';
-    text.textContent = '点击选择员工';
-    text.className = 'emp-trigger__text';
-  } else {
-    empty.style.display = 'none';
-    var html = '';
-    selectedEmployees.forEach(function(e){
-      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
-      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
-    });
-    container.innerHTML = html;
-    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
-    text.className = 'emp-trigger__count';
-  }
-}
-
-function removeEmp(empId){
-  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
-  renderSelectedPersons();
-}
-
-/* ===== 是否开启预约 ===== */
-function toggleAppointment(){
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on');
-  var on = sw.classList.contains('on');
-  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
-}
-
-/* ===== 保存 ===== */
-function savePlan(){
-  var unit = document.getElementById('planUnit').value;
-  if(!unit){ showToast('请选择单位'); return; }
-  var year = document.querySelector('#plan-drawer .plan-year').value;
-  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
-  var examHospital = selectedExamHospitals.join('、');
-  var name = document.getElementById('planNameInput').value.trim();
-  if(!name){ showToast('请输入体检计划名称'); return; }
-  var dateFrom = document.getElementById('planDateFrom').value;
-  var dateTo = document.getElementById('planDateTo').value;
-  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
-  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
-  var personType = document.querySelector('input[name="personType"]:checked').value;
-  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
-    showToast('请至少选择指定机构或指定员工'); return;
-  }
-  var apptOn = document.getElementById('switchAppt').classList.contains('on');
-  var apptFrom = document.getElementById('apptDateFrom').value;
-  var apptTo = document.getElementById('apptDateTo').value;
-  if(apptOn){
-    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
-    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
-  }
-
-  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
-  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
-  var tbody = document.getElementById('gastro-tbody');
-  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
-
-  if(editingPlanRid){
-    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
-    var rid = editingPlanRid;
-    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
-    if(etr){
-      var old = planDetails[rid] || {};
-      etr.cells[1].textContent = unit;
-      etr.cells[2].textContent = year;
-      etr.cells[3].textContent = name;
-      etr.cells[4].textContent = examHospital;
-      etr.cells[6].innerHTML = dateFrom + '至' + dateTo;
-      etr.cells[7].innerHTML = apptCell;
-      planDetails[rid] = {
-        unit: unit, year: year, name: name,
-        examHospitals: examHospital,
-        planFrom: dateFrom, planTo: dateTo,
-        personType: personType,
-        institutions: selectedInstitutions.slice(),
-        employees: empSnapshot,
-        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-        creator: old.creator || '系统管理员', ctime: old.ctime || ''
-      };
-    }
-    closePlanModal();
-    showToast('保存成功');
-    return;
-  }
-
-  /* 新增：追加行 */
-  var now = new Date();
-  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
-  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
-  var tr = document.createElement('tr');
-  var rid = ++detailRid;
-  tr.setAttribute('data-rid', rid);
-  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td>' +
-    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
-  planDetails[rid] = {
-    unit: unit, year: year, name: name,
-    examHospitals: examHospital,
-    planFrom: dateFrom, planTo: dateTo,
-    personType: personType,
-    institutions: selectedInstitutions.slice(),
-    employees: empSnapshot,
-    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-    creator: '系统管理员', ctime: createTime
-  };
-  tbody.appendChild(tr);
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-  var countEl = document.querySelector('#pane-cta .pagination span');
-  var m = countEl.textContent.match(/\d+/);
-  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
-
-  closePlanModal();
-  showToast('新增成功');
-}
-
-/* 删除计划行 */
-function deletePlan(el){
-  if(!confirm('确认删除该体检计划？')) return;
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  if(rid && planDetails[rid]) delete planDetails[rid];
-  var tbody = tr.parentElement;
-  tr.remove();
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-}
-
-/* ===================== 计划详情弹窗 ===================== */
-var planDetails = {
-  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工冠脉CTA体检', examHospitals:'宝石花',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
-        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:05'},
-  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工冠脉CTA体检', examHospitals:'庆阳医院',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
-        institutions:[], employees:[],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:32'},
-  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工冠脉CTA体检', examHospitals:'兴隆园医院',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['采油二厂'],
-        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-21 15:40'}
-};
-var detailRid = 3;
-
-function openPlanDetail(el){
-  var rid = el.closest('tr').getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无详情数据'); return; }
-  document.getElementById('d-unit').textContent = d.unit;
-  document.getElementById('d-year').textContent = d.year;
-  document.getElementById('d-name').textContent = d.name;
-  document.getElementById('d-exam').textContent = d.examHospitals;
-  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
-  var orgsItem = document.getElementById('d-orgs-item');
-  var empsItem = document.getElementById('d-emps-item');
-  if(d.personType === 'all'){
-    document.getElementById('d-person').textContent = '全体人员';
-    orgsItem.style.display = 'none';
-    empsItem.style.display = 'none';
-  } else {
-    document.getElementById('d-person').textContent = '指定人员';
-    orgsItem.style.display = '';
-    empsItem.style.display = '';
-    document.getElementById('d-orgs').innerHTML = d.institutions.length
-      ? d.institutions.map(function(v){
-          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-    document.getElementById('d-emps').innerHTML = d.employees.length
-      ? d.employees.map(function(e){
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-  }
-  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
-  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
-  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
-  document.getElementById('d-creator').textContent = d.creator;
-  document.getElementById('d-ctime').textContent = d.ctime;
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-
-function closePlanDetail(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-
-/* 工具函数 */
-function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
-
-function showToast(msg){
-  var t = document.getElementById('toast');
-  t.textContent = msg; t.classList.add('show');
-  setTimeout(function(){ t.classList.remove('show'); }, 1500);
-}
-
-/* 点击外部关闭机构/医院下拉 */
-document.addEventListener('click', function(e){
-  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
-  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
-});
-
-/* 点击遮罩关闭弹窗 */
-document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanModal();
-});
-document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closeEmpModal();
-});
-document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanDetail();
-});
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 冠脉CTA体检 -->
+  <div class="tab-pane active" id="pane-cta">
+    <!-- 筛选栏 -->
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>体检年份：</label>
+        <select class="filter-select plan-year"></select>
+      </div>
+      <div class="filter-item">
+        <label>计划名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
+      </div>
+      <div class="filter-item">
+        <label>有效标志：</label>
+        <select class="filter-select">
+          <option>请选择</option><option>有效</option><option>无效</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>开展单位：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+        </select>
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
+    </div>
+
+    <!-- 数据表格 -->
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">冠脉CTA体检计划列表</div>
+      </div>
+      <div class="table-card__content">
+      <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>
+          </tr>
+        </thead>
+        <tbody id="gastro-tbody">
+          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工冠脉CTA体检</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:05</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工冠脉CTA体检</td><td>庆阳医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:32</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工冠脉CTA体检</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-21 15:40</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 87 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+</main>
+
+<!-- [抽屉] 新增/编辑冠脉CTA体检计划 -->
+<div class="drawer-overlay" id="plan-modal-overlay"></div>
+<div class="drawer" id="plan-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="plan-modal-title">新增冠脉CTA体检计划</div>
+    <button class="drawer__close" onclick="closePlanModal()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-grid">
+      <div class="form-item">
+        <div class="form-label"><span class="req">*</span> 单位</div>
+        <select class="form-input" id="planUnit">
+          <option value="">请选择单位</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="req">*</span> 体检年份</div>
+        <select class="form-input plan-year"></select>
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 体检计划名称</div>
+        <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 承检医院</div>
+        <div class="multi-select" id="hospitalSelect">
+          <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
+          <div class="multi-select__panel" id="hospitalPanel"></div>
+        </div>
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
+        <div class="date-pair">
+          <input class="form-input" id="planDateFrom" type="date">
+          <span>至</span>
+          <input class="form-input" id="planDateTo" type="date">
+        </div>
+      </div>
+    </div>
+
+    <!-- 参加人员范围 -->
+    <div class="form-item">
+      <div class="form-label"><span class="req">*</span> 参加人员范围</div>
+      <div class="radio-group">
+        <label class="radio-item">
+          <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
+          全体人员
+        </label>
+        <label class="radio-item">
+          <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
+          指定人员
+        </label>
+      </div>
+      <div class="person-panel" id="personPanel">
+        <div class="person-panel__row">
+          <div class="person-panel__label">指定机构</div>
+          <div class="tree-select" id="orgSelect">
+            <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
+            <div class="tree-select__panel" id="orgPanel"></div>
+          </div>
+        </div>
+        <div class="person-panel__row">
+          <div class="person-panel__label">指定员工</div>
+          <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
+            <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
+            <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          </div>
+        </div>
+        <div class="person-panel__row">
+          <div class="person-panel__label">已选员工</div>
+          <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
+          <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 是否开启预约 -->
+    <div class="form-item">
+      <div class="form-label">是否开启预约</div>
+      <div class="switch-row">
+        <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
+        <span class="switch-label" id="switchApptLabel">已开启</span>
+      </div>
+    </div>
+    <div class="form-item" id="apptRangeItem">
+      <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
+      <div class="date-pair">
+        <input class="form-input" id="apptDateFrom" type="date">
+        <span>至</span>
+        <input class="form-input" id="apptDateTo" type="date">
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-default" onclick="closePlanModal()">取消</button>
+    <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
+  </div>
+</div>
+
+<!-- [弹窗] 冠脉CTA体检计划详情 -->
+<div class="modal-overlay" id="detail-modal-overlay">
+  <div class="modal" style="width:640px;">
+    <div class="modal__header">
+      <div class="modal__title">冠脉CTA体检计划详情</div>
+      <button class="modal__close" onclick="closePlanDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
+        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
+        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
+        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
+        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
+        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- [二级弹窗] 选择员工 -->
+<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
+  <div class="modal modal--emp">
+    <div class="modal__header">
+      <div class="modal__title">选择员工</div>
+      <button class="modal__close" onclick="closeEmpModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="emp-filter">
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">机构</label>
+          <select class="emp-filter__input" id="empFilterOrg">
+            <option value="">全部机构</option>
+          </select>
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">姓名</label>
+          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">员工编号</label>
+          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
+        </div>
+      </div>
+      <table class="emp-table">
+        <thead>
+          <tr>
+            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
+            <th>单位</th>
+            <th>机构</th>
+            <th>姓名</th>
+            <th>员工编号</th>
+            <th>性别</th>
+            <th>年龄</th>
+          </tr>
+        </thead>
+        <tbody id="empTableBody"></tbody>
+      </table>
+      <div class="emp-table__footer">
+        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
+    </div>
+  </div>
+</div>
+
+<!-- toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 体检年份默认当年 */
+(function(){
+  var year = new Date().getFullYear();
+  document.querySelectorAll('.plan-year').forEach(function(sel){
+    sel.innerHTML = '';
+    for(var y = year - 3; y <= year + 1; y++){
+      var opt = document.createElement('option');
+      opt.value = y;
+      opt.textContent = y + '年';
+      if(y === year) opt.selected = true;
+      sel.appendChild(opt);
+    }
+  });
+})();
+
+/* ===================== 新增/编辑冠脉CTA体检计划 ===================== */
+/* 模拟数据：可选承检医院 */
+var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
+/* 模拟数据：单位 -> 下属机构 */
+var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
+var UNIT_ORGS = {
+  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
+  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
+  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
+  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
+  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
+};
+/* 模拟员工数据 */
+var mockPlanEmployees = [
+  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
+  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
+  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
+  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
+  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
+  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
+  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
+  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
+  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
+  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
+  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
+  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
+  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
+  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
+  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
+];
+
+/* 单位下拉初始化 */
+(function(){
+  var sel = document.getElementById('planUnit');
+  UNITS.forEach(function(u){
+    var opt = document.createElement('option');
+    opt.value = u; opt.textContent = u;
+    sel.appendChild(opt);
+  });
+})();
+
+/* [交互] 打开抽屉并重置表单 */
+var editingPlanRid = null;
+function openPlanModal(){
+  editingPlanRid = null;
+  document.getElementById('plan-modal-title').textContent = '新增冠脉CTA体检计划';
+  document.getElementById('plan-save-btn').textContent = '确认新增';
+  resetPlanForm();
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+function closePlanModal(){
+  document.getElementById('plan-modal-overlay').classList.remove('open');
+  document.getElementById('plan-drawer').classList.remove('open');
+}
+
+/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
+function openPlanEdit(el){
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无该计划的编辑数据'); return; }
+  editingPlanRid = rid;
+  document.getElementById('plan-modal-title').textContent = '编辑冠脉CTA体检计划';
+  document.getElementById('plan-save-btn').textContent = '保存';
+  resetPlanForm();
+  document.getElementById('planUnit').value = d.unit;
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
+  document.getElementById('planNameInput').value = d.name;
+  /* 承检医院：由已存字符串还原多选 */
+  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  document.getElementById('planDateFrom').value = d.planFrom;
+  document.getElementById('planDateTo').value = d.planTo;
+  /* 参加人员范围 */
+  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
+  if(radio) radio.checked = true;
+  togglePersonPanel();
+  selectedInstitutions = (d.institutions || []).slice();
+  renderOrgTree();
+  updateOrgTrigger();
+  syncEmpFilterOrg();
+  selectedEmployees = [];
+  (d.employees || []).forEach(function(s){
+    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
+    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
+    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
+  });
+  renderSelectedPersons();
+  /* 预约开关与日期 */
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on', !!d.appt);
+  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
+  document.getElementById('apptDateFrom').value = d.apptFrom || '';
+  document.getElementById('apptDateTo').value = d.apptTo || '';
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+
+function resetPlanForm(){
+  document.getElementById('planUnit').value = '';
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
+  selectedExamHospitals = [];
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  document.getElementById('planNameInput').value = '';
+  document.getElementById('planDateFrom').value = '';
+  document.getElementById('planDateTo').value = '';
+  document.getElementById('apptDateFrom').value = '';
+  document.getElementById('apptDateTo').value = '';
+  document.querySelector('input[name="personType"][value="all"]').checked = true;
+  document.getElementById('personPanel').classList.remove('show');
+  /* 预约默认开启 */
+  document.getElementById('switchAppt').classList.add('on');
+  document.getElementById('switchApptLabel').textContent = '已开启';
+  document.getElementById('apptRangeItem').style.display = '';
+  /* 清空人员选择 */
+  selectedInstitutions = [];
+  selectedEmployees = [];
+  expandedUnits = {};
+  renderOrgTree();
+  updateOrgTrigger();
+  renderSelectedPersons();
+}
+
+/* ===== 承检医院多选 ===== */
+var selectedExamHospitals = [];
+
+function renderHospitalPanel(){
+  var html = '';
+  PLAN_HOSPITALS.forEach(function(h){
+    var checked = selectedExamHospitals.indexOf(h) > -1;
+    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
+  });
+  document.getElementById('hospitalPanel').innerHTML = html;
+}
+
+function toggleHospitalPanel(){
+  var panel = document.getElementById('hospitalPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function toggleHospitalOpt(el, val){
+  var cb = el.querySelector('.multi-select__cb');
+  if(cb.classList.contains('checked')){
+    el.classList.remove('checked'); cb.classList.remove('checked');
+    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  } else {
+    el.classList.add('checked'); cb.classList.add('checked');
+    selectedExamHospitals.push(val);
+  }
+  updateHospitalTrigger();
+}
+
+function updateHospitalTrigger(){
+  var trigger = document.getElementById('hospitalTrigger');
+  if(selectedExamHospitals.length === 0){
+    trigger.textContent = '请选择承检医院（可多选）';
+    trigger.className = 'multi-select__trigger placeholder';
+  } else {
+    trigger.className = 'multi-select__trigger';
+    var html = '';
+    selectedExamHospitals.forEach(function(h){
+      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
+    });
+    trigger.innerHTML = html;
+  }
+}
+
+function removeHospitalTag(e, val){
+  e.stopPropagation();
+  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  renderHospitalPanel();
+  updateHospitalTrigger();
+}
+
+/* ===== 参加人员范围 ===== */
+function togglePersonPanel(){
+  var val = document.querySelector('input[name="personType"]:checked').value;
+  var panel = document.getElementById('personPanel');
+  if(val === 'specific'){ panel.classList.add('show'); }
+  else{ panel.classList.remove('show'); }
+}
+
+/* ===== 指定机构：单位-部门两级树状多选 =====
+ * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
+ * 勾选二级（部门）= 仅选中该部门；两者可混选 */
+var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
+var expandedUnits = {};        /* 单位展开状态 */
+
+function instKey(u, o){ return u + '|' + o; }
+
+function empInSelectedInstitutions(e){
+  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
+}
+
+function empInOrgScope(e, scope){
+  if(scope.indexOf(e.org) > -1) return true;
+  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
+  return false;
+}
+
+function pruneSubOrgs(u){
+  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+}
+
+function toggleOrgPanel(){
+  var panel = document.getElementById('orgPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function toggleUnitExpand(e, u){
+  e.stopPropagation();
+  expandedUnits[u] = !expandedUnits[u];
+  renderOrgTree();
+}
+
+function toggleUnitCheck(e, u){
+  e.stopPropagation();
+  var i = selectedInstitutions.indexOf(u);
+  if(i > -1){
+    selectedInstitutions.splice(i, 1);
+  } else {
+    pruneSubOrgs(u);
+    selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function toggleLeafCheck(e, u, o){
+  e.stopPropagation();
+  var unitChecked = selectedInstitutions.indexOf(u) > -1;
+  var val = instKey(u, o);
+  var i = selectedInstitutions.indexOf(val);
+  if(unitChecked){
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
+    (UNIT_ORGS[u] || []).forEach(function(other){
+      if(other !== o) selectedInstitutions.push(instKey(u, other));
+    });
+  } else {
+    if(i > -1) selectedInstitutions.splice(i, 1);
+    else selectedInstitutions.push(val);
+  }
+  var orgs = UNIT_ORGS[u] || [];
+  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function renderOrgTree(){
+  var html = '';
+  UNITS.forEach(function(u){
+    var orgs = UNIT_ORGS[u] || [];
+    var unitChecked = selectedInstitutions.indexOf(u) > -1;
+    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
+    var partial = !unitChecked && orgs.some(leafChecked);
+    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
+    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
+    html += '<span class="tree-node__arrow">▶</span>';
+    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
+    html += '<span class="tree-node__name">' + esc(u) + '</span>';
+    html += '</div>';
+    html += '<div class="tree-node__children">';
+    orgs.forEach(function(o){
+      var checked = unitChecked || leafChecked(o);
+      html += '<div class="tree-node__row">';
+      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
+      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
+      html += '</div>';
+    });
+    html += '</div></div>';
+  });
+  document.getElementById('orgPanel').innerHTML = html;
+}
+
+function instValLabel(v){
+  var i = v.indexOf('|');
+  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
+}
+
+function updateOrgTrigger(){
+  var trigger = document.getElementById('orgTrigger');
+  if(selectedInstitutions.length === 0){
+    trigger.textContent = '请选择机构（可多选）';
+    trigger.className = 'tree-select__trigger placeholder';
+    return;
+  }
+  trigger.className = 'tree-select__trigger';
+  var html = '';
+  selectedInstitutions.forEach(function(v){
+    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
+  });
+  trigger.innerHTML = html;
+}
+
+function removeOrgTag(e, val){
+  e.stopPropagation();
+  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function filterEmployeesByInstitutions(){
+  if(selectedInstitutions.length > 0){
+    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
+    renderSelectedPersons();
+  }
+}
+
+/* ===== 员工选择弹窗 ===== */
+var selectedEmployees = [];
+var tempSelectedEmps = [];
+
+function openEmpModal(){
+  tempSelectedEmps = selectedEmployees.slice();
+  syncEmpFilterOrg();
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+  document.getElementById('emp-modal-overlay').classList.add('open');
+}
+
+function syncEmpFilterOrg(){
+  var sel = document.getElementById('empFilterOrg');
+  var opts;
+  if(selectedInstitutions.length > 0){
+    opts = selectedInstitutions.map(function(v){
+      return {val:v, label:instValLabel(v)};
+    });
+  } else {
+    opts = [];
+    UNITS.forEach(function(u){
+      opts.push({val:u, label:u + '（全部）'});
+      (UNIT_ORGS[u] || []).forEach(function(o){
+        opts.push({val:instKey(u, o), label:u + ' / ' + o});
+      });
+    });
+  }
+  var html = '<option value="">全部机构</option>';
+  opts.forEach(function(o){
+    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
+  });
+  sel.innerHTML = html;
+  sel.value = '';
+}
+
+function closeEmpModal(){
+  document.getElementById('emp-modal-overlay').classList.remove('open');
+}
+
+function renderEmpTable(){
+  var filterOrg = document.getElementById('empFilterOrg').value;
+  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
+  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
+  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
+  var filtered = mockPlanEmployees.filter(function(e){
+    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
+    if(filterName && e.name.indexOf(filterName) === -1) return false;
+    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
+    return true;
+  });
+  var tbody = document.getElementById('empTableBody');
+  if(filtered.length === 0){
+    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
+  } else {
+    var html = '';
+    filtered.forEach(function(e){
+      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
+      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
+      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
+      html += '<td>' + esc(e.org) + '</td>';
+      html += '<td>' + esc(e.dept) + '</td>';
+      html += '<td>' + esc(e.name) + '</td>';
+      html += '<td>' + esc(e.id) + '</td>';
+      html += '<td>' + esc(e.gender) + '</td>';
+      html += '<td>' + e.age + '</td>';
+      html += '</tr>';
+    });
+    tbody.innerHTML = html;
+  }
+  document.getElementById('empTotalCount').textContent = filtered.length;
+  updateEmpCheckedCount();
+  updateCheckAllState();
+}
+
+function resetEmpFilter(){
+  document.getElementById('empFilterOrg').value = '';
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+}
+
+function toggleEmpAll(el){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  checkboxes.forEach(function(cb){
+    cb.checked = el.checked;
+    var empId = cb.getAttribute('data-id');
+    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+    if(el.checked){
+      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+    } else {
+      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+    }
+  });
+  renderEmpTable();
+}
+
+function updateCheckAllState(){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  var checkAll = document.getElementById('empCheckAll');
+  if(checkboxes.length === 0){ checkAll.checked = false; return; }
+  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
+}
+
+function toggleEmpRow(el){
+  var empId = el.getAttribute('data-id');
+  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+  if(el.checked){
+    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+  } else {
+    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+  }
+  updateEmpCheckedCount();
+  updateCheckAllState();
+  el.closest('tr').className = el.checked ? 'checked' : '';
+}
+
+function updateEmpCheckedCount(){
+  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
+}
+
+function confirmEmpSelect(){
+  selectedEmployees = tempSelectedEmps.slice();
+  renderSelectedPersons();
+  closeEmpModal();
+}
+
+function renderSelectedPersons(){
+  var container = document.getElementById('selectedPersons');
+  var empty = document.getElementById('selectedPersonsEmpty');
+  var text = document.getElementById('empTriggerText');
+  if(selectedEmployees.length === 0){
+    container.innerHTML = '';
+    empty.style.display = '';
+    text.textContent = '点击选择员工';
+    text.className = 'emp-trigger__text';
+  } else {
+    empty.style.display = 'none';
+    var html = '';
+    selectedEmployees.forEach(function(e){
+      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
+      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
+    });
+    container.innerHTML = html;
+    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
+    text.className = 'emp-trigger__count';
+  }
+}
+
+function removeEmp(empId){
+  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
+  renderSelectedPersons();
+}
+
+/* ===== 是否开启预约 ===== */
+function toggleAppointment(){
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on');
+  var on = sw.classList.contains('on');
+  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
+}
+
+/* ===== 保存 ===== */
+function savePlan(){
+  var unit = document.getElementById('planUnit').value;
+  if(!unit){ showToast('请选择单位'); return; }
+  var year = document.querySelector('#plan-drawer .plan-year').value;
+  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
+  var examHospital = selectedExamHospitals.join('、');
+  var name = document.getElementById('planNameInput').value.trim();
+  if(!name){ showToast('请输入体检计划名称'); return; }
+  var dateFrom = document.getElementById('planDateFrom').value;
+  var dateTo = document.getElementById('planDateTo').value;
+  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
+  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
+  var personType = document.querySelector('input[name="personType"]:checked').value;
+  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
+    showToast('请至少选择指定机构或指定员工'); return;
+  }
+  var apptOn = document.getElementById('switchAppt').classList.contains('on');
+  var apptFrom = document.getElementById('apptDateFrom').value;
+  var apptTo = document.getElementById('apptDateTo').value;
+  if(apptOn){
+    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
+    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
+  }
+
+  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
+  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
+  var tbody = document.getElementById('gastro-tbody');
+  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
+
+  if(editingPlanRid){
+    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
+    var rid = editingPlanRid;
+    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
+    if(etr){
+      var old = planDetails[rid] || {};
+      etr.cells[1].textContent = unit;
+      etr.cells[2].textContent = year;
+      etr.cells[3].textContent = name;
+      etr.cells[4].textContent = examHospital;
+      etr.cells[6].innerHTML = dateFrom + '至' + dateTo;
+      etr.cells[7].innerHTML = apptCell;
+      planDetails[rid] = {
+        unit: unit, year: year, name: name,
+        examHospitals: examHospital,
+        planFrom: dateFrom, planTo: dateTo,
+        personType: personType,
+        institutions: selectedInstitutions.slice(),
+        employees: empSnapshot,
+        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+        creator: old.creator || '系统管理员', ctime: old.ctime || ''
+      };
+    }
+    closePlanModal();
+    showToast('保存成功');
+    return;
+  }
+
+  /* 新增：追加行 */
+  var now = new Date();
+  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
+  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
+  var tr = document.createElement('tr');
+  var rid = ++detailRid;
+  tr.setAttribute('data-rid', rid);
+  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td>' +
+    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
+  planDetails[rid] = {
+    unit: unit, year: year, name: name,
+    examHospitals: examHospital,
+    planFrom: dateFrom, planTo: dateTo,
+    personType: personType,
+    institutions: selectedInstitutions.slice(),
+    employees: empSnapshot,
+    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+    creator: '系统管理员', ctime: createTime
+  };
+  tbody.appendChild(tr);
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+  var countEl = document.querySelector('#pane-cta .pagination span');
+  var m = countEl.textContent.match(/\d+/);
+  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
+
+  closePlanModal();
+  showToast('新增成功');
+}
+
+/* 删除计划行 */
+function deletePlan(el){
+  if(!confirm('确认删除该体检计划？')) return;
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  if(rid && planDetails[rid]) delete planDetails[rid];
+  var tbody = tr.parentElement;
+  tr.remove();
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+}
+
+/* ===================== 计划详情弹窗 ===================== */
+var planDetails = {
+  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工冠脉CTA体检', examHospitals:'宝石花',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
+        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:05'},
+  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工冠脉CTA体检', examHospitals:'庆阳医院',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
+        institutions:[], employees:[],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:32'},
+  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工冠脉CTA体检', examHospitals:'兴隆园医院',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['采油二厂'],
+        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-21 15:40'}
+};
+var detailRid = 3;
+
+function openPlanDetail(el){
+  var rid = el.closest('tr').getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无详情数据'); return; }
+  document.getElementById('d-unit').textContent = d.unit;
+  document.getElementById('d-year').textContent = d.year;
+  document.getElementById('d-name').textContent = d.name;
+  document.getElementById('d-exam').textContent = d.examHospitals;
+  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
+  var orgsItem = document.getElementById('d-orgs-item');
+  var empsItem = document.getElementById('d-emps-item');
+  if(d.personType === 'all'){
+    document.getElementById('d-person').textContent = '全体人员';
+    orgsItem.style.display = 'none';
+    empsItem.style.display = 'none';
+  } else {
+    document.getElementById('d-person').textContent = '指定人员';
+    orgsItem.style.display = '';
+    empsItem.style.display = '';
+    document.getElementById('d-orgs').innerHTML = d.institutions.length
+      ? d.institutions.map(function(v){
+          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+    document.getElementById('d-emps').innerHTML = d.employees.length
+      ? d.employees.map(function(e){
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+  }
+  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
+  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
+  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
+  document.getElementById('d-creator').textContent = d.creator;
+  document.getElementById('d-ctime').textContent = d.ctime;
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+
+function closePlanDetail(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+
+/* 工具函数 */
+function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+function showToast(msg){
+  var t = document.getElementById('toast');
+  t.textContent = msg; t.classList.add('show');
+  setTimeout(function(){ t.classList.remove('show'); }, 1500);
+}
+
+/* 点击外部关闭机构/医院下拉 */
+document.addEventListener('click', function(e){
+  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
+  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
+});
+
+/* 点击遮罩关闭弹窗 */
+document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanModal();
+});
+document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closeEmpModal();
+});
+document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanDetail();
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-gastro-employee.html b/web-admin/health-checkup/pre-gastro-employee.html
index 85e4255..bb146f5 100644
--- a/web-admin/health-checkup/pre-gastro-employee.html
+++ b/web-admin/health-checkup/pre-gastro-employee.html
@@ -1,187 +1,187 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-</style>
-</head>
-<body>
-
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item active">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+</style>
+</head>
+<body>
+
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item active">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -193,107 +193,107 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-
-<main class="main">
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select" style="min-width:110px;">
-        <option>2026</option>
-        <option>2025</option>
-        <option>2024</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>预选计划名称：</label>
-      <select class="filter-select" style="min-width:180px;">
-        <option>请选择</option>
-        <option>2026年度胃肠镜预选</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择</option>
-        <option>采油四厂</option>
-        <option>采油四厂-工程技术科</option>
-        <option>采油四厂-综合办</option>
-        <option>采油五厂-采油队</option>
-        <option>采油六厂-地质所</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>预选医院：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择</option>
-        <option>宁夏宝石花医院</option>
-        <option>CQ油田医院</option>
-        <option>长安胃肠镜医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:110px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:170px;">
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-  </div>
-
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">员工预选信息</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>姓名</th><th>员工编号</th><th>身份证号</th><th>单位</th><th>部门</th><th>预选计划</th><th>预选医院</th><th>提交时间</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>陈伟</td><td>30078912</td><td>610103197809220015</td><td>采油四厂</td><td>工程技术科</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td>2026-03-05 10:23</td></tr>
-        <tr><td>刘芳</td><td>30082345</td><td>610103197905120034</td><td>采油四厂</td><td>综合办</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td>2026-03-06 14:41</td></tr>
-        <tr><td>王强</td><td>30085678</td><td>610103197403080024</td><td>采油五厂</td><td>采油队</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td>2026-04-02 09:15</td></tr>
-        <tr><td>李娜</td><td>30088901</td><td>610103198511090026</td><td>采油五厂</td><td>财务科</td><td>2026年度胃肠镜预选</td><td>长安胃肠镜医院</td><td>2026-04-08 16:52</td></tr>
-        <tr><td>赵敏</td><td>30094567</td><td>610103196807260046</td><td>采油六厂</td><td>地质所</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td>2026-04-11 11:30</td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 5 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-
-<script>
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-</script>
-</body>
-</html>
+</aside>
+
+
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select" style="min-width:110px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>预选计划名称：</label>
+      <select class="filter-select" style="min-width:180px;">
+        <option>请选择</option>
+        <option>2026年度胃肠镜预选</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择</option>
+        <option>采油四厂</option>
+        <option>采油四厂-工程技术科</option>
+        <option>采油四厂-综合办</option>
+        <option>采油五厂-采油队</option>
+        <option>采油六厂-地质所</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>预选医院：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择</option>
+        <option>宁夏宝石花医院</option>
+        <option>CQ油田医院</option>
+        <option>长安胃肠镜医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:110px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:170px;">
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+  </div>
+
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">员工预选信息</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>姓名</th><th>员工编号</th><th>身份证号</th><th>单位</th><th>部门</th><th>预选计划</th><th>预选医院</th><th>提交时间</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>陈伟</td><td>30078912</td><td>610103197809220015</td><td>采油四厂</td><td>工程技术科</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td>2026-03-05 10:23</td></tr>
+        <tr><td>刘芳</td><td>30082345</td><td>610103197905120034</td><td>采油四厂</td><td>综合办</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td>2026-03-06 14:41</td></tr>
+        <tr><td>王强</td><td>30085678</td><td>610103197403080024</td><td>采油五厂</td><td>采油队</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td>2026-04-02 09:15</td></tr>
+        <tr><td>李娜</td><td>30088901</td><td>610103198511090026</td><td>采油五厂</td><td>财务科</td><td>2026年度胃肠镜预选</td><td>长安胃肠镜医院</td><td>2026-04-08 16:52</td></tr>
+        <tr><td>赵敏</td><td>30094567</td><td>610103196807260046</td><td>采油六厂</td><td>地质所</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td>2026-04-11 11:30</td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 5 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+
+<script>
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-gastro-hospital-scope.html b/web-admin/health-checkup/pre-gastro-hospital-scope.html
index 5fb0444..0f7903c 100644
--- a/web-admin/health-checkup/pre-gastro-hospital-scope.html
+++ b/web-admin/health-checkup/pre-gastro-hospital-scope.html
@@ -1,258 +1,258 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-orange{background:#FFF7E6;color:var(--warning);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  .switch-group{display:flex;align-items:center;gap:28px;}
-  /* 可搜索下拉（筛选栏） */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  /* 筛选栏搜索下拉 */
-  .filter-bar .search-select{width:200px;}
-  .filter-bar .search-select__input{height:36px;}
-  .filter-bar .search-select__dropdown{top:40px;}
-  /* 分区标题 */
-  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
-  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
-  /* 月视图日历 */
-  .cal-nav{display:flex;align-items:center;gap:8px;}
-  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
-  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
-  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
-  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
-  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
-  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
-  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
-  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
-  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
-  .cal-cell__input:focus{border-color:var(--primary);}
-  .cal-cell__input::placeholder{color:#C0C4CC;}
-  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
-  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
-  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
-  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
-  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
-  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
-  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-legend__box.edit{background:#fff;}
-  /* 详情展示 */
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
-  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
-  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
-  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
-  .detail-summary .detail-item{margin-bottom:0;}
-  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
-  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item active">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  .switch-group{display:flex;align-items:center;gap:28px;}
+  /* 可搜索下拉（筛选栏） */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  /* 筛选栏搜索下拉 */
+  .filter-bar .search-select{width:200px;}
+  .filter-bar .search-select__input{height:36px;}
+  .filter-bar .search-select__dropdown{top:40px;}
+  /* 分区标题 */
+  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
+  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
+  /* 月视图日历 */
+  .cal-nav{display:flex;align-items:center;gap:8px;}
+  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
+  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
+  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
+  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
+  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
+  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
+  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
+  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
+  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
+  .cal-cell__input:focus{border-color:var(--primary);}
+  .cal-cell__input::placeholder{color:#C0C4CC;}
+  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
+  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
+  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
+  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
+  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
+  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
+  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-legend__box.edit{background:#fff;}
+  /* 详情展示 */
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
+  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
+  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
+  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
+  .detail-summary .detail-item{margin-bottom:0;}
+  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
+  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item active">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -264,558 +264,558 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>承检医院</label>
-      <div class="search-select" id="filter-search-select">
-        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
-        <input type="hidden" id="filter-search-value">
-        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
-      </div>
-    </div>
-    <button class="btn btn-primary" onclick="queryTable()">查询</button>
-    <button class="btn btn-default" onclick="resetFilter()">重置</button>
-  </div>
-
-  <!-- 胃肠镜体检 -->
-  <div class="tab-pane active" id="pane-gastro">
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">胃肠镜体检承检范围列表</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr data-daycounts='{"2026-05-10":"50"}' data-skip-holiday="1" data-skip-sat="1" data-skip-sun="1"><td>1</td><td>长安胃肠镜医院</td><td>80</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-        <tr data-daycounts='{}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>庆阳医院</td><td>60</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 87 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-  </div>
-</main>
-
-<!-- 编辑医院承检范围中间弹窗 -->
-<div class="modal-overlay" id="scope-modal-overlay">
-  <div class="modal" id="scope-modal">
-    <div class="modal__header">
-      <div class="modal__title">编辑医院承检范围</div>
-      <button class="modal__close" onclick="closeModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 医院</div>
-        <input class="form-input" id="form-hospital" type="text" disabled>
-      </div>
-      <div class="form-grid">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
-          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
-        </div>
-        <div class="form-item">
-          <div class="form-label">有效标志</div>
-          <div class="switch-row" style="height:36px;">
-            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
-            <span class="switch-label" id="switch-valid-label">有效</span>
-          </div>
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
-          <input class="form-input" id="form-start" type="date">
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
-          <input class="form-input" id="form-end" type="date">
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label">休息日设置</div>
-        <div class="switch-group">
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过节假日</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周六</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周日</span>
-          </div>
-        </div>
-      </div>
-
-      <!-- 按月设定承检人数 -->
-      <div class="form-section">
-        <span>按月设定承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="cal-label"></span>
-          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
-      <div class="cal-grid" id="cal-weekdays"></div>
-      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 医院承检范围详情中间弹窗 -->
-<div class="modal-overlay" id="detail-overlay">
-  <div class="modal" id="detail-modal">
-    <div class="modal__header">
-      <div class="modal__title">医院承检范围详情</div>
-      <button class="modal__close" onclick="closeDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-summary">
-        <div class="detail-item">
-          <div class="detail-label">医院</div>
-          <div class="detail-value" id="detail-hospital"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">每日最大承检人数</div>
-          <div class="detail-value" id="detail-capacity"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检开始日期</div>
-          <div class="detail-value" id="detail-start"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检结束日期</div>
-          <div class="detail-value" id="detail-end"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">有效标志</div>
-          <div class="detail-value" id="detail-valid"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">休息日设置</div>
-          <div class="detail-value" id="detail-skips"></div>
-        </div>
-      </div>
-
-      <!-- 按月查看承检人数（只读） -->
-      <div class="form-section">
-        <span>按月查看承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="detail-cal-label"></span>
-          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
-      <div class="cal-grid" id="detail-cal-weekdays"></div>
-      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 数据 ===== */
-var hospitalData = {
-  'h1': '庆阳医院',
-  'h2': '兴隆园医院',
-  'h3': '泾河医院',
-  'h4': '西安市中心医院',
-  'h5': '陕西省人民医院',
-  'h6': '咸阳市中心医院',
-  'h7': '宝鸡市人民医院',
-  'h8': '长安胃肠镜医院'
-};
-
-/* 2026 年法定节假日（休假日，原型内置） */
-var holidayData = {
-  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
-  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
-  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
-  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
-  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
-  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
-  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
-};
-
-/* 通用开关 */
-function toggleSwitch(el, labelId, onText, offText){
-  el.classList.toggle('on');
-  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
-}
-
-/* ===== 编辑医院承检范围中间弹窗 ===== */
-var editingTr = null;
-var calYear = 2026, calMonth = 1;      // calMonth: 1-12
-var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
-
-function pad2(n){ return n < 10 ? '0' + n : '' + n; }
-function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
-
-function readRowState(tr){
-  var counts = {};
-  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
-  return {
-    daycounts: counts,
-    skipHoliday: tr.dataset.skipHoliday === '1',
-    skipSat: tr.dataset.skipSat === '1',
-    skipSun: tr.dataset.skipSun === '1'
-  };
-}
-
-function openEdit(btn){
-  var tr = btn.closest('tr');
-  editingTr = tr;
-  var cells = tr.cells;
-
-  document.getElementById('form-hospital').value = cells[1].textContent.trim();
-  document.getElementById('form-capacity').value = cells[2].textContent.trim();
-  document.getElementById('form-start').value = cells[3].textContent.trim();
-  document.getElementById('form-end').value = cells[4].textContent.trim();
-
-  var valid = cells[5].textContent.trim() === '有效';
-  var sw = document.getElementById('switch-valid');
-  sw.classList.toggle('on', valid);
-  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
-
-  var state = readRowState(tr);
-  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
-  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
-  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
-
-  dayCounts = state.daycounts;
-  var start = document.getElementById('form-start').value;
-  if(start){
-    calYear = parseInt(start.slice(0,4), 10);
-    calMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderCalendar();
-
-  document.getElementById('scope-modal-overlay').classList.add('open');
-}
-
-function closeModal(){
-  document.getElementById('scope-modal-overlay').classList.remove('open');
-}
-
-function getSkipState(){
-  return {
-    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
-    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
-    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
-  };
-}
-
-/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
-function toggleSkipSwitch(el){
-  commitCalendarInputs();
-  el.classList.toggle('on');
-  renderCalendar();
-}
-
-/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
-function isRestDay(key, dow){
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(start && key < start) return true;
-  if(end && key > end) return true;
-  var s = getSkipState();
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
-function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
-
-function renderCalendar(){
-  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
-  var wk = document.getElementById('cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
-  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    var blank = document.createElement('div');
-    grid.appendChild(blank);
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(calYear, calMonth, d);
-    var dow = new Date(calYear, calMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDay(key, dow)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
-    }
-    grid.appendChild(cell);
-  }
-}
-
-/* 把当前页输入写回 dayCounts */
-function commitCalendarInputs(){
-  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
-    var v = inp.value.trim();
-    if(v) dayCounts[inp.dataset.key] = v;
-    else delete dayCounts[inp.dataset.key];
-  });
-}
-
-/* 承检起止日期变化时重渲染（置灰范围随之变化） */
-function bindDateReRender(){
-  ['form-start','form-end','form-capacity'].forEach(function(id){
-    document.getElementById(id).addEventListener('change', function(){
-      commitCalendarInputs();
-      renderCalendar();
-    });
-  });
-}
-bindDateReRender();
-
-/* 保存编辑 */
-function saveEdit(){
-  if(!editingTr){ return; }
-  var name = document.getElementById('form-hospital').value.trim();
-  if(!name){ alert('未找到医院信息'); return; }
-  var capacity = document.getElementById('form-capacity').value.trim();
-  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(!start){ alert('请选择承检开始日期'); return; }
-  if(!end){ alert('请选择承检结束日期'); return; }
-  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
-
-  commitCalendarInputs();
-  var s = getSkipState();
-  var valid = document.getElementById('switch-valid').classList.contains('on');
-  var cells = editingTr.cells;
-  cells[2].textContent = capacity;
-  cells[3].textContent = start;
-  cells[4].textContent = end;
-  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
-  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
-  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
-  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
-  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
-  closeModal();
-}
-
-/* 筛选栏可搜索下拉 */
-(function(){
-  var input = document.getElementById('filter-search-input');
-  var dropdown = document.getElementById('filter-search-dropdown');
-  var hidden = document.getElementById('filter-search-value');
-
-  function renderOptions(keyword){
-    dropdown.innerHTML = '';
-    var kw = keyword.trim().toLowerCase();
-    var has = false;
-    for(var key in hospitalData){
-      var name = hospitalData[key];
-      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
-        has = true;
-        var opt = document.createElement('div');
-        opt.className = 'search-select__option';
-        if(hidden.value === key) opt.classList.add('active');
-        opt.textContent = name;
-        opt.dataset.value = key;
-        opt.onclick = function(){
-          hidden.value = key;
-          input.value = name;
-          dropdown.classList.remove('show');
-        };
-        dropdown.appendChild(opt);
-      }
-    }
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配医院';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  input.addEventListener('input', function(){
-    hidden.value = '';
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  document.addEventListener('click', function(e){
-    if(!e.target.closest('#filter-search-select')){
-      dropdown.classList.remove('show');
-    }
-  });
-})();
-
-/* 筛选查询 */
-function queryTable(){
-  var value = document.getElementById('filter-search-value').value;
-  var activePane = document.querySelector('.tab-pane.active');
-  if(!activePane) return;
-  activePane.querySelectorAll('tbody tr').forEach(function(tr){
-    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
-    if(!value || (hospitalData[value] && name === hospitalData[value])){
-      tr.style.display = '';
-    } else {
-      tr.style.display = 'none';
-    }
-  });
-}
-
-/* 筛选重置 */
-function resetFilter(){
-  document.getElementById('filter-search-input').value = '';
-  document.getElementById('filter-search-value').value = '';
-  document.getElementById('filter-search-dropdown').innerHTML = '';
-  var activePane = document.querySelector('.tab-pane.active');
-  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
-}
-
-/* 详情（只读月历） */
-var detailState = null;                 // 当前查看行的承检配置快照
-var detailCalYear = 2026, detailCalMonth = 1;
-
-function isRestDayByState(key, dow, s){
-  if(s.start && key < s.start) return true;
-  if(s.end && key > s.end) return true;
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
-function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
-
-function renderDetailCalendar(){
-  if(!detailState) return;
-  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
-  var wk = document.getElementById('detail-cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('detail-cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
-  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    grid.appendChild(document.createElement('div'));
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(detailCalYear, detailCalMonth, d);
-    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDayByState(key, dow, detailState)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      var v = detailState.daycounts[key];
-      cell.innerHTML = dayLabel + (v != null && v !== ''
-        ? '<div class="cal-cell__count">' + v + ' 人</div>'
-        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
-    }
-    grid.appendChild(cell);
-  }
-}
-
-function openDetail(el){
-  var tr = el.closest('tr');
-  var cells = tr.cells;
-  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
-  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
-  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
-  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
-  var valid = cells[5].textContent.trim() === '有效';
-  document.getElementById('detail-valid').innerHTML = valid
-    ? '<span class="tag tag-green">有效</span>'
-    : '<span class="tag tag-red">无效</span>';
-
-  var state = readRowState(tr);
-  var skipTags = [];
-  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
-  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
-  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
-  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
-
-  detailState = {
-    daycounts: state.daycounts,
-    skipHoliday: state.skipHoliday,
-    skipSat: state.skipSat,
-    skipSun: state.skipSun,
-    capacity: cells[2].textContent.trim(),
-    start: cells[3].textContent.trim(),
-    end: cells[4].textContent.trim()
-  };
-  var start = detailState.start;
-  if(start){
-    detailCalYear = parseInt(start.slice(0,4), 10);
-    detailCalMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderDetailCalendar();
-
-  document.getElementById('detail-overlay').classList.add('open');
-}
-
-function closeDetail(){
-  document.getElementById('detail-overlay').classList.remove('open');
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>承检医院</label>
+      <div class="search-select" id="filter-search-select">
+        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
+        <input type="hidden" id="filter-search-value">
+        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
+      </div>
+    </div>
+    <button class="btn btn-primary" onclick="queryTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- 胃肠镜体检 -->
+  <div class="tab-pane active" id="pane-gastro">
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">胃肠镜体检承检范围列表</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr data-daycounts='{"2026-05-10":"50"}' data-skip-holiday="1" data-skip-sat="1" data-skip-sun="1"><td>1</td><td>长安胃肠镜医院</td><td>80</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+        <tr data-daycounts='{}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>庆阳医院</td><td>60</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 87 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+  </div>
+</main>
+
+<!-- 编辑医院承检范围中间弹窗 -->
+<div class="modal-overlay" id="scope-modal-overlay">
+  <div class="modal" id="scope-modal">
+    <div class="modal__header">
+      <div class="modal__title">编辑医院承检范围</div>
+      <button class="modal__close" onclick="closeModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 医院</div>
+        <input class="form-input" id="form-hospital" type="text" disabled>
+      </div>
+      <div class="form-grid">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
+          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
+        </div>
+        <div class="form-item">
+          <div class="form-label">有效标志</div>
+          <div class="switch-row" style="height:36px;">
+            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
+            <span class="switch-label" id="switch-valid-label">有效</span>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
+          <input class="form-input" id="form-start" type="date">
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
+          <input class="form-input" id="form-end" type="date">
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label">休息日设置</div>
+        <div class="switch-group">
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过节假日</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周六</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周日</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 按月设定承检人数 -->
+      <div class="form-section">
+        <span>按月设定承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="cal-label"></span>
+          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
+      <div class="cal-grid" id="cal-weekdays"></div>
+      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 医院承检范围详情中间弹窗 -->
+<div class="modal-overlay" id="detail-overlay">
+  <div class="modal" id="detail-modal">
+    <div class="modal__header">
+      <div class="modal__title">医院承检范围详情</div>
+      <button class="modal__close" onclick="closeDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-summary">
+        <div class="detail-item">
+          <div class="detail-label">医院</div>
+          <div class="detail-value" id="detail-hospital"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">每日最大承检人数</div>
+          <div class="detail-value" id="detail-capacity"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检开始日期</div>
+          <div class="detail-value" id="detail-start"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检结束日期</div>
+          <div class="detail-value" id="detail-end"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">有效标志</div>
+          <div class="detail-value" id="detail-valid"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">休息日设置</div>
+          <div class="detail-value" id="detail-skips"></div>
+        </div>
+      </div>
+
+      <!-- 按月查看承检人数（只读） -->
+      <div class="form-section">
+        <span>按月查看承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="detail-cal-label"></span>
+          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
+      <div class="cal-grid" id="detail-cal-weekdays"></div>
+      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 数据 ===== */
+var hospitalData = {
+  'h1': '庆阳医院',
+  'h2': '兴隆园医院',
+  'h3': '泾河医院',
+  'h4': '西安市中心医院',
+  'h5': '陕西省人民医院',
+  'h6': '咸阳市中心医院',
+  'h7': '宝鸡市人民医院',
+  'h8': '长安胃肠镜医院'
+};
+
+/* 2026 年法定节假日（休假日，原型内置） */
+var holidayData = {
+  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
+  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
+  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
+  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
+  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
+  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
+  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
+};
+
+/* 通用开关 */
+function toggleSwitch(el, labelId, onText, offText){
+  el.classList.toggle('on');
+  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
+}
+
+/* ===== 编辑医院承检范围中间弹窗 ===== */
+var editingTr = null;
+var calYear = 2026, calMonth = 1;      // calMonth: 1-12
+var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
+
+function pad2(n){ return n < 10 ? '0' + n : '' + n; }
+function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
+
+function readRowState(tr){
+  var counts = {};
+  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
+  return {
+    daycounts: counts,
+    skipHoliday: tr.dataset.skipHoliday === '1',
+    skipSat: tr.dataset.skipSat === '1',
+    skipSun: tr.dataset.skipSun === '1'
+  };
+}
+
+function openEdit(btn){
+  var tr = btn.closest('tr');
+  editingTr = tr;
+  var cells = tr.cells;
+
+  document.getElementById('form-hospital').value = cells[1].textContent.trim();
+  document.getElementById('form-capacity').value = cells[2].textContent.trim();
+  document.getElementById('form-start').value = cells[3].textContent.trim();
+  document.getElementById('form-end').value = cells[4].textContent.trim();
+
+  var valid = cells[5].textContent.trim() === '有效';
+  var sw = document.getElementById('switch-valid');
+  sw.classList.toggle('on', valid);
+  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
+
+  var state = readRowState(tr);
+  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
+  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
+  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
+
+  dayCounts = state.daycounts;
+  var start = document.getElementById('form-start').value;
+  if(start){
+    calYear = parseInt(start.slice(0,4), 10);
+    calMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderCalendar();
+
+  document.getElementById('scope-modal-overlay').classList.add('open');
+}
+
+function closeModal(){
+  document.getElementById('scope-modal-overlay').classList.remove('open');
+}
+
+function getSkipState(){
+  return {
+    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
+    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
+    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
+  };
+}
+
+/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
+function toggleSkipSwitch(el){
+  commitCalendarInputs();
+  el.classList.toggle('on');
+  renderCalendar();
+}
+
+/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
+function isRestDay(key, dow){
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(start && key < start) return true;
+  if(end && key > end) return true;
+  var s = getSkipState();
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
+function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
+
+function renderCalendar(){
+  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
+  var wk = document.getElementById('cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
+  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    var blank = document.createElement('div');
+    grid.appendChild(blank);
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(calYear, calMonth, d);
+    var dow = new Date(calYear, calMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDay(key, dow)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
+    }
+    grid.appendChild(cell);
+  }
+}
+
+/* 把当前页输入写回 dayCounts */
+function commitCalendarInputs(){
+  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
+    var v = inp.value.trim();
+    if(v) dayCounts[inp.dataset.key] = v;
+    else delete dayCounts[inp.dataset.key];
+  });
+}
+
+/* 承检起止日期变化时重渲染（置灰范围随之变化） */
+function bindDateReRender(){
+  ['form-start','form-end','form-capacity'].forEach(function(id){
+    document.getElementById(id).addEventListener('change', function(){
+      commitCalendarInputs();
+      renderCalendar();
+    });
+  });
+}
+bindDateReRender();
+
+/* 保存编辑 */
+function saveEdit(){
+  if(!editingTr){ return; }
+  var name = document.getElementById('form-hospital').value.trim();
+  if(!name){ alert('未找到医院信息'); return; }
+  var capacity = document.getElementById('form-capacity').value.trim();
+  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(!start){ alert('请选择承检开始日期'); return; }
+  if(!end){ alert('请选择承检结束日期'); return; }
+  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
+
+  commitCalendarInputs();
+  var s = getSkipState();
+  var valid = document.getElementById('switch-valid').classList.contains('on');
+  var cells = editingTr.cells;
+  cells[2].textContent = capacity;
+  cells[3].textContent = start;
+  cells[4].textContent = end;
+  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
+  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
+  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
+  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
+  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
+  closeModal();
+}
+
+/* 筛选栏可搜索下拉 */
+(function(){
+  var input = document.getElementById('filter-search-input');
+  var dropdown = document.getElementById('filter-search-dropdown');
+  var hidden = document.getElementById('filter-search-value');
+
+  function renderOptions(keyword){
+    dropdown.innerHTML = '';
+    var kw = keyword.trim().toLowerCase();
+    var has = false;
+    for(var key in hospitalData){
+      var name = hospitalData[key];
+      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
+        has = true;
+        var opt = document.createElement('div');
+        opt.className = 'search-select__option';
+        if(hidden.value === key) opt.classList.add('active');
+        opt.textContent = name;
+        opt.dataset.value = key;
+        opt.onclick = function(){
+          hidden.value = key;
+          input.value = name;
+          dropdown.classList.remove('show');
+        };
+        dropdown.appendChild(opt);
+      }
+    }
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配医院';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  input.addEventListener('input', function(){
+    hidden.value = '';
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  document.addEventListener('click', function(e){
+    if(!e.target.closest('#filter-search-select')){
+      dropdown.classList.remove('show');
+    }
+  });
+})();
+
+/* 筛选查询 */
+function queryTable(){
+  var value = document.getElementById('filter-search-value').value;
+  var activePane = document.querySelector('.tab-pane.active');
+  if(!activePane) return;
+  activePane.querySelectorAll('tbody tr').forEach(function(tr){
+    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
+    if(!value || (hospitalData[value] && name === hospitalData[value])){
+      tr.style.display = '';
+    } else {
+      tr.style.display = 'none';
+    }
+  });
+}
+
+/* 筛选重置 */
+function resetFilter(){
+  document.getElementById('filter-search-input').value = '';
+  document.getElementById('filter-search-value').value = '';
+  document.getElementById('filter-search-dropdown').innerHTML = '';
+  var activePane = document.querySelector('.tab-pane.active');
+  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
+}
+
+/* 详情（只读月历） */
+var detailState = null;                 // 当前查看行的承检配置快照
+var detailCalYear = 2026, detailCalMonth = 1;
+
+function isRestDayByState(key, dow, s){
+  if(s.start && key < s.start) return true;
+  if(s.end && key > s.end) return true;
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
+function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
+
+function renderDetailCalendar(){
+  if(!detailState) return;
+  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
+  var wk = document.getElementById('detail-cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('detail-cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
+  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    grid.appendChild(document.createElement('div'));
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(detailCalYear, detailCalMonth, d);
+    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDayByState(key, dow, detailState)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      var v = detailState.daycounts[key];
+      cell.innerHTML = dayLabel + (v != null && v !== ''
+        ? '<div class="cal-cell__count">' + v + ' 人</div>'
+        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
+    }
+    grid.appendChild(cell);
+  }
+}
+
+function openDetail(el){
+  var tr = el.closest('tr');
+  var cells = tr.cells;
+  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
+  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
+  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
+  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
+  var valid = cells[5].textContent.trim() === '有效';
+  document.getElementById('detail-valid').innerHTML = valid
+    ? '<span class="tag tag-green">有效</span>'
+    : '<span class="tag tag-red">无效</span>';
+
+  var state = readRowState(tr);
+  var skipTags = [];
+  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
+  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
+  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
+  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
+
+  detailState = {
+    daycounts: state.daycounts,
+    skipHoliday: state.skipHoliday,
+    skipSat: state.skipSat,
+    skipSun: state.skipSun,
+    capacity: cells[2].textContent.trim(),
+    start: cells[3].textContent.trim(),
+    end: cells[4].textContent.trim()
+  };
+  var start = detailState.start;
+  if(start){
+    detailCalYear = parseInt(start.slice(0,4), 10);
+    detailCalMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderDetailCalendar();
+
+  document.getElementById('detail-overlay').classList.add('open');
+}
+
+function closeDetail(){
+  document.getElementById('detail-overlay').classList.remove('open');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-gastro-plan-mgmt.html b/web-admin/health-checkup/pre-gastro-plan-mgmt.html
index 397ffc0..8bb7882 100644
--- a/web-admin/health-checkup/pre-gastro-plan-mgmt.html
+++ b/web-admin/health-checkup/pre-gastro-plan-mgmt.html
@@ -1,313 +1,313 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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 切换 */
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 弹窗表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .req{color:var(--danger);}
-  .form-input{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;transition:border-color .2s;}
-  .form-input:focus{border-color:var(--primary);}
-  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  .date-pair{display:flex;align-items:center;gap:8px;}
-  .date-pair .form-input{flex:1;}
-  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  /* 单选组 */
-  .radio-group{display:flex;gap:20px;padding-top:4px;}
-  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
-  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  /* 人员筛选条件面板 */
-  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
-  .person-panel.show{display:block;}
-  .person-panel__row{margin-bottom:12px;}
-  .person-panel__row:last-child{margin-bottom:0;}
-  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  /* 树形多选（指定机构） */
-  .tree-select{position:relative;width:100%;}
-  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .tree-select__trigger:hover{border-color:var(--primary);}
-  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
-  .tree-select__panel.show{display:block;}
-  .tree-node__children{display:none;}
-  .tree-node.expanded > .tree-node__children{display:block;}
-  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
-  .tree-node__row:hover{background:#F5F7FA;}
-  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
-  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
-  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
-  .tree-node__children .tree-select__cb{margin-left:20px;}
-  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
-  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
-  /* 多选下拉 */
-  .multi-select{position:relative;width:100%;}
-  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .multi-select__trigger:hover{border-color:var(--primary);}
-  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
-  .multi-select__panel.show{display:block;}
-  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
-  .multi-select__opt:hover{background:#F5F7FA;}
-  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
-  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
-  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  /* 员工选择触发器 */
-  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
-  .emp-trigger:hover{border-color:var(--primary);}
-  .emp-trigger__text{color:var(--text-placeholder);}
-  .emp-trigger__count{color:var(--primary);font-weight:500;}
-  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
-  /* 员工选择弹窗（二级） */
-  .modal-overlay--emp{z-index:1100;}
-  .modal--emp{width:860px;}
-  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
-  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
-  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
-  .emp-filter__input:focus{border-color:var(--primary);}
-  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
-  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
-  .emp-filter__btn:hover{background:#40a9ff;}
-  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
-  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
-  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
-  .emp-table thead{position:sticky;top:0;z-index:1;}
-  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
-  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
-  .emp-table tbody tr:hover{background:#F5F7FA;}
-  .emp-table tbody tr.checked{background:var(--primary-light);}
-  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
-  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
-  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-table__info strong{color:var(--primary);}
-  /* 详情展示 */
-  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  /* 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;}
-  /* 右侧抽屉 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item active">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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 切换 */
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 弹窗表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .req{color:var(--danger);}
+  .form-input{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;transition:border-color .2s;}
+  .form-input:focus{border-color:var(--primary);}
+  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  .date-pair{display:flex;align-items:center;gap:8px;}
+  .date-pair .form-input{flex:1;}
+  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  /* 单选组 */
+  .radio-group{display:flex;gap:20px;padding-top:4px;}
+  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
+  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  /* 人员筛选条件面板 */
+  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
+  .person-panel.show{display:block;}
+  .person-panel__row{margin-bottom:12px;}
+  .person-panel__row:last-child{margin-bottom:0;}
+  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  /* 树形多选（指定机构） */
+  .tree-select{position:relative;width:100%;}
+  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .tree-select__trigger:hover{border-color:var(--primary);}
+  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
+  .tree-select__panel.show{display:block;}
+  .tree-node__children{display:none;}
+  .tree-node.expanded > .tree-node__children{display:block;}
+  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
+  .tree-node__row:hover{background:#F5F7FA;}
+  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
+  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
+  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
+  .tree-node__children .tree-select__cb{margin-left:20px;}
+  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
+  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
+  /* 多选下拉 */
+  .multi-select{position:relative;width:100%;}
+  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .multi-select__trigger:hover{border-color:var(--primary);}
+  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
+  .multi-select__panel.show{display:block;}
+  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
+  .multi-select__opt:hover{background:#F5F7FA;}
+  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
+  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
+  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  /* 员工选择触发器 */
+  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
+  .emp-trigger:hover{border-color:var(--primary);}
+  .emp-trigger__text{color:var(--text-placeholder);}
+  .emp-trigger__count{color:var(--primary);font-weight:500;}
+  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
+  /* 员工选择弹窗（二级） */
+  .modal-overlay--emp{z-index:1100;}
+  .modal--emp{width:860px;}
+  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
+  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
+  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
+  .emp-filter__input:focus{border-color:var(--primary);}
+  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
+  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
+  .emp-filter__btn:hover{background:#40a9ff;}
+  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
+  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
+  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
+  .emp-table thead{position:sticky;top:0;z-index:1;}
+  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
+  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
+  .emp-table tbody tr:hover{background:#F5F7FA;}
+  .emp-table tbody tr.checked{background:var(--primary-light);}
+  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
+  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-table__info strong{color:var(--primary);}
+  /* 详情展示 */
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  /* 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;}
+  /* 右侧抽屉 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item active">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -319,967 +319,967 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 胃肠镜体检 -->
-  <div class="tab-pane active" id="pane-gastro">
-    <!-- 筛选栏 -->
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>体检年份：</label>
-        <select class="filter-select plan-year"></select>
-      </div>
-      <div class="filter-item">
-        <label>计划名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
-      </div>
-      <div class="filter-item">
-        <label>有效标志：</label>
-        <select class="filter-select">
-          <option>请选择</option><option>有效</option><option>无效</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>开展单位：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-        </select>
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-
-    <!-- 操作按钮 -->
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
-    </div>
-
-    <!-- 数据表格 -->
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">胃肠镜体检计划列表</div>
-      </div>
-      <div class="table-card__content">
-      <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>
-          </tr>
-        </thead>
-        <tbody id="gastro-tbody">
-          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工胃肠镜体检</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:05</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工胃肠镜体检</td><td>庆阳医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:32</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工胃肠镜体检</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-21 15:40</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 87 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-</main>
-
-<!-- [抽屉] 新增/编辑胃肠镜体检计划 -->
-<div class="drawer-overlay" id="plan-modal-overlay"></div>
-<div class="drawer" id="plan-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="plan-modal-title">新增胃肠镜体检计划</div>
-    <button class="drawer__close" onclick="closePlanModal()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-grid">
-      <div class="form-item">
-        <div class="form-label"><span class="req">*</span> 单位</div>
-        <select class="form-input" id="planUnit">
-          <option value="">请选择单位</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="req">*</span> 体检年份</div>
-        <select class="form-input plan-year"></select>
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 体检计划名称</div>
-        <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 承检医院</div>
-        <div class="multi-select" id="hospitalSelect">
-          <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
-          <div class="multi-select__panel" id="hospitalPanel"></div>
-        </div>
-      </div>
-      <div class="form-item" style="grid-column:1/-1;">
-        <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
-        <div class="date-pair">
-          <input class="form-input" id="planDateFrom" type="date">
-          <span>至</span>
-          <input class="form-input" id="planDateTo" type="date">
-        </div>
-      </div>
-    </div>
-
-    <!-- 参加人员范围 -->
-    <div class="form-item">
-      <div class="form-label"><span class="req">*</span> 参加人员范围</div>
-      <div class="radio-group">
-        <label class="radio-item">
-          <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
-          全体人员
-        </label>
-        <label class="radio-item">
-          <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
-          指定人员
-        </label>
-      </div>
-      <div class="person-panel" id="personPanel">
-        <div class="person-panel__row">
-          <div class="person-panel__label">指定机构</div>
-          <div class="tree-select" id="orgSelect">
-            <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
-            <div class="tree-select__panel" id="orgPanel"></div>
-          </div>
-        </div>
-        <div class="person-panel__row">
-          <div class="person-panel__label">指定员工</div>
-          <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
-            <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
-            <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-          </div>
-        </div>
-        <div class="person-panel__row">
-          <div class="person-panel__label">已选员工</div>
-          <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
-          <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 是否开启预约 -->
-    <div class="form-item">
-      <div class="form-label">是否开启预约</div>
-      <div class="switch-row">
-        <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
-        <span class="switch-label" id="switchApptLabel">已开启</span>
-      </div>
-    </div>
-    <div class="form-item" id="apptRangeItem">
-      <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
-      <div class="date-pair">
-        <input class="form-input" id="apptDateFrom" type="date">
-        <span>至</span>
-        <input class="form-input" id="apptDateTo" type="date">
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closePlanModal()">取消</button>
-    <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
-  </div>
-</div>
-
-<!-- [弹窗] 胃肠镜体检计划详情 -->
-<div class="modal-overlay" id="detail-modal-overlay">
-  <div class="modal" style="width:640px;">
-    <div class="modal__header">
-      <div class="modal__title">胃肠镜体检计划详情</div>
-      <button class="modal__close" onclick="closePlanDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-grid">
-        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
-        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
-        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
-        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
-        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
-        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<!-- [二级弹窗] 选择员工 -->
-<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
-  <div class="modal modal--emp">
-    <div class="modal__header">
-      <div class="modal__title">选择员工</div>
-      <button class="modal__close" onclick="closeEmpModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="emp-filter">
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">机构</label>
-          <select class="emp-filter__input" id="empFilterOrg">
-            <option value="">全部机构</option>
-          </select>
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">姓名</label>
-          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">员工编号</label>
-          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
-        </div>
-      </div>
-      <table class="emp-table">
-        <thead>
-          <tr>
-            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
-            <th>单位</th>
-            <th>机构</th>
-            <th>姓名</th>
-            <th>员工编号</th>
-            <th>性别</th>
-            <th>年龄</th>
-          </tr>
-        </thead>
-        <tbody id="empTableBody"></tbody>
-      </table>
-      <div class="emp-table__footer">
-        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
-      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
-    </div>
-  </div>
-</div>
-
-<!-- toast -->
-<div class="toast" id="toast"></div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 体检年份默认当年 */
-(function(){
-  var year = new Date().getFullYear();
-  document.querySelectorAll('.plan-year').forEach(function(sel){
-    sel.innerHTML = '';
-    for(var y = year - 3; y <= year + 1; y++){
-      var opt = document.createElement('option');
-      opt.value = y;
-      opt.textContent = y + '年';
-      if(y === year) opt.selected = true;
-      sel.appendChild(opt);
-    }
-  });
-})();
-
-/* ===================== 新增/编辑胃肠镜体检计划 ===================== */
-/* 模拟数据：可选承检医院 */
-var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
-/* 模拟数据：单位 -> 下属机构 */
-var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
-var UNIT_ORGS = {
-  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
-  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
-  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
-  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
-  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
-};
-/* 模拟员工数据 */
-var mockPlanEmployees = [
-  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
-  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
-  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
-  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
-  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
-  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
-  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
-  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
-  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
-  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
-  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
-  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
-  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
-  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
-  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
-];
-
-/* 单位下拉初始化 */
-(function(){
-  var sel = document.getElementById('planUnit');
-  UNITS.forEach(function(u){
-    var opt = document.createElement('option');
-    opt.value = u; opt.textContent = u;
-    sel.appendChild(opt);
-  });
-})();
-
-/* [交互] 打开抽屉并重置表单 */
-var editingPlanRid = null;
-function openPlanModal(){
-  editingPlanRid = null;
-  document.getElementById('plan-modal-title').textContent = '新增胃肠镜体检计划';
-  document.getElementById('plan-save-btn').textContent = '确认新增';
-  resetPlanForm();
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-function closePlanModal(){
-  document.getElementById('plan-modal-overlay').classList.remove('open');
-  document.getElementById('plan-drawer').classList.remove('open');
-}
-
-/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
-function openPlanEdit(el){
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无该计划的编辑数据'); return; }
-  editingPlanRid = rid;
-  document.getElementById('plan-modal-title').textContent = '编辑胃肠镜体检计划';
-  document.getElementById('plan-save-btn').textContent = '保存';
-  resetPlanForm();
-  document.getElementById('planUnit').value = d.unit;
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
-  document.getElementById('planNameInput').value = d.name;
-  /* 承检医院：由已存字符串还原多选 */
-  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  document.getElementById('planDateFrom').value = d.planFrom;
-  document.getElementById('planDateTo').value = d.planTo;
-  /* 参加人员范围 */
-  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
-  if(radio) radio.checked = true;
-  togglePersonPanel();
-  selectedInstitutions = (d.institutions || []).slice();
-  renderOrgTree();
-  updateOrgTrigger();
-  syncEmpFilterOrg();
-  selectedEmployees = [];
-  (d.employees || []).forEach(function(s){
-    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
-    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
-    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
-  });
-  renderSelectedPersons();
-  /* 预约开关与日期 */
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on', !!d.appt);
-  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
-  document.getElementById('apptDateFrom').value = d.apptFrom || '';
-  document.getElementById('apptDateTo').value = d.apptTo || '';
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-
-function resetPlanForm(){
-  document.getElementById('planUnit').value = '';
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
-  selectedExamHospitals = [];
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  document.getElementById('planNameInput').value = '';
-  document.getElementById('planDateFrom').value = '';
-  document.getElementById('planDateTo').value = '';
-  document.getElementById('apptDateFrom').value = '';
-  document.getElementById('apptDateTo').value = '';
-  document.querySelector('input[name="personType"][value="all"]').checked = true;
-  document.getElementById('personPanel').classList.remove('show');
-  /* 预约默认开启 */
-  document.getElementById('switchAppt').classList.add('on');
-  document.getElementById('switchApptLabel').textContent = '已开启';
-  document.getElementById('apptRangeItem').style.display = '';
-  /* 清空人员选择 */
-  selectedInstitutions = [];
-  selectedEmployees = [];
-  expandedUnits = {};
-  renderOrgTree();
-  updateOrgTrigger();
-  renderSelectedPersons();
-}
-
-/* ===== 承检医院多选 ===== */
-var selectedExamHospitals = [];
-
-function renderHospitalPanel(){
-  var html = '';
-  PLAN_HOSPITALS.forEach(function(h){
-    var checked = selectedExamHospitals.indexOf(h) > -1;
-    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
-  });
-  document.getElementById('hospitalPanel').innerHTML = html;
-}
-
-function toggleHospitalPanel(){
-  var panel = document.getElementById('hospitalPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function toggleHospitalOpt(el, val){
-  var cb = el.querySelector('.multi-select__cb');
-  if(cb.classList.contains('checked')){
-    el.classList.remove('checked'); cb.classList.remove('checked');
-    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  } else {
-    el.classList.add('checked'); cb.classList.add('checked');
-    selectedExamHospitals.push(val);
-  }
-  updateHospitalTrigger();
-}
-
-function updateHospitalTrigger(){
-  var trigger = document.getElementById('hospitalTrigger');
-  if(selectedExamHospitals.length === 0){
-    trigger.textContent = '请选择承检医院（可多选）';
-    trigger.className = 'multi-select__trigger placeholder';
-  } else {
-    trigger.className = 'multi-select__trigger';
-    var html = '';
-    selectedExamHospitals.forEach(function(h){
-      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
-    });
-    trigger.innerHTML = html;
-  }
-}
-
-function removeHospitalTag(e, val){
-  e.stopPropagation();
-  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  renderHospitalPanel();
-  updateHospitalTrigger();
-}
-
-/* ===== 参加人员范围 ===== */
-function togglePersonPanel(){
-  var val = document.querySelector('input[name="personType"]:checked').value;
-  var panel = document.getElementById('personPanel');
-  if(val === 'specific'){ panel.classList.add('show'); }
-  else{ panel.classList.remove('show'); }
-}
-
-/* ===== 指定机构：单位-部门两级树状多选 =====
- * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
- * 勾选二级（部门）= 仅选中该部门；两者可混选 */
-var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
-var expandedUnits = {};        /* 单位展开状态 */
-
-function instKey(u, o){ return u + '|' + o; }
-
-function empInSelectedInstitutions(e){
-  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
-}
-
-function empInOrgScope(e, scope){
-  if(scope.indexOf(e.org) > -1) return true;
-  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
-  return false;
-}
-
-function pruneSubOrgs(u){
-  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-}
-
-function toggleOrgPanel(){
-  var panel = document.getElementById('orgPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function toggleUnitExpand(e, u){
-  e.stopPropagation();
-  expandedUnits[u] = !expandedUnits[u];
-  renderOrgTree();
-}
-
-function toggleUnitCheck(e, u){
-  e.stopPropagation();
-  var i = selectedInstitutions.indexOf(u);
-  if(i > -1){
-    selectedInstitutions.splice(i, 1);
-  } else {
-    pruneSubOrgs(u);
-    selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function toggleLeafCheck(e, u, o){
-  e.stopPropagation();
-  var unitChecked = selectedInstitutions.indexOf(u) > -1;
-  var val = instKey(u, o);
-  var i = selectedInstitutions.indexOf(val);
-  if(unitChecked){
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
-    (UNIT_ORGS[u] || []).forEach(function(other){
-      if(other !== o) selectedInstitutions.push(instKey(u, other));
-    });
-  } else {
-    if(i > -1) selectedInstitutions.splice(i, 1);
-    else selectedInstitutions.push(val);
-  }
-  var orgs = UNIT_ORGS[u] || [];
-  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function renderOrgTree(){
-  var html = '';
-  UNITS.forEach(function(u){
-    var orgs = UNIT_ORGS[u] || [];
-    var unitChecked = selectedInstitutions.indexOf(u) > -1;
-    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
-    var partial = !unitChecked && orgs.some(leafChecked);
-    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
-    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
-    html += '<span class="tree-node__arrow">▶</span>';
-    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
-    html += '<span class="tree-node__name">' + esc(u) + '</span>';
-    html += '</div>';
-    html += '<div class="tree-node__children">';
-    orgs.forEach(function(o){
-      var checked = unitChecked || leafChecked(o);
-      html += '<div class="tree-node__row">';
-      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
-      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
-      html += '</div>';
-    });
-    html += '</div></div>';
-  });
-  document.getElementById('orgPanel').innerHTML = html;
-}
-
-function instValLabel(v){
-  var i = v.indexOf('|');
-  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
-}
-
-function updateOrgTrigger(){
-  var trigger = document.getElementById('orgTrigger');
-  if(selectedInstitutions.length === 0){
-    trigger.textContent = '请选择机构（可多选）';
-    trigger.className = 'tree-select__trigger placeholder';
-    return;
-  }
-  trigger.className = 'tree-select__trigger';
-  var html = '';
-  selectedInstitutions.forEach(function(v){
-    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
-  });
-  trigger.innerHTML = html;
-}
-
-function removeOrgTag(e, val){
-  e.stopPropagation();
-  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function filterEmployeesByInstitutions(){
-  if(selectedInstitutions.length > 0){
-    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
-    renderSelectedPersons();
-  }
-}
-
-/* ===== 员工选择弹窗 ===== */
-var selectedEmployees = [];
-var tempSelectedEmps = [];
-
-function openEmpModal(){
-  tempSelectedEmps = selectedEmployees.slice();
-  syncEmpFilterOrg();
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-  document.getElementById('emp-modal-overlay').classList.add('open');
-}
-
-function syncEmpFilterOrg(){
-  var sel = document.getElementById('empFilterOrg');
-  var opts;
-  if(selectedInstitutions.length > 0){
-    opts = selectedInstitutions.map(function(v){
-      return {val:v, label:instValLabel(v)};
-    });
-  } else {
-    opts = [];
-    UNITS.forEach(function(u){
-      opts.push({val:u, label:u + '（全部）'});
-      (UNIT_ORGS[u] || []).forEach(function(o){
-        opts.push({val:instKey(u, o), label:u + ' / ' + o});
-      });
-    });
-  }
-  var html = '<option value="">全部机构</option>';
-  opts.forEach(function(o){
-    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
-  });
-  sel.innerHTML = html;
-  sel.value = '';
-}
-
-function closeEmpModal(){
-  document.getElementById('emp-modal-overlay').classList.remove('open');
-}
-
-function renderEmpTable(){
-  var filterOrg = document.getElementById('empFilterOrg').value;
-  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
-  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
-  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
-  var filtered = mockPlanEmployees.filter(function(e){
-    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
-    if(filterName && e.name.indexOf(filterName) === -1) return false;
-    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
-    return true;
-  });
-  var tbody = document.getElementById('empTableBody');
-  if(filtered.length === 0){
-    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
-  } else {
-    var html = '';
-    filtered.forEach(function(e){
-      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
-      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
-      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
-      html += '<td>' + esc(e.org) + '</td>';
-      html += '<td>' + esc(e.dept) + '</td>';
-      html += '<td>' + esc(e.name) + '</td>';
-      html += '<td>' + esc(e.id) + '</td>';
-      html += '<td>' + esc(e.gender) + '</td>';
-      html += '<td>' + e.age + '</td>';
-      html += '</tr>';
-    });
-    tbody.innerHTML = html;
-  }
-  document.getElementById('empTotalCount').textContent = filtered.length;
-  updateEmpCheckedCount();
-  updateCheckAllState();
-}
-
-function resetEmpFilter(){
-  document.getElementById('empFilterOrg').value = '';
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-}
-
-function toggleEmpAll(el){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  checkboxes.forEach(function(cb){
-    cb.checked = el.checked;
-    var empId = cb.getAttribute('data-id');
-    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-    if(el.checked){
-      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-    } else {
-      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-    }
-  });
-  renderEmpTable();
-}
-
-function updateCheckAllState(){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  var checkAll = document.getElementById('empCheckAll');
-  if(checkboxes.length === 0){ checkAll.checked = false; return; }
-  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
-}
-
-function toggleEmpRow(el){
-  var empId = el.getAttribute('data-id');
-  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-  if(el.checked){
-    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-  } else {
-    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-  }
-  updateEmpCheckedCount();
-  updateCheckAllState();
-  el.closest('tr').className = el.checked ? 'checked' : '';
-}
-
-function updateEmpCheckedCount(){
-  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
-}
-
-function confirmEmpSelect(){
-  selectedEmployees = tempSelectedEmps.slice();
-  renderSelectedPersons();
-  closeEmpModal();
-}
-
-function renderSelectedPersons(){
-  var container = document.getElementById('selectedPersons');
-  var empty = document.getElementById('selectedPersonsEmpty');
-  var text = document.getElementById('empTriggerText');
-  if(selectedEmployees.length === 0){
-    container.innerHTML = '';
-    empty.style.display = '';
-    text.textContent = '点击选择员工';
-    text.className = 'emp-trigger__text';
-  } else {
-    empty.style.display = 'none';
-    var html = '';
-    selectedEmployees.forEach(function(e){
-      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
-      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
-    });
-    container.innerHTML = html;
-    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
-    text.className = 'emp-trigger__count';
-  }
-}
-
-function removeEmp(empId){
-  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
-  renderSelectedPersons();
-}
-
-/* ===== 是否开启预约 ===== */
-function toggleAppointment(){
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on');
-  var on = sw.classList.contains('on');
-  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
-}
-
-/* ===== 保存 ===== */
-function savePlan(){
-  var unit = document.getElementById('planUnit').value;
-  if(!unit){ showToast('请选择单位'); return; }
-  var year = document.querySelector('#plan-drawer .plan-year').value;
-  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
-  var examHospital = selectedExamHospitals.join('、');
-  var name = document.getElementById('planNameInput').value.trim();
-  if(!name){ showToast('请输入体检计划名称'); return; }
-  var dateFrom = document.getElementById('planDateFrom').value;
-  var dateTo = document.getElementById('planDateTo').value;
-  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
-  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
-  var personType = document.querySelector('input[name="personType"]:checked').value;
-  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
-    showToast('请至少选择指定机构或指定员工'); return;
-  }
-  var apptOn = document.getElementById('switchAppt').classList.contains('on');
-  var apptFrom = document.getElementById('apptDateFrom').value;
-  var apptTo = document.getElementById('apptDateTo').value;
-  if(apptOn){
-    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
-    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
-  }
-
-  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
-  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
-  var tbody = document.getElementById('gastro-tbody');
-  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
-
-  if(editingPlanRid){
-    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
-    var rid = editingPlanRid;
-    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
-    if(etr){
-      var old = planDetails[rid] || {};
-      etr.cells[1].textContent = unit;
-      etr.cells[2].textContent = year;
-      etr.cells[3].textContent = name;
-      etr.cells[4].textContent = examHospital;
-      etr.cells[6].innerHTML = dateFrom + '至' + dateTo;
-      etr.cells[7].innerHTML = apptCell;
-      planDetails[rid] = {
-        unit: unit, year: year, name: name,
-        examHospitals: examHospital,
-        planFrom: dateFrom, planTo: dateTo,
-        personType: personType,
-        institutions: selectedInstitutions.slice(),
-        employees: empSnapshot,
-        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-        creator: old.creator || '系统管理员', ctime: old.ctime || ''
-      };
-    }
-    closePlanModal();
-    showToast('保存成功');
-    return;
-  }
-
-  /* 新增：追加行 */
-  var now = new Date();
-  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
-  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
-  var tr = document.createElement('tr');
-  var rid = ++detailRid;
-  tr.setAttribute('data-rid', rid);
-  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td>' +
-    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
-  planDetails[rid] = {
-    unit: unit, year: year, name: name,
-    examHospitals: examHospital,
-    planFrom: dateFrom, planTo: dateTo,
-    personType: personType,
-    institutions: selectedInstitutions.slice(),
-    employees: empSnapshot,
-    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-    creator: '系统管理员', ctime: createTime
-  };
-  tbody.appendChild(tr);
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-  var countEl = document.querySelector('#pane-gastro .pagination span');
-  var m = countEl.textContent.match(/\d+/);
-  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
-
-  closePlanModal();
-  showToast('新增成功');
-}
-
-/* 删除计划行 */
-function deletePlan(el){
-  if(!confirm('确认删除该体检计划？')) return;
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  if(rid && planDetails[rid]) delete planDetails[rid];
-  var tbody = tr.parentElement;
-  tr.remove();
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-}
-
-/* ===================== 计划详情弹窗 ===================== */
-var planDetails = {
-  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工胃肠镜体检', examHospitals:'宝石花',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
-        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:05'},
-  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工胃肠镜体检', examHospitals:'庆阳医院',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
-        institutions:[], employees:[],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:32'},
-  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工胃肠镜体检', examHospitals:'兴隆园医院',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['采油二厂'],
-        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-21 15:40'}
-};
-var detailRid = 3;
-
-function openPlanDetail(el){
-  var rid = el.closest('tr').getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无详情数据'); return; }
-  document.getElementById('d-unit').textContent = d.unit;
-  document.getElementById('d-year').textContent = d.year;
-  document.getElementById('d-name').textContent = d.name;
-  document.getElementById('d-exam').textContent = d.examHospitals;
-  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
-  var orgsItem = document.getElementById('d-orgs-item');
-  var empsItem = document.getElementById('d-emps-item');
-  if(d.personType === 'all'){
-    document.getElementById('d-person').textContent = '全体人员';
-    orgsItem.style.display = 'none';
-    empsItem.style.display = 'none';
-  } else {
-    document.getElementById('d-person').textContent = '指定人员';
-    orgsItem.style.display = '';
-    empsItem.style.display = '';
-    document.getElementById('d-orgs').innerHTML = d.institutions.length
-      ? d.institutions.map(function(v){
-          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-    document.getElementById('d-emps').innerHTML = d.employees.length
-      ? d.employees.map(function(e){
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-  }
-  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
-  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
-  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
-  document.getElementById('d-creator').textContent = d.creator;
-  document.getElementById('d-ctime').textContent = d.ctime;
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-
-function closePlanDetail(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-
-/* 工具函数 */
-function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
-
-function showToast(msg){
-  var t = document.getElementById('toast');
-  t.textContent = msg; t.classList.add('show');
-  setTimeout(function(){ t.classList.remove('show'); }, 1500);
-}
-
-/* 点击外部关闭机构/医院下拉 */
-document.addEventListener('click', function(e){
-  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
-  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
-});
-
-/* 点击遮罩关闭弹窗 */
-document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanModal();
-});
-document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closeEmpModal();
-});
-document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanDetail();
-});
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 胃肠镜体检 -->
+  <div class="tab-pane active" id="pane-gastro">
+    <!-- 筛选栏 -->
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>体检年份：</label>
+        <select class="filter-select plan-year"></select>
+      </div>
+      <div class="filter-item">
+        <label>计划名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
+      </div>
+      <div class="filter-item">
+        <label>有效标志：</label>
+        <select class="filter-select">
+          <option>请选择</option><option>有效</option><option>无效</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>开展单位：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+        </select>
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
+    </div>
+
+    <!-- 数据表格 -->
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">胃肠镜体检计划列表</div>
+      </div>
+      <div class="table-card__content">
+      <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>
+          </tr>
+        </thead>
+        <tbody id="gastro-tbody">
+          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工胃肠镜体检</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:05</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工胃肠镜体检</td><td>庆阳医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-20 10:32</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工胃肠镜体检</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-21 15:40</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 87 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+</main>
+
+<!-- [抽屉] 新增/编辑胃肠镜体检计划 -->
+<div class="drawer-overlay" id="plan-modal-overlay"></div>
+<div class="drawer" id="plan-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="plan-modal-title">新增胃肠镜体检计划</div>
+    <button class="drawer__close" onclick="closePlanModal()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-grid">
+      <div class="form-item">
+        <div class="form-label"><span class="req">*</span> 单位</div>
+        <select class="form-input" id="planUnit">
+          <option value="">请选择单位</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="req">*</span> 体检年份</div>
+        <select class="form-input plan-year"></select>
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 体检计划名称</div>
+        <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 承检医院</div>
+        <div class="multi-select" id="hospitalSelect">
+          <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
+          <div class="multi-select__panel" id="hospitalPanel"></div>
+        </div>
+      </div>
+      <div class="form-item" style="grid-column:1/-1;">
+        <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
+        <div class="date-pair">
+          <input class="form-input" id="planDateFrom" type="date">
+          <span>至</span>
+          <input class="form-input" id="planDateTo" type="date">
+        </div>
+      </div>
+    </div>
+
+    <!-- 参加人员范围 -->
+    <div class="form-item">
+      <div class="form-label"><span class="req">*</span> 参加人员范围</div>
+      <div class="radio-group">
+        <label class="radio-item">
+          <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
+          全体人员
+        </label>
+        <label class="radio-item">
+          <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
+          指定人员
+        </label>
+      </div>
+      <div class="person-panel" id="personPanel">
+        <div class="person-panel__row">
+          <div class="person-panel__label">指定机构</div>
+          <div class="tree-select" id="orgSelect">
+            <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
+            <div class="tree-select__panel" id="orgPanel"></div>
+          </div>
+        </div>
+        <div class="person-panel__row">
+          <div class="person-panel__label">指定员工</div>
+          <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
+            <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
+            <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          </div>
+        </div>
+        <div class="person-panel__row">
+          <div class="person-panel__label">已选员工</div>
+          <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
+          <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 是否开启预约 -->
+    <div class="form-item">
+      <div class="form-label">是否开启预约</div>
+      <div class="switch-row">
+        <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
+        <span class="switch-label" id="switchApptLabel">已开启</span>
+      </div>
+    </div>
+    <div class="form-item" id="apptRangeItem">
+      <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
+      <div class="date-pair">
+        <input class="form-input" id="apptDateFrom" type="date">
+        <span>至</span>
+        <input class="form-input" id="apptDateTo" type="date">
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-default" onclick="closePlanModal()">取消</button>
+    <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
+  </div>
+</div>
+
+<!-- [弹窗] 胃肠镜体检计划详情 -->
+<div class="modal-overlay" id="detail-modal-overlay">
+  <div class="modal" style="width:640px;">
+    <div class="modal__header">
+      <div class="modal__title">胃肠镜体检计划详情</div>
+      <button class="modal__close" onclick="closePlanDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
+        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
+        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
+        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
+        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
+        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- [二级弹窗] 选择员工 -->
+<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
+  <div class="modal modal--emp">
+    <div class="modal__header">
+      <div class="modal__title">选择员工</div>
+      <button class="modal__close" onclick="closeEmpModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="emp-filter">
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">机构</label>
+          <select class="emp-filter__input" id="empFilterOrg">
+            <option value="">全部机构</option>
+          </select>
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">姓名</label>
+          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">员工编号</label>
+          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
+        </div>
+      </div>
+      <table class="emp-table">
+        <thead>
+          <tr>
+            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
+            <th>单位</th>
+            <th>机构</th>
+            <th>姓名</th>
+            <th>员工编号</th>
+            <th>性别</th>
+            <th>年龄</th>
+          </tr>
+        </thead>
+        <tbody id="empTableBody"></tbody>
+      </table>
+      <div class="emp-table__footer">
+        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
+    </div>
+  </div>
+</div>
+
+<!-- toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 体检年份默认当年 */
+(function(){
+  var year = new Date().getFullYear();
+  document.querySelectorAll('.plan-year').forEach(function(sel){
+    sel.innerHTML = '';
+    for(var y = year - 3; y <= year + 1; y++){
+      var opt = document.createElement('option');
+      opt.value = y;
+      opt.textContent = y + '年';
+      if(y === year) opt.selected = true;
+      sel.appendChild(opt);
+    }
+  });
+})();
+
+/* ===================== 新增/编辑胃肠镜体检计划 ===================== */
+/* 模拟数据：可选承检医院 */
+var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
+/* 模拟数据：单位 -> 下属机构 */
+var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
+var UNIT_ORGS = {
+  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
+  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
+  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
+  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
+  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
+};
+/* 模拟员工数据 */
+var mockPlanEmployees = [
+  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
+  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
+  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
+  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
+  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
+  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
+  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
+  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
+  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
+  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
+  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
+  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
+  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
+  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
+  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
+];
+
+/* 单位下拉初始化 */
+(function(){
+  var sel = document.getElementById('planUnit');
+  UNITS.forEach(function(u){
+    var opt = document.createElement('option');
+    opt.value = u; opt.textContent = u;
+    sel.appendChild(opt);
+  });
+})();
+
+/* [交互] 打开抽屉并重置表单 */
+var editingPlanRid = null;
+function openPlanModal(){
+  editingPlanRid = null;
+  document.getElementById('plan-modal-title').textContent = '新增胃肠镜体检计划';
+  document.getElementById('plan-save-btn').textContent = '确认新增';
+  resetPlanForm();
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+function closePlanModal(){
+  document.getElementById('plan-modal-overlay').classList.remove('open');
+  document.getElementById('plan-drawer').classList.remove('open');
+}
+
+/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
+function openPlanEdit(el){
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无该计划的编辑数据'); return; }
+  editingPlanRid = rid;
+  document.getElementById('plan-modal-title').textContent = '编辑胃肠镜体检计划';
+  document.getElementById('plan-save-btn').textContent = '保存';
+  resetPlanForm();
+  document.getElementById('planUnit').value = d.unit;
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
+  document.getElementById('planNameInput').value = d.name;
+  /* 承检医院：由已存字符串还原多选 */
+  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  document.getElementById('planDateFrom').value = d.planFrom;
+  document.getElementById('planDateTo').value = d.planTo;
+  /* 参加人员范围 */
+  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
+  if(radio) radio.checked = true;
+  togglePersonPanel();
+  selectedInstitutions = (d.institutions || []).slice();
+  renderOrgTree();
+  updateOrgTrigger();
+  syncEmpFilterOrg();
+  selectedEmployees = [];
+  (d.employees || []).forEach(function(s){
+    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
+    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
+    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
+  });
+  renderSelectedPersons();
+  /* 预约开关与日期 */
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on', !!d.appt);
+  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
+  document.getElementById('apptDateFrom').value = d.apptFrom || '';
+  document.getElementById('apptDateTo').value = d.apptTo || '';
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+
+function resetPlanForm(){
+  document.getElementById('planUnit').value = '';
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
+  selectedExamHospitals = [];
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  document.getElementById('planNameInput').value = '';
+  document.getElementById('planDateFrom').value = '';
+  document.getElementById('planDateTo').value = '';
+  document.getElementById('apptDateFrom').value = '';
+  document.getElementById('apptDateTo').value = '';
+  document.querySelector('input[name="personType"][value="all"]').checked = true;
+  document.getElementById('personPanel').classList.remove('show');
+  /* 预约默认开启 */
+  document.getElementById('switchAppt').classList.add('on');
+  document.getElementById('switchApptLabel').textContent = '已开启';
+  document.getElementById('apptRangeItem').style.display = '';
+  /* 清空人员选择 */
+  selectedInstitutions = [];
+  selectedEmployees = [];
+  expandedUnits = {};
+  renderOrgTree();
+  updateOrgTrigger();
+  renderSelectedPersons();
+}
+
+/* ===== 承检医院多选 ===== */
+var selectedExamHospitals = [];
+
+function renderHospitalPanel(){
+  var html = '';
+  PLAN_HOSPITALS.forEach(function(h){
+    var checked = selectedExamHospitals.indexOf(h) > -1;
+    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
+  });
+  document.getElementById('hospitalPanel').innerHTML = html;
+}
+
+function toggleHospitalPanel(){
+  var panel = document.getElementById('hospitalPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function toggleHospitalOpt(el, val){
+  var cb = el.querySelector('.multi-select__cb');
+  if(cb.classList.contains('checked')){
+    el.classList.remove('checked'); cb.classList.remove('checked');
+    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  } else {
+    el.classList.add('checked'); cb.classList.add('checked');
+    selectedExamHospitals.push(val);
+  }
+  updateHospitalTrigger();
+}
+
+function updateHospitalTrigger(){
+  var trigger = document.getElementById('hospitalTrigger');
+  if(selectedExamHospitals.length === 0){
+    trigger.textContent = '请选择承检医院（可多选）';
+    trigger.className = 'multi-select__trigger placeholder';
+  } else {
+    trigger.className = 'multi-select__trigger';
+    var html = '';
+    selectedExamHospitals.forEach(function(h){
+      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
+    });
+    trigger.innerHTML = html;
+  }
+}
+
+function removeHospitalTag(e, val){
+  e.stopPropagation();
+  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  renderHospitalPanel();
+  updateHospitalTrigger();
+}
+
+/* ===== 参加人员范围 ===== */
+function togglePersonPanel(){
+  var val = document.querySelector('input[name="personType"]:checked').value;
+  var panel = document.getElementById('personPanel');
+  if(val === 'specific'){ panel.classList.add('show'); }
+  else{ panel.classList.remove('show'); }
+}
+
+/* ===== 指定机构：单位-部门两级树状多选 =====
+ * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
+ * 勾选二级（部门）= 仅选中该部门；两者可混选 */
+var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
+var expandedUnits = {};        /* 单位展开状态 */
+
+function instKey(u, o){ return u + '|' + o; }
+
+function empInSelectedInstitutions(e){
+  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
+}
+
+function empInOrgScope(e, scope){
+  if(scope.indexOf(e.org) > -1) return true;
+  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
+  return false;
+}
+
+function pruneSubOrgs(u){
+  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+}
+
+function toggleOrgPanel(){
+  var panel = document.getElementById('orgPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function toggleUnitExpand(e, u){
+  e.stopPropagation();
+  expandedUnits[u] = !expandedUnits[u];
+  renderOrgTree();
+}
+
+function toggleUnitCheck(e, u){
+  e.stopPropagation();
+  var i = selectedInstitutions.indexOf(u);
+  if(i > -1){
+    selectedInstitutions.splice(i, 1);
+  } else {
+    pruneSubOrgs(u);
+    selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function toggleLeafCheck(e, u, o){
+  e.stopPropagation();
+  var unitChecked = selectedInstitutions.indexOf(u) > -1;
+  var val = instKey(u, o);
+  var i = selectedInstitutions.indexOf(val);
+  if(unitChecked){
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
+    (UNIT_ORGS[u] || []).forEach(function(other){
+      if(other !== o) selectedInstitutions.push(instKey(u, other));
+    });
+  } else {
+    if(i > -1) selectedInstitutions.splice(i, 1);
+    else selectedInstitutions.push(val);
+  }
+  var orgs = UNIT_ORGS[u] || [];
+  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function renderOrgTree(){
+  var html = '';
+  UNITS.forEach(function(u){
+    var orgs = UNIT_ORGS[u] || [];
+    var unitChecked = selectedInstitutions.indexOf(u) > -1;
+    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
+    var partial = !unitChecked && orgs.some(leafChecked);
+    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
+    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
+    html += '<span class="tree-node__arrow">▶</span>';
+    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
+    html += '<span class="tree-node__name">' + esc(u) + '</span>';
+    html += '</div>';
+    html += '<div class="tree-node__children">';
+    orgs.forEach(function(o){
+      var checked = unitChecked || leafChecked(o);
+      html += '<div class="tree-node__row">';
+      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
+      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
+      html += '</div>';
+    });
+    html += '</div></div>';
+  });
+  document.getElementById('orgPanel').innerHTML = html;
+}
+
+function instValLabel(v){
+  var i = v.indexOf('|');
+  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
+}
+
+function updateOrgTrigger(){
+  var trigger = document.getElementById('orgTrigger');
+  if(selectedInstitutions.length === 0){
+    trigger.textContent = '请选择机构（可多选）';
+    trigger.className = 'tree-select__trigger placeholder';
+    return;
+  }
+  trigger.className = 'tree-select__trigger';
+  var html = '';
+  selectedInstitutions.forEach(function(v){
+    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
+  });
+  trigger.innerHTML = html;
+}
+
+function removeOrgTag(e, val){
+  e.stopPropagation();
+  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function filterEmployeesByInstitutions(){
+  if(selectedInstitutions.length > 0){
+    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
+    renderSelectedPersons();
+  }
+}
+
+/* ===== 员工选择弹窗 ===== */
+var selectedEmployees = [];
+var tempSelectedEmps = [];
+
+function openEmpModal(){
+  tempSelectedEmps = selectedEmployees.slice();
+  syncEmpFilterOrg();
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+  document.getElementById('emp-modal-overlay').classList.add('open');
+}
+
+function syncEmpFilterOrg(){
+  var sel = document.getElementById('empFilterOrg');
+  var opts;
+  if(selectedInstitutions.length > 0){
+    opts = selectedInstitutions.map(function(v){
+      return {val:v, label:instValLabel(v)};
+    });
+  } else {
+    opts = [];
+    UNITS.forEach(function(u){
+      opts.push({val:u, label:u + '（全部）'});
+      (UNIT_ORGS[u] || []).forEach(function(o){
+        opts.push({val:instKey(u, o), label:u + ' / ' + o});
+      });
+    });
+  }
+  var html = '<option value="">全部机构</option>';
+  opts.forEach(function(o){
+    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
+  });
+  sel.innerHTML = html;
+  sel.value = '';
+}
+
+function closeEmpModal(){
+  document.getElementById('emp-modal-overlay').classList.remove('open');
+}
+
+function renderEmpTable(){
+  var filterOrg = document.getElementById('empFilterOrg').value;
+  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
+  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
+  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
+  var filtered = mockPlanEmployees.filter(function(e){
+    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
+    if(filterName && e.name.indexOf(filterName) === -1) return false;
+    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
+    return true;
+  });
+  var tbody = document.getElementById('empTableBody');
+  if(filtered.length === 0){
+    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
+  } else {
+    var html = '';
+    filtered.forEach(function(e){
+      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
+      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
+      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
+      html += '<td>' + esc(e.org) + '</td>';
+      html += '<td>' + esc(e.dept) + '</td>';
+      html += '<td>' + esc(e.name) + '</td>';
+      html += '<td>' + esc(e.id) + '</td>';
+      html += '<td>' + esc(e.gender) + '</td>';
+      html += '<td>' + e.age + '</td>';
+      html += '</tr>';
+    });
+    tbody.innerHTML = html;
+  }
+  document.getElementById('empTotalCount').textContent = filtered.length;
+  updateEmpCheckedCount();
+  updateCheckAllState();
+}
+
+function resetEmpFilter(){
+  document.getElementById('empFilterOrg').value = '';
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+}
+
+function toggleEmpAll(el){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  checkboxes.forEach(function(cb){
+    cb.checked = el.checked;
+    var empId = cb.getAttribute('data-id');
+    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+    if(el.checked){
+      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+    } else {
+      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+    }
+  });
+  renderEmpTable();
+}
+
+function updateCheckAllState(){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  var checkAll = document.getElementById('empCheckAll');
+  if(checkboxes.length === 0){ checkAll.checked = false; return; }
+  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
+}
+
+function toggleEmpRow(el){
+  var empId = el.getAttribute('data-id');
+  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+  if(el.checked){
+    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+  } else {
+    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+  }
+  updateEmpCheckedCount();
+  updateCheckAllState();
+  el.closest('tr').className = el.checked ? 'checked' : '';
+}
+
+function updateEmpCheckedCount(){
+  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
+}
+
+function confirmEmpSelect(){
+  selectedEmployees = tempSelectedEmps.slice();
+  renderSelectedPersons();
+  closeEmpModal();
+}
+
+function renderSelectedPersons(){
+  var container = document.getElementById('selectedPersons');
+  var empty = document.getElementById('selectedPersonsEmpty');
+  var text = document.getElementById('empTriggerText');
+  if(selectedEmployees.length === 0){
+    container.innerHTML = '';
+    empty.style.display = '';
+    text.textContent = '点击选择员工';
+    text.className = 'emp-trigger__text';
+  } else {
+    empty.style.display = 'none';
+    var html = '';
+    selectedEmployees.forEach(function(e){
+      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
+      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
+    });
+    container.innerHTML = html;
+    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
+    text.className = 'emp-trigger__count';
+  }
+}
+
+function removeEmp(empId){
+  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
+  renderSelectedPersons();
+}
+
+/* ===== 是否开启预约 ===== */
+function toggleAppointment(){
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on');
+  var on = sw.classList.contains('on');
+  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
+}
+
+/* ===== 保存 ===== */
+function savePlan(){
+  var unit = document.getElementById('planUnit').value;
+  if(!unit){ showToast('请选择单位'); return; }
+  var year = document.querySelector('#plan-drawer .plan-year').value;
+  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
+  var examHospital = selectedExamHospitals.join('、');
+  var name = document.getElementById('planNameInput').value.trim();
+  if(!name){ showToast('请输入体检计划名称'); return; }
+  var dateFrom = document.getElementById('planDateFrom').value;
+  var dateTo = document.getElementById('planDateTo').value;
+  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
+  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
+  var personType = document.querySelector('input[name="personType"]:checked').value;
+  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
+    showToast('请至少选择指定机构或指定员工'); return;
+  }
+  var apptOn = document.getElementById('switchAppt').classList.contains('on');
+  var apptFrom = document.getElementById('apptDateFrom').value;
+  var apptTo = document.getElementById('apptDateTo').value;
+  if(apptOn){
+    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
+    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
+  }
+
+  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
+  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
+  var tbody = document.getElementById('gastro-tbody');
+  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
+
+  if(editingPlanRid){
+    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
+    var rid = editingPlanRid;
+    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
+    if(etr){
+      var old = planDetails[rid] || {};
+      etr.cells[1].textContent = unit;
+      etr.cells[2].textContent = year;
+      etr.cells[3].textContent = name;
+      etr.cells[4].textContent = examHospital;
+      etr.cells[6].innerHTML = dateFrom + '至' + dateTo;
+      etr.cells[7].innerHTML = apptCell;
+      planDetails[rid] = {
+        unit: unit, year: year, name: name,
+        examHospitals: examHospital,
+        planFrom: dateFrom, planTo: dateTo,
+        personType: personType,
+        institutions: selectedInstitutions.slice(),
+        employees: empSnapshot,
+        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+        creator: old.creator || '系统管理员', ctime: old.ctime || ''
+      };
+    }
+    closePlanModal();
+    showToast('保存成功');
+    return;
+  }
+
+  /* 新增：追加行 */
+  var now = new Date();
+  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
+  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
+  var tr = document.createElement('tr');
+  var rid = ++detailRid;
+  tr.setAttribute('data-rid', rid);
+  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td>' +
+    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
+  planDetails[rid] = {
+    unit: unit, year: year, name: name,
+    examHospitals: examHospital,
+    planFrom: dateFrom, planTo: dateTo,
+    personType: personType,
+    institutions: selectedInstitutions.slice(),
+    employees: empSnapshot,
+    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+    creator: '系统管理员', ctime: createTime
+  };
+  tbody.appendChild(tr);
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+  var countEl = document.querySelector('#pane-gastro .pagination span');
+  var m = countEl.textContent.match(/\d+/);
+  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
+
+  closePlanModal();
+  showToast('新增成功');
+}
+
+/* 删除计划行 */
+function deletePlan(el){
+  if(!confirm('确认删除该体检计划？')) return;
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  if(rid && planDetails[rid]) delete planDetails[rid];
+  var tbody = tr.parentElement;
+  tr.remove();
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+}
+
+/* ===================== 计划详情弹窗 ===================== */
+var planDetails = {
+  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工胃肠镜体检', examHospitals:'宝石花',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
+        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:05'},
+  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工胃肠镜体检', examHospitals:'庆阳医院',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
+        institutions:[], employees:[],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-20 10:32'},
+  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工胃肠镜体检', examHospitals:'兴隆园医院',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['采油二厂'],
+        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-21 15:40'}
+};
+var detailRid = 3;
+
+function openPlanDetail(el){
+  var rid = el.closest('tr').getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无详情数据'); return; }
+  document.getElementById('d-unit').textContent = d.unit;
+  document.getElementById('d-year').textContent = d.year;
+  document.getElementById('d-name').textContent = d.name;
+  document.getElementById('d-exam').textContent = d.examHospitals;
+  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
+  var orgsItem = document.getElementById('d-orgs-item');
+  var empsItem = document.getElementById('d-emps-item');
+  if(d.personType === 'all'){
+    document.getElementById('d-person').textContent = '全体人员';
+    orgsItem.style.display = 'none';
+    empsItem.style.display = 'none';
+  } else {
+    document.getElementById('d-person').textContent = '指定人员';
+    orgsItem.style.display = '';
+    empsItem.style.display = '';
+    document.getElementById('d-orgs').innerHTML = d.institutions.length
+      ? d.institutions.map(function(v){
+          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+    document.getElementById('d-emps').innerHTML = d.employees.length
+      ? d.employees.map(function(e){
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+  }
+  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
+  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
+  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
+  document.getElementById('d-creator').textContent = d.creator;
+  document.getElementById('d-ctime').textContent = d.ctime;
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+
+function closePlanDetail(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+
+/* 工具函数 */
+function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+function showToast(msg){
+  var t = document.getElementById('toast');
+  t.textContent = msg; t.classList.add('show');
+  setTimeout(function(){ t.classList.remove('show'); }, 1500);
+}
+
+/* 点击外部关闭机构/医院下拉 */
+document.addEventListener('click', function(e){
+  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
+  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
+});
+
+/* 点击遮罩关闭弹窗 */
+document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanModal();
+});
+document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closeEmpModal();
+});
+document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanDetail();
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-gastro-plan.html b/web-admin/health-checkup/pre-gastro-plan.html
index 6903e7d..8d1dd44 100644
--- a/web-admin/health-checkup/pre-gastro-plan.html
+++ b/web-admin/health-checkup/pre-gastro-plan.html
@@ -1,187 +1,187 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-</style>
-</head>
-<body>
-
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item active">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+</style>
+</head>
+<body>
+
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item active">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -193,221 +193,221 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-
-<main class="main">
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select" style="min-width:110px;">
-        <option>2026</option>
-        <option>2025</option>
-        <option>2024</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>预选计划名称：</label>
-      <input class="filter-input" type="text" placeholder="请输入预选计划名称" style="min-width:180px;">
-    </div>
-    <div class="filter-item">
-      <label>有效标志：</label>
-      <select class="filter-select" style="min-width:100px;">
-        <option>请选择</option>
-        <option>有效</option>
-        <option>无效</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择</option>
-        <option>采油四厂</option>
-        <option>采油五厂</option>
-        <option>采油六厂</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-primary" onclick="openEditModal()">+ 新增</button>
-  </div>
-
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">单位预选计划</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>单位</th><th>体检年份</th><th>预选计划名称</th><th>预选开始日期</th><th>预选结束日期</th><th>创建日期</th><th>有效标志</th><th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>采油四厂</td><td>2026</td><td>2026年度胃肠镜预选</td><td>2026-03-01</td><td>2026-03-31</td><td>2026-02-20</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
-        <tr><td>采油五厂</td><td>2026</td><td>2026年度胃肠镜预选</td><td>2026-04-01</td><td>2026-04-30</td><td>2026-03-15</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
-        <tr><td>采油六厂</td><td>2025</td><td>2025年度胃肠镜预选</td><td>2025-03-01</td><td>2025-03-31</td><td>2025-02-18</td><td><span class="tag tag-red">无效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 3 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 新增/编辑预选计划弹窗 -->
-<div class="modal-overlay" id="edit-modal-overlay" onclick="if(event.target===this)closeEditModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title" id="edit-modal-title">新增预选计划</div>
-      <button class="modal__close" onclick="closeEditModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 单位</div>
-        <select class="form-select" id="form-unit">
-          <option value="">请选择单位</option>
-          <option>采油四厂</option>
-          <option>采油五厂</option>
-          <option>采油六厂</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检年份</div>
-        <input class="form-input" id="form-year" type="text" placeholder="请输入体检年份" value="2026">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 预选计划名称</div>
-        <input class="form-input" id="form-name" type="text" placeholder="请输入预选计划名称">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 预选开始日期</div>
-        <input class="form-input" id="form-start" type="date">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 预选结束日期</div>
-        <input class="form-input" id="form-end" type="date">
-      </div>
-      <div class="form-item">
-        <div class="form-label">有效标志</div>
-        <select class="form-select" id="form-valid">
-          <option>有效</option>
-          <option>无效</option>
-        </select>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEditModal()">确定</button>
-    </div>
-  </div>
-</div>
-
-<script>
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 当前正在编辑的行（null 表示新增） */
-var editingRow = null;
-
-function openEditModal(row){
-  var isEdit = !!row;
-  editingRow = isEdit ? row.closest('tr') : null;
-  document.getElementById('edit-modal-title').textContent = isEdit ? '编辑预选计划' : '新增预选计划';
-  if(isEdit){
-    var tds = row.closest('tr').querySelectorAll('td');
-    document.getElementById('form-unit').value = tds[0].textContent;
-    document.getElementById('form-year').value = tds[1].textContent;
-    document.getElementById('form-name').value = tds[2].textContent;
-    document.getElementById('form-start').value = tds[3].textContent;
-    document.getElementById('form-end').value = tds[4].textContent;
-    document.getElementById('form-valid').value = tds[6].textContent.trim();
-  } else {
-    document.getElementById('form-unit').value = '';
-    document.getElementById('form-year').value = '2026';
-    document.getElementById('form-name').value = '';
-    document.getElementById('form-start').value = '';
-    document.getElementById('form-end').value = '';
-    document.getElementById('form-valid').value = '有效';
-  }
-  document.getElementById('edit-modal-overlay').classList.add('open');
-}
-function closeEditModal(){
-  document.getElementById('edit-modal-overlay').classList.remove('open');
-}
-function saveEditModal(){
-  var unit = document.getElementById('form-unit');
-  var year = document.getElementById('form-year').value.trim();
-  var name = document.getElementById('form-name').value.trim();
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  var valid = document.getElementById('form-valid').value;
-  if(!unit.value){ alert('请选择单位'); unit.focus(); return; }
-  if(!/^\d{4}$/.test(year)){ alert('请输入 4 位体检年份'); document.getElementById('form-year').focus(); return; }
-  if(!name){ alert('请输入预选计划名称'); document.getElementById('form-name').focus(); return; }
-  if(!start){ alert('请选择预选开始日期'); return; }
-  if(!end){ alert('请选择预选结束日期'); return; }
-  if(end < start){ alert('预选结束日期不能早于开始日期'); return; }
-  var validTag = valid === '有效'
-    ? '<span class="tag tag-green">有效</span>'
-    : '<span class="tag tag-red">无效</span>';
-  var actions = '<span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span>';
-  if(editingRow){
-    /* 编辑：回写当前行 */
-    var tds = editingRow.querySelectorAll('td');
-    tds[0].textContent = unit.value;
-    tds[1].textContent = year;
-    tds[2].textContent = name;
-    tds[3].textContent = start;
-    tds[4].textContent = end;
-    tds[5].textContent = new Date().toISOString().slice(0,10);
-    tds[6].innerHTML = validTag;
-    editingRow = null;
-  } else {
-    /* 新增：插入到列表第一行 */
-    var tbody = document.querySelector('.table-card__content tbody');
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td>' + unit.value + '</td>' +
-      '<td>' + year + '</td>' +
-      '<td>' + name + '</td>' +
-      '<td>' + start + '</td>' +
-      '<td>' + end + '</td>' +
-      '<td>' + new Date().toISOString().slice(0,10) + '</td>' +
-      '<td>' + validTag + '</td>' +
-      '<td>' + actions + '</td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-    updateTotalCount(1);
-  }
-  closeEditModal();
-}
-
-/* 更新分页总数 */
-function updateTotalCount(delta){
-  var el = document.querySelector('.pagination span');
-  if(!el) return;
-  var m = el.textContent.match(/共\s*(\d+)\s*条/);
-  if(m) el.textContent = '共 ' + (parseInt(m[1],10) + delta) + ' 条';
-}
-function deleteRow(el){
-  if(!confirm('确定删除该预选计划吗？')) return;
-  el.closest('tr').remove();
-  updateTotalCount(-1);
-}
-</script>
-</body>
-</html>
+</aside>
+
+
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select" style="min-width:110px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>预选计划名称：</label>
+      <input class="filter-input" type="text" placeholder="请输入预选计划名称" style="min-width:180px;">
+    </div>
+    <div class="filter-item">
+      <label>有效标志：</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option>请选择</option>
+        <option>有效</option>
+        <option>无效</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择</option>
+        <option>采油四厂</option>
+        <option>采油五厂</option>
+        <option>采油六厂</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-primary" onclick="openEditModal()">+ 新增</button>
+  </div>
+
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">单位预选计划</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>单位</th><th>体检年份</th><th>预选计划名称</th><th>预选开始日期</th><th>预选结束日期</th><th>创建日期</th><th>有效标志</th><th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>采油四厂</td><td>2026</td><td>2026年度胃肠镜预选</td><td>2026-03-01</td><td>2026-03-31</td><td>2026-02-20</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
+        <tr><td>采油五厂</td><td>2026</td><td>2026年度胃肠镜预选</td><td>2026-04-01</td><td>2026-04-30</td><td>2026-03-15</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
+        <tr><td>采油六厂</td><td>2025</td><td>2025年度胃肠镜预选</td><td>2025-03-01</td><td>2025-03-31</td><td>2025-02-18</td><td><span class="tag tag-red">无效</span></td><td><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 3 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 新增/编辑预选计划弹窗 -->
+<div class="modal-overlay" id="edit-modal-overlay" onclick="if(event.target===this)closeEditModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title" id="edit-modal-title">新增预选计划</div>
+      <button class="modal__close" onclick="closeEditModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 单位</div>
+        <select class="form-select" id="form-unit">
+          <option value="">请选择单位</option>
+          <option>采油四厂</option>
+          <option>采油五厂</option>
+          <option>采油六厂</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检年份</div>
+        <input class="form-input" id="form-year" type="text" placeholder="请输入体检年份" value="2026">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 预选计划名称</div>
+        <input class="form-input" id="form-name" type="text" placeholder="请输入预选计划名称">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 预选开始日期</div>
+        <input class="form-input" id="form-start" type="date">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 预选结束日期</div>
+        <input class="form-input" id="form-end" type="date">
+      </div>
+      <div class="form-item">
+        <div class="form-label">有效标志</div>
+        <select class="form-select" id="form-valid">
+          <option>有效</option>
+          <option>无效</option>
+        </select>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEditModal()">确定</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 当前正在编辑的行（null 表示新增） */
+var editingRow = null;
+
+function openEditModal(row){
+  var isEdit = !!row;
+  editingRow = isEdit ? row.closest('tr') : null;
+  document.getElementById('edit-modal-title').textContent = isEdit ? '编辑预选计划' : '新增预选计划';
+  if(isEdit){
+    var tds = row.closest('tr').querySelectorAll('td');
+    document.getElementById('form-unit').value = tds[0].textContent;
+    document.getElementById('form-year').value = tds[1].textContent;
+    document.getElementById('form-name').value = tds[2].textContent;
+    document.getElementById('form-start').value = tds[3].textContent;
+    document.getElementById('form-end').value = tds[4].textContent;
+    document.getElementById('form-valid').value = tds[6].textContent.trim();
+  } else {
+    document.getElementById('form-unit').value = '';
+    document.getElementById('form-year').value = '2026';
+    document.getElementById('form-name').value = '';
+    document.getElementById('form-start').value = '';
+    document.getElementById('form-end').value = '';
+    document.getElementById('form-valid').value = '有效';
+  }
+  document.getElementById('edit-modal-overlay').classList.add('open');
+}
+function closeEditModal(){
+  document.getElementById('edit-modal-overlay').classList.remove('open');
+}
+function saveEditModal(){
+  var unit = document.getElementById('form-unit');
+  var year = document.getElementById('form-year').value.trim();
+  var name = document.getElementById('form-name').value.trim();
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  var valid = document.getElementById('form-valid').value;
+  if(!unit.value){ alert('请选择单位'); unit.focus(); return; }
+  if(!/^\d{4}$/.test(year)){ alert('请输入 4 位体检年份'); document.getElementById('form-year').focus(); return; }
+  if(!name){ alert('请输入预选计划名称'); document.getElementById('form-name').focus(); return; }
+  if(!start){ alert('请选择预选开始日期'); return; }
+  if(!end){ alert('请选择预选结束日期'); return; }
+  if(end < start){ alert('预选结束日期不能早于开始日期'); return; }
+  var validTag = valid === '有效'
+    ? '<span class="tag tag-green">有效</span>'
+    : '<span class="tag tag-red">无效</span>';
+  var actions = '<span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);" onclick="deleteRow(this)">删除</span>';
+  if(editingRow){
+    /* 编辑：回写当前行 */
+    var tds = editingRow.querySelectorAll('td');
+    tds[0].textContent = unit.value;
+    tds[1].textContent = year;
+    tds[2].textContent = name;
+    tds[3].textContent = start;
+    tds[4].textContent = end;
+    tds[5].textContent = new Date().toISOString().slice(0,10);
+    tds[6].innerHTML = validTag;
+    editingRow = null;
+  } else {
+    /* 新增：插入到列表第一行 */
+    var tbody = document.querySelector('.table-card__content tbody');
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td>' + unit.value + '</td>' +
+      '<td>' + year + '</td>' +
+      '<td>' + name + '</td>' +
+      '<td>' + start + '</td>' +
+      '<td>' + end + '</td>' +
+      '<td>' + new Date().toISOString().slice(0,10) + '</td>' +
+      '<td>' + validTag + '</td>' +
+      '<td>' + actions + '</td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+    updateTotalCount(1);
+  }
+  closeEditModal();
+}
+
+/* 更新分页总数 */
+function updateTotalCount(delta){
+  var el = document.querySelector('.pagination span');
+  if(!el) return;
+  var m = el.textContent.match(/共\s*(\d+)\s*条/);
+  if(m) el.textContent = '共 ' + (parseInt(m[1],10) + delta) + ' 条';
+}
+function deleteRow(el){
+  if(!confirm('确定删除该预选计划吗？')) return;
+  el.closest('tr').remove();
+  updateTotalCount(-1);
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-gastro-stat.html b/web-admin/health-checkup/pre-gastro-stat.html
index 802f9bf..f21f86c 100644
--- a/web-admin/health-checkup/pre-gastro-stat.html
+++ b/web-admin/health-checkup/pre-gastro-stat.html
@@ -1,194 +1,194 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* Tab 切换 */
-  .tabs{display:flex;gap:0;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);padding:0 24px;margin-bottom:0;}
-  .tab{padding:14px 24px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;user-select:none;}
-  .tab:hover{color:var(--primary);}
-  .tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
-  .num-link{color:var(--primary);cursor:pointer;font-weight:600;}
-  .num-link:hover{color:#40a9ff;text-decoration:underline;}
-</style>
-</head>
-<body>
-
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item active">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:560px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* Tab 切换 */
+  .tabs{display:flex;gap:0;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);padding:0 24px;margin-bottom:0;}
+  .tab{padding:14px 24px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;user-select:none;}
+  .tab:hover{color:var(--primary);}
+  .tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+  .num-link{color:var(--primary);cursor:pointer;font-weight:600;}
+  .num-link:hover{color:#40a9ff;text-decoration:underline;}
+</style>
+</head>
+<body>
+
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item active">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -200,205 +200,205 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-
-<main class="main">
-  <div class="tabs">
-    <div class="tab active" data-tab="dept" onclick="switchTab('dept')">部门</div>
-    <div class="tab" data-tab="hospital" onclick="switchTab('hospital')">医院</div>
-  </div>
-
-  <!-- 部门tab -->
-  <div id="panel-dept">
-    <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:16px;">
-      <div class="filter-item">
-        <label>体检年份：</label>
-        <select class="filter-select" style="min-width:110px;">
-        <option>2026</option>
-        <option>2025</option>
-        <option>2024</option>
-      </select>
-      </div>
-      <div class="filter-item">
-        <label>单位部门：</label>
-        <select class="filter-select" style="min-width:160px;">
-          <option>请选择</option>
-          <option>采油四厂-工程技术科</option>
-          <option>采油四厂-综合办</option>
-          <option>采油五厂-采油队</option>
-          <option>采油六厂-地质所</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>预选医院：</label>
-        <select class="filter-select" style="min-width:160px;">
-          <option>请选择</option>
-          <option>宁夏宝石花医院</option>
-          <option>CQ油田医院</option>
-          <option>长安胃肠镜医院</option>
-        </select>
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-
-    <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-      <button class="btn btn-default">导出列表数据</button>
-      <button class="btn btn-default">查看导出任务</button>
-    </div>
-
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">预选信息统计（部门）</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <th>单位</th><th>部门</th><th>体检年份</th><th>预选计划</th><th>预选医院</th><th>预选人数</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr><td>采油四厂</td><td>工程技术科</td><td>2026</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td><span class="num-link" onclick="openDetail('采油四厂 工程技术科 / 宁夏宝石花医院')">12</span></td></tr>
-          <tr><td>采油四厂</td><td>综合办</td><td>2026</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td><span class="num-link" onclick="openDetail('采油四厂 综合办 / 宁夏宝石花医院')">8</span></td></tr>
-          <tr><td>采油五厂</td><td>采油队</td><td>2026</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td><span class="num-link" onclick="openDetail('采油五厂 采油队 / CQ油田医院')">23</span></td></tr>
-          <tr><td>采油六厂</td><td>地质所</td><td>2026</td><td>2026年度胃肠镜预选</td><td>长安胃肠镜医院</td><td><span class="num-link" onclick="openDetail('采油六厂 地质所 / 长安胃肠镜医院')">6</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 4 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-  <!-- 医院tab -->
-  <div id="panel-hospital" style="display:none;">
-    <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:16px;">
-      <div class="filter-item">
-        <label>体检年份：</label>
-        <select class="filter-select" style="min-width:110px;">
-        <option>2026</option>
-        <option>2025</option>
-        <option>2024</option>
-      </select>
-      </div>
-      <div class="filter-item">
-        <label>单位：</label>
-        <select class="filter-select" style="min-width:160px;">
-          <option>请选择</option>
-          <option>采油四厂</option>
-          <option>采油五厂</option>
-          <option>采油六厂</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>预选医院：</label>
-        <select class="filter-select" style="min-width:160px;">
-          <option>请选择</option>
-          <option>宁夏宝石花医院</option>
-          <option>CQ油田医院</option>
-          <option>长安胃肠镜医院</option>
-        </select>
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-
-    <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-      <button class="btn btn-default">导出列表数据</button>
-      <button class="btn btn-default">查看导出任务</button>
-    </div>
-
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">预选信息统计（医院）</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <th>预选医院</th><th>体检年份</th><th>单位</th><th>预选人数</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr><td>宁夏宝石花医院</td><td>2026</td><td>采油四厂</td><td><span class="num-link" onclick="openDetail('宁夏宝石花医院 / 采油四厂')">20</span></td></tr>
-          <tr><td>宁夏宝石花医院</td><td>2026</td><td>采油五厂</td><td><span class="num-link" onclick="openDetail('宁夏宝石花医院 / 采油五厂')">15</span></td></tr>
-          <tr><td>CQ油田医院</td><td>2026</td><td>采油五厂</td><td><span class="num-link" onclick="openDetail('CQ油田医院 / 采油五厂')">31</span></td></tr>
-          <tr><td>长安胃肠镜医院</td><td>2026</td><td>采油六厂</td><td><span class="num-link" onclick="openDetail('长安胃肠镜医院 / 采油六厂')">9</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 4 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-</main>
-
-<!-- 预选人数明细弹窗 -->
-<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetail()">
-  <div class="modal" style="width:860px;">
-    <div class="modal__header">
-      <div class="modal__title" id="detail-title">预选人数明细</div>
-      <button class="modal__close" onclick="closeDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div style="display:flex;justify-content:flex-end;margin-bottom:12px;">
-        <button class="btn btn-default">导出列表数据</button>
-      </div>
-      <table>
-        <thead>
-          <tr><th>姓名</th><th>员工编号</th><th>身份证号</th><th>单位</th><th>部门</th><th>预选医院</th><th>提交时间</th></tr>
-        </thead>
-        <tbody>
-          <tr><td>陈伟</td><td>30078912</td><td>610103197809220015</td><td>采油四厂</td><td>工程技术科</td><td>宁夏宝石花医院</td><td>2026-03-05 10:23</td></tr>
-          <tr><td>刘芳</td><td>30082345</td><td>610103197905120034</td><td>采油四厂</td><td>综合办</td><td>宁夏宝石花医院</td><td>2026-03-06 14:41</td></tr>
-          <tr><td>王强</td><td>30085678</td><td>610103197403080024</td><td>采油五厂</td><td>采油队</td><td>CQ油田医院</td><td>2026-04-02 09:15</td></tr>
-        </tbody>
-      </table>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* tab 切换 */
-function switchTab(key){
-  document.querySelectorAll('.tab').forEach(function(t){
-    t.classList.toggle('active', t.getAttribute('data-tab') === key);
-  });
-  document.getElementById('panel-dept').style.display = key === 'dept' ? '' : 'none';
-  document.getElementById('panel-hospital').style.display = key === 'hospital' ? '' : 'none';
-}
-
-/* 预选人数明细 */
-function openDetail(title){
-  document.getElementById('detail-title').textContent = '预选人数明细 - ' + title;
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-function closeDetail(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-</script>
-</body>
-</html>
+</aside>
+
+
+<main class="main">
+  <div class="tabs">
+    <div class="tab active" data-tab="dept" onclick="switchTab('dept')">部门</div>
+    <div class="tab" data-tab="hospital" onclick="switchTab('hospital')">医院</div>
+  </div>
+
+  <!-- 部门tab -->
+  <div id="panel-dept">
+    <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:16px;">
+      <div class="filter-item">
+        <label>体检年份：</label>
+        <select class="filter-select" style="min-width:110px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+      </div>
+      <div class="filter-item">
+        <label>单位部门：</label>
+        <select class="filter-select" style="min-width:160px;">
+          <option>请选择</option>
+          <option>采油四厂-工程技术科</option>
+          <option>采油四厂-综合办</option>
+          <option>采油五厂-采油队</option>
+          <option>采油六厂-地质所</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>预选医院：</label>
+        <select class="filter-select" style="min-width:160px;">
+          <option>请选择</option>
+          <option>宁夏宝石花医院</option>
+          <option>CQ油田医院</option>
+          <option>长安胃肠镜医院</option>
+        </select>
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+
+    <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">预选信息统计（部门）</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>单位</th><th>部门</th><th>体检年份</th><th>预选计划</th><th>预选医院</th><th>预选人数</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>采油四厂</td><td>工程技术科</td><td>2026</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td><span class="num-link" onclick="openDetail('采油四厂 工程技术科 / 宁夏宝石花医院')">12</span></td></tr>
+          <tr><td>采油四厂</td><td>综合办</td><td>2026</td><td>2026年度胃肠镜预选</td><td>宁夏宝石花医院</td><td><span class="num-link" onclick="openDetail('采油四厂 综合办 / 宁夏宝石花医院')">8</span></td></tr>
+          <tr><td>采油五厂</td><td>采油队</td><td>2026</td><td>2026年度胃肠镜预选</td><td>CQ油田医院</td><td><span class="num-link" onclick="openDetail('采油五厂 采油队 / CQ油田医院')">23</span></td></tr>
+          <tr><td>采油六厂</td><td>地质所</td><td>2026</td><td>2026年度胃肠镜预选</td><td>长安胃肠镜医院</td><td><span class="num-link" onclick="openDetail('采油六厂 地质所 / 长安胃肠镜医院')">6</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 4 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+  <!-- 医院tab -->
+  <div id="panel-hospital" style="display:none;">
+    <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:16px;">
+      <div class="filter-item">
+        <label>体检年份：</label>
+        <select class="filter-select" style="min-width:110px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+      </div>
+      <div class="filter-item">
+        <label>单位：</label>
+        <select class="filter-select" style="min-width:160px;">
+          <option>请选择</option>
+          <option>采油四厂</option>
+          <option>采油五厂</option>
+          <option>采油六厂</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>预选医院：</label>
+        <select class="filter-select" style="min-width:160px;">
+          <option>请选择</option>
+          <option>宁夏宝石花医院</option>
+          <option>CQ油田医院</option>
+          <option>长安胃肠镜医院</option>
+        </select>
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+
+    <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">预选信息统计（医院）</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>预选医院</th><th>体检年份</th><th>单位</th><th>预选人数</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>宁夏宝石花医院</td><td>2026</td><td>采油四厂</td><td><span class="num-link" onclick="openDetail('宁夏宝石花医院 / 采油四厂')">20</span></td></tr>
+          <tr><td>宁夏宝石花医院</td><td>2026</td><td>采油五厂</td><td><span class="num-link" onclick="openDetail('宁夏宝石花医院 / 采油五厂')">15</span></td></tr>
+          <tr><td>CQ油田医院</td><td>2026</td><td>采油五厂</td><td><span class="num-link" onclick="openDetail('CQ油田医院 / 采油五厂')">31</span></td></tr>
+          <tr><td>长安胃肠镜医院</td><td>2026</td><td>采油六厂</td><td><span class="num-link" onclick="openDetail('长安胃肠镜医院 / 采油六厂')">9</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 4 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+</main>
+
+<!-- 预选人数明细弹窗 -->
+<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetail()">
+  <div class="modal" style="width:860px;">
+    <div class="modal__header">
+      <div class="modal__title" id="detail-title">预选人数明细</div>
+      <button class="modal__close" onclick="closeDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div style="display:flex;justify-content:flex-end;margin-bottom:12px;">
+        <button class="btn btn-default">导出列表数据</button>
+      </div>
+      <table>
+        <thead>
+          <tr><th>姓名</th><th>员工编号</th><th>身份证号</th><th>单位</th><th>部门</th><th>预选医院</th><th>提交时间</th></tr>
+        </thead>
+        <tbody>
+          <tr><td>陈伟</td><td>30078912</td><td>610103197809220015</td><td>采油四厂</td><td>工程技术科</td><td>宁夏宝石花医院</td><td>2026-03-05 10:23</td></tr>
+          <tr><td>刘芳</td><td>30082345</td><td>610103197905120034</td><td>采油四厂</td><td>综合办</td><td>宁夏宝石花医院</td><td>2026-03-06 14:41</td></tr>
+          <tr><td>王强</td><td>30085678</td><td>610103197403080024</td><td>采油五厂</td><td>采油队</td><td>CQ油田医院</td><td>2026-04-02 09:15</td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* tab 切换 */
+function switchTab(key){
+  document.querySelectorAll('.tab').forEach(function(t){
+    t.classList.toggle('active', t.getAttribute('data-tab') === key);
+  });
+  document.getElementById('panel-dept').style.display = key === 'dept' ? '' : 'none';
+  document.getElementById('panel-hospital').style.display = key === 'hospital' ? '' : 'none';
+}
+
+/* 预选人数明细 */
+function openDetail(title){
+  document.getElementById('detail-title').textContent = '预选人数明细 - ' + title;
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+function closeDetail(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-hospital-scope.html b/web-admin/health-checkup/pre-hospital-scope.html
index da5f994..822e7a1 100644
--- a/web-admin/health-checkup/pre-hospital-scope.html
+++ b/web-admin/health-checkup/pre-hospital-scope.html
@@ -1,258 +1,258 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-orange{background:#FFF7E6;color:var(--warning);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  .switch-group{display:flex;align-items:center;gap:28px;}
-  /* 可搜索下拉（筛选栏） */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  /* 筛选栏搜索下拉 */
-  .filter-bar .search-select{width:200px;}
-  .filter-bar .search-select__input{height:36px;}
-  .filter-bar .search-select__dropdown{top:40px;}
-  /* 分区标题 */
-  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
-  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
-  /* 月视图日历 */
-  .cal-nav{display:flex;align-items:center;gap:8px;}
-  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
-  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
-  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
-  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
-  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
-  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
-  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
-  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
-  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
-  .cal-cell__input:focus{border-color:var(--primary);}
-  .cal-cell__input::placeholder{color:#C0C4CC;}
-  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
-  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
-  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
-  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
-  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
-  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
-  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
-  .cal-legend__box.edit{background:#fff;}
-  /* 详情展示 */
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
-  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
-  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
-  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
-  .detail-summary .detail-item{margin-bottom:0;}
-  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
-  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item active">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .tag-gray{background:#F5F5F5;color:var(--text-secondary);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:860px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  .switch-group{display:flex;align-items:center;gap:28px;}
+  /* 可搜索下拉（筛选栏） */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  /* 筛选栏搜索下拉 */
+  .filter-bar .search-select{width:200px;}
+  .filter-bar .search-select__input{height:36px;}
+  .filter-bar .search-select__dropdown{top:40px;}
+  /* 分区标题 */
+  .form-section{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
+  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:10px;line-height:1.5;}
+  /* 月视图日历 */
+  .cal-nav{display:flex;align-items:center;gap:8px;}
+  .cal-nav__btn{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
+  .cal-nav__btn:hover{color:var(--primary);border-color:var(--primary);}
+  .cal-nav__label{font-size:var(--font-sm);font-weight:600;min-width:88px;text-align:center;}
+  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
+  .cal-week{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;padding:2px 0;}
+  .cal-cell{min-height:58px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 5px;background:#fff;}
+  .cal-cell__day{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:4px;}
+  .cal-cell__day .cal-name{color:var(--danger);margin-left:2px;}
+  .cal-cell__input{width:100%;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);padding:0 4px;outline:none;color:var(--text-primary);}
+  .cal-cell__input:focus{border-color:var(--primary);}
+  .cal-cell__input::placeholder{color:#C0C4CC;}
+  .cal-cell.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-cell.rest .cal-cell__day{color:var(--text-placeholder);}
+  .cal-cell.rest .cal-name{color:var(--text-placeholder);}
+  .cal-cell__rest{font-size:var(--font-xs);color:var(--text-placeholder);text-align:center;padding:3px 0;}
+  .cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:var(--font-xs);color:var(--text-secondary);}
+  .cal-legend__item{display:inline-flex;align-items:center;gap:5px;}
+  .cal-legend__box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border);display:inline-block;}
+  .cal-legend__box.rest{background:#F5F5F5;border-color:#EBEBEB;}
+  .cal-legend__box.edit{background:#fff;}
+  /* 详情展示 */
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  .detail-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#F8FBFF;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
+  .detail-list-row .detail-count{color:var(--primary);font-weight:600;}
+  .detail-empty{font-size:var(--font-sm);color:var(--text-placeholder);padding:4px 0;}
+  .detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:4px;}
+  .detail-summary .detail-item{margin-bottom:0;}
+  .cal-cell__count{font-size:var(--font-xs);color:var(--primary);font-weight:600;text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 0;}
+  .cal-cell__count.def{color:var(--text-secondary);font-weight:400;background:#F8FBFF;}
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item active">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -264,558 +264,558 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>承检医院</label>
-      <div class="search-select" id="filter-search-select">
-        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
-        <input type="hidden" id="filter-search-value">
-        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
-      </div>
-    </div>
-    <button class="btn btn-primary" onclick="queryTable()">查询</button>
-    <button class="btn btn-default" onclick="resetFilter()">重置</button>
-  </div>
-
-  <!-- 常规体检 -->
-  <div class="tab-pane active" id="pane-normal">
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">常规体检承检范围列表</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr data-daycounts='{"2026-05-01":"100","2026-05-02":"80","2026-09-05":"220"}' data-skip-holiday="1" data-skip-sat="0" data-skip-sun="1"><td>1</td><td>庆阳医院</td><td>200</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-        <tr data-daycounts='{"2026-04-30":"120"}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>兴隆园医院</td><td>150</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 243 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-  </div>
-</main>
-
-<!-- 编辑医院承检范围中间弹窗 -->
-<div class="modal-overlay" id="scope-modal-overlay">
-  <div class="modal" id="scope-modal">
-    <div class="modal__header">
-      <div class="modal__title">编辑医院承检范围</div>
-      <button class="modal__close" onclick="closeModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 医院</div>
-        <input class="form-input" id="form-hospital" type="text" disabled>
-      </div>
-      <div class="form-grid">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
-          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
-        </div>
-        <div class="form-item">
-          <div class="form-label">有效标志</div>
-          <div class="switch-row" style="height:36px;">
-            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
-            <span class="switch-label" id="switch-valid-label">有效</span>
-          </div>
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
-          <input class="form-input" id="form-start" type="date">
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
-          <input class="form-input" id="form-end" type="date">
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label">休息日设置</div>
-        <div class="switch-group">
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过节假日</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周六</span>
-          </div>
-          <div class="switch-row">
-            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
-            <span class="switch-label">跳过周日</span>
-          </div>
-        </div>
-      </div>
-
-      <!-- 按月设定承检人数 -->
-      <div class="form-section">
-        <span>按月设定承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="cal-label"></span>
-          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
-      <div class="cal-grid" id="cal-weekdays"></div>
-      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 医院承检范围详情中间弹窗 -->
-<div class="modal-overlay" id="detail-overlay">
-  <div class="modal" id="detail-modal">
-    <div class="modal__header">
-      <div class="modal__title">医院承检范围详情</div>
-      <button class="modal__close" onclick="closeDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-summary">
-        <div class="detail-item">
-          <div class="detail-label">医院</div>
-          <div class="detail-value" id="detail-hospital"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">每日最大承检人数</div>
-          <div class="detail-value" id="detail-capacity"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检开始日期</div>
-          <div class="detail-value" id="detail-start"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">承检结束日期</div>
-          <div class="detail-value" id="detail-end"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">有效标志</div>
-          <div class="detail-value" id="detail-valid"></div>
-        </div>
-        <div class="detail-item">
-          <div class="detail-label">休息日设置</div>
-          <div class="detail-value" id="detail-skips"></div>
-        </div>
-      </div>
-
-      <!-- 按月查看承检人数（只读） -->
-      <div class="form-section">
-        <span>按月查看承检人数</span>
-        <span class="cal-nav">
-          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
-          <span class="cal-nav__label" id="detail-cal-label"></span>
-          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
-        </span>
-      </div>
-      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
-      <div class="cal-grid" id="detail-cal-weekdays"></div>
-      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
-      <div class="cal-legend">
-        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
-        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 数据 ===== */
-var hospitalData = {
-  'h1': '庆阳医院',
-  'h2': '兴隆园医院',
-  'h3': '泾河医院',
-  'h4': '西安市中心医院',
-  'h5': '陕西省人民医院',
-  'h6': '咸阳市中心医院',
-  'h7': '宝鸡市人民医院',
-  'h8': '长安胃肠镜医院'
-};
-
-/* 2026 年法定节假日（休假日，原型内置） */
-var holidayData = {
-  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
-  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
-  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
-  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
-  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
-  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
-  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
-};
-
-/* 通用开关 */
-function toggleSwitch(el, labelId, onText, offText){
-  el.classList.toggle('on');
-  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
-}
-
-/* ===== 编辑医院承检范围中间弹窗 ===== */
-var editingTr = null;
-var calYear = 2026, calMonth = 1;      // calMonth: 1-12
-var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
-
-function pad2(n){ return n < 10 ? '0' + n : '' + n; }
-function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
-
-function readRowState(tr){
-  var counts = {};
-  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
-  return {
-    daycounts: counts,
-    skipHoliday: tr.dataset.skipHoliday === '1',
-    skipSat: tr.dataset.skipSat === '1',
-    skipSun: tr.dataset.skipSun === '1'
-  };
-}
-
-function openEdit(btn){
-  var tr = btn.closest('tr');
-  editingTr = tr;
-  var cells = tr.cells;
-
-  document.getElementById('form-hospital').value = cells[1].textContent.trim();
-  document.getElementById('form-capacity').value = cells[2].textContent.trim();
-  document.getElementById('form-start').value = cells[3].textContent.trim();
-  document.getElementById('form-end').value = cells[4].textContent.trim();
-
-  var valid = cells[5].textContent.trim() === '有效';
-  var sw = document.getElementById('switch-valid');
-  sw.classList.toggle('on', valid);
-  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
-
-  var state = readRowState(tr);
-  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
-  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
-  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
-
-  dayCounts = state.daycounts;
-  var start = document.getElementById('form-start').value;
-  if(start){
-    calYear = parseInt(start.slice(0,4), 10);
-    calMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderCalendar();
-
-  document.getElementById('scope-modal-overlay').classList.add('open');
-}
-
-function closeModal(){
-  document.getElementById('scope-modal-overlay').classList.remove('open');
-}
-
-function getSkipState(){
-  return {
-    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
-    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
-    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
-  };
-}
-
-/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
-function toggleSkipSwitch(el){
-  commitCalendarInputs();
-  el.classList.toggle('on');
-  renderCalendar();
-}
-
-/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
-function isRestDay(key, dow){
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(start && key < start) return true;
-  if(end && key > end) return true;
-  var s = getSkipState();
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
-function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
-
-function renderCalendar(){
-  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
-  var wk = document.getElementById('cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
-  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    var blank = document.createElement('div');
-    grid.appendChild(blank);
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(calYear, calMonth, d);
-    var dow = new Date(calYear, calMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDay(key, dow)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
-    }
-    grid.appendChild(cell);
-  }
-}
-
-/* 把当前页输入写回 dayCounts */
-function commitCalendarInputs(){
-  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
-    var v = inp.value.trim();
-    if(v) dayCounts[inp.dataset.key] = v;
-    else delete dayCounts[inp.dataset.key];
-  });
-}
-
-/* 承检起止日期变化时重渲染（置灰范围随之变化） */
-function bindDateReRender(){
-  ['form-start','form-end','form-capacity'].forEach(function(id){
-    document.getElementById(id).addEventListener('change', function(){
-      commitCalendarInputs();
-      renderCalendar();
-    });
-  });
-}
-bindDateReRender();
-
-/* 保存编辑 */
-function saveEdit(){
-  if(!editingTr){ return; }
-  var name = document.getElementById('form-hospital').value.trim();
-  if(!name){ alert('未找到医院信息'); return; }
-  var capacity = document.getElementById('form-capacity').value.trim();
-  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
-  var start = document.getElementById('form-start').value;
-  var end = document.getElementById('form-end').value;
-  if(!start){ alert('请选择承检开始日期'); return; }
-  if(!end){ alert('请选择承检结束日期'); return; }
-  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
-
-  commitCalendarInputs();
-  var s = getSkipState();
-  var valid = document.getElementById('switch-valid').classList.contains('on');
-  var cells = editingTr.cells;
-  cells[2].textContent = capacity;
-  cells[3].textContent = start;
-  cells[4].textContent = end;
-  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
-  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
-  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
-  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
-  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
-  closeModal();
-}
-
-/* 筛选栏可搜索下拉 */
-(function(){
-  var input = document.getElementById('filter-search-input');
-  var dropdown = document.getElementById('filter-search-dropdown');
-  var hidden = document.getElementById('filter-search-value');
-
-  function renderOptions(keyword){
-    dropdown.innerHTML = '';
-    var kw = keyword.trim().toLowerCase();
-    var has = false;
-    for(var key in hospitalData){
-      var name = hospitalData[key];
-      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
-        has = true;
-        var opt = document.createElement('div');
-        opt.className = 'search-select__option';
-        if(hidden.value === key) opt.classList.add('active');
-        opt.textContent = name;
-        opt.dataset.value = key;
-        opt.onclick = function(){
-          hidden.value = key;
-          input.value = name;
-          dropdown.classList.remove('show');
-        };
-        dropdown.appendChild(opt);
-      }
-    }
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配医院';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  input.addEventListener('input', function(){
-    hidden.value = '';
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  document.addEventListener('click', function(e){
-    if(!e.target.closest('#filter-search-select')){
-      dropdown.classList.remove('show');
-    }
-  });
-})();
-
-/* 筛选查询 */
-function queryTable(){
-  var value = document.getElementById('filter-search-value').value;
-  var activePane = document.querySelector('.tab-pane.active');
-  if(!activePane) return;
-  activePane.querySelectorAll('tbody tr').forEach(function(tr){
-    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
-    if(!value || (hospitalData[value] && name === hospitalData[value])){
-      tr.style.display = '';
-    } else {
-      tr.style.display = 'none';
-    }
-  });
-}
-
-/* 筛选重置 */
-function resetFilter(){
-  document.getElementById('filter-search-input').value = '';
-  document.getElementById('filter-search-value').value = '';
-  document.getElementById('filter-search-dropdown').innerHTML = '';
-  var activePane = document.querySelector('.tab-pane.active');
-  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
-}
-
-/* 详情（只读月历） */
-var detailState = null;                 // 当前查看行的承检配置快照
-var detailCalYear = 2026, detailCalMonth = 1;
-
-function isRestDayByState(key, dow, s){
-  if(s.start && key < s.start) return true;
-  if(s.end && key > s.end) return true;
-  if(s.skipSun && dow === 0) return true;
-  if(s.skipSat && dow === 6) return true;
-  if(s.skipHoliday && holidayData[key]) return true;
-  return false;
-}
-
-function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
-function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
-
-function renderDetailCalendar(){
-  if(!detailState) return;
-  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
-  var wk = document.getElementById('detail-cal-weekdays');
-  if(!wk.children.length){
-    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
-  }
-  var grid = document.getElementById('detail-cal-days');
-  grid.innerHTML = '';
-  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
-  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
-  for(var i = 0; i < firstDow; i++){
-    grid.appendChild(document.createElement('div'));
-  }
-  for(var d = 1; d <= daysInMonth; d++){
-    var key = dateKey(detailCalYear, detailCalMonth, d);
-    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
-    var cell = document.createElement('div');
-    var hName = holidayData[key] || '';
-    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
-    if(isRestDayByState(key, dow, detailState)){
-      cell.className = 'cal-cell rest';
-      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
-    } else {
-      cell.className = 'cal-cell';
-      var v = detailState.daycounts[key];
-      cell.innerHTML = dayLabel + (v != null && v !== ''
-        ? '<div class="cal-cell__count">' + v + ' 人</div>'
-        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
-    }
-    grid.appendChild(cell);
-  }
-}
-
-function openDetail(el){
-  var tr = el.closest('tr');
-  var cells = tr.cells;
-  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
-  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
-  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
-  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
-  var valid = cells[5].textContent.trim() === '有效';
-  document.getElementById('detail-valid').innerHTML = valid
-    ? '<span class="tag tag-green">有效</span>'
-    : '<span class="tag tag-red">无效</span>';
-
-  var state = readRowState(tr);
-  var skipTags = [];
-  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
-  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
-  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
-  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
-
-  detailState = {
-    daycounts: state.daycounts,
-    skipHoliday: state.skipHoliday,
-    skipSat: state.skipSat,
-    skipSun: state.skipSun,
-    capacity: cells[2].textContent.trim(),
-    start: cells[3].textContent.trim(),
-    end: cells[4].textContent.trim()
-  };
-  var start = detailState.start;
-  if(start){
-    detailCalYear = parseInt(start.slice(0,4), 10);
-    detailCalMonth = parseInt(start.slice(5,7), 10);
-  }
-  renderDetailCalendar();
-
-  document.getElementById('detail-overlay').classList.add('open');
-}
-
-function closeDetail(){
-  document.getElementById('detail-overlay').classList.remove('open');
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>承检医院</label>
+      <div class="search-select" id="filter-search-select">
+        <input type="text" class="search-select__input" id="filter-search-input" placeholder="请输入医院名称搜索" autocomplete="off">
+        <input type="hidden" id="filter-search-value">
+        <div class="search-select__dropdown" id="filter-search-dropdown"></div>
+      </div>
+    </div>
+    <button class="btn btn-primary" onclick="queryTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- 常规体检 -->
+  <div class="tab-pane active" id="pane-normal">
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">常规体检承检范围列表</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>序号</th><th>医院名称</th><th>每日最大承检人数</th><th>承检开始日期</th><th>承检结束日期</th><th>有效标志</th><th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr data-daycounts='{"2026-05-01":"100","2026-05-02":"80","2026-09-05":"220"}' data-skip-holiday="1" data-skip-sat="0" data-skip-sun="1"><td>1</td><td>庆阳医院</td><td>200</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+        <tr data-daycounts='{"2026-04-30":"120"}' data-skip-holiday="0" data-skip-sat="0" data-skip-sun="0"><td>2</td><td>兴隆园医院</td><td>150</td><td>2026-03-01</td><td>2026-10-31</td><td><span class="tag tag-green">有效</span></td><td><span class="link" onclick="openDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEdit(this)">编辑</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 243 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+  </div>
+</main>
+
+<!-- 编辑医院承检范围中间弹窗 -->
+<div class="modal-overlay" id="scope-modal-overlay">
+  <div class="modal" id="scope-modal">
+    <div class="modal__header">
+      <div class="modal__title">编辑医院承检范围</div>
+      <button class="modal__close" onclick="closeModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 医院</div>
+        <input class="form-input" id="form-hospital" type="text" disabled>
+      </div>
+      <div class="form-grid">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 每日最大承检人数</div>
+          <input class="form-input" id="form-capacity" type="number" min="1" placeholder="未单独设定的日期按此人数承检">
+        </div>
+        <div class="form-item">
+          <div class="form-label">有效标志</div>
+          <div class="switch-row" style="height:36px;">
+            <div class="switch on" id="switch-valid" onclick="toggleSwitch(this,'switch-valid-label','有效','无效')"></div>
+            <span class="switch-label" id="switch-valid-label">有效</span>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检开始日期</div>
+          <input class="form-input" id="form-start" type="date">
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 承检结束日期</div>
+          <input class="form-input" id="form-end" type="date">
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label">休息日设置</div>
+        <div class="switch-group">
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-holiday" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过节假日</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sat" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周六</span>
+          </div>
+          <div class="switch-row">
+            <div class="switch" id="switch-skip-sun" onclick="toggleSkipSwitch(this)"></div>
+            <span class="switch-label">跳过周日</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 按月设定承检人数 -->
+      <div class="form-section">
+        <span>按月设定承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="calPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="cal-label"></span>
+          <button class="cal-nav__btn" onclick="calNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">每个日期下方可自由设定当日承检人数，默认按"每日最大承检人数"执行；被跳过的节假日与周六日自动置灰、不可设定。</div>
+      <div class="cal-grid" id="cal-weekdays"></div>
+      <div class="cal-grid" id="cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可设定日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>置灰休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 医院承检范围详情中间弹窗 -->
+<div class="modal-overlay" id="detail-overlay">
+  <div class="modal" id="detail-modal">
+    <div class="modal__header">
+      <div class="modal__title">医院承检范围详情</div>
+      <button class="modal__close" onclick="closeDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-summary">
+        <div class="detail-item">
+          <div class="detail-label">医院</div>
+          <div class="detail-value" id="detail-hospital"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">每日最大承检人数</div>
+          <div class="detail-value" id="detail-capacity"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检开始日期</div>
+          <div class="detail-value" id="detail-start"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">承检结束日期</div>
+          <div class="detail-value" id="detail-end"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">有效标志</div>
+          <div class="detail-value" id="detail-valid"></div>
+        </div>
+        <div class="detail-item">
+          <div class="detail-label">休息日设置</div>
+          <div class="detail-value" id="detail-skips"></div>
+        </div>
+      </div>
+
+      <!-- 按月查看承检人数（只读） -->
+      <div class="form-section">
+        <span>按月查看承检人数</span>
+        <span class="cal-nav">
+          <button class="cal-nav__btn" onclick="detailCalPrevMonth()">‹</button>
+          <span class="cal-nav__label" id="detail-cal-label"></span>
+          <button class="cal-nav__btn" onclick="detailCalNextMonth()">›</button>
+        </span>
+      </div>
+      <div class="form-tip">标"休"的日期为承检休息日，不开放预约。</div>
+      <div class="cal-grid" id="detail-cal-weekdays"></div>
+      <div class="cal-grid" id="detail-cal-days" style="margin-top:6px;"></div>
+      <div class="cal-legend">
+        <span class="cal-legend__item"><span class="cal-legend__box edit"></span>可承检日期</span>
+        <span class="cal-legend__item"><span class="cal-legend__box rest"></span>休息日（节假日 / 周六 / 周日 / 超出承检期）</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 数据 ===== */
+var hospitalData = {
+  'h1': '庆阳医院',
+  'h2': '兴隆园医院',
+  'h3': '泾河医院',
+  'h4': '西安市中心医院',
+  'h5': '陕西省人民医院',
+  'h6': '咸阳市中心医院',
+  'h7': '宝鸡市人民医院',
+  'h8': '长安胃肠镜医院'
+};
+
+/* 2026 年法定节假日（休假日，原型内置） */
+var holidayData = {
+  '2026-01-01':'元旦','2026-01-02':'元旦','2026-01-03':'元旦',
+  '2026-02-15':'春节','2026-02-16':'春节','2026-02-17':'春节','2026-02-18':'春节','2026-02-19':'春节','2026-02-20':'春节','2026-02-21':'春节','2026-02-22':'春节',
+  '2026-04-04':'清明节','2026-04-05':'清明节','2026-04-06':'清明节',
+  '2026-05-01':'劳动节','2026-05-02':'劳动节','2026-05-03':'劳动节','2026-05-04':'劳动节','2026-05-05':'劳动节',
+  '2026-06-19':'端午节','2026-06-20':'端午节','2026-06-21':'端午节',
+  '2026-09-25':'中秋节','2026-09-26':'中秋节','2026-09-27':'中秋节',
+  '2026-10-01':'国庆节','2026-10-02':'国庆节','2026-10-03':'国庆节','2026-10-04':'国庆节','2026-10-05':'国庆节','2026-10-06':'国庆节','2026-10-07':'国庆节'
+};
+
+/* 通用开关 */
+function toggleSwitch(el, labelId, onText, offText){
+  el.classList.toggle('on');
+  document.getElementById(labelId).textContent = el.classList.contains('on') ? onText : offText;
+}
+
+/* ===== 编辑医院承检范围中间弹窗 ===== */
+var editingTr = null;
+var calYear = 2026, calMonth = 1;      // calMonth: 1-12
+var dayCounts = {};                     // 弹窗内暂存的 { 'YYYY-MM-DD': '100' }
+
+function pad2(n){ return n < 10 ? '0' + n : '' + n; }
+function dateKey(y, m, d){ return y + '-' + pad2(m) + '-' + pad2(d); }
+
+function readRowState(tr){
+  var counts = {};
+  try { counts = JSON.parse(tr.dataset.daycounts || '{}'); } catch(e){}
+  return {
+    daycounts: counts,
+    skipHoliday: tr.dataset.skipHoliday === '1',
+    skipSat: tr.dataset.skipSat === '1',
+    skipSun: tr.dataset.skipSun === '1'
+  };
+}
+
+function openEdit(btn){
+  var tr = btn.closest('tr');
+  editingTr = tr;
+  var cells = tr.cells;
+
+  document.getElementById('form-hospital').value = cells[1].textContent.trim();
+  document.getElementById('form-capacity').value = cells[2].textContent.trim();
+  document.getElementById('form-start').value = cells[3].textContent.trim();
+  document.getElementById('form-end').value = cells[4].textContent.trim();
+
+  var valid = cells[5].textContent.trim() === '有效';
+  var sw = document.getElementById('switch-valid');
+  sw.classList.toggle('on', valid);
+  document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
+
+  var state = readRowState(tr);
+  document.getElementById('switch-skip-holiday').classList.toggle('on', state.skipHoliday);
+  document.getElementById('switch-skip-sat').classList.toggle('on', state.skipSat);
+  document.getElementById('switch-skip-sun').classList.toggle('on', state.skipSun);
+
+  dayCounts = state.daycounts;
+  var start = document.getElementById('form-start').value;
+  if(start){
+    calYear = parseInt(start.slice(0,4), 10);
+    calMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderCalendar();
+
+  document.getElementById('scope-modal-overlay').classList.add('open');
+}
+
+function closeModal(){
+  document.getElementById('scope-modal-overlay').classList.remove('open');
+}
+
+function getSkipState(){
+  return {
+    skipHoliday: document.getElementById('switch-skip-holiday').classList.contains('on'),
+    skipSat: document.getElementById('switch-skip-sat').classList.contains('on'),
+    skipSun: document.getElementById('switch-skip-sun').classList.contains('on')
+  };
+}
+
+/* 切换跳过开关：先留存当前页人数输入，再重渲染日历（置灰状态随之变化） */
+function toggleSkipSwitch(el){
+  commitCalendarInputs();
+  el.classList.toggle('on');
+  renderCalendar();
+}
+
+/* 日期是否置灰：承检期之外，或被开关命中的节假日 / 周六 / 周日 */
+function isRestDay(key, dow){
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(start && key < start) return true;
+  if(end && key > end) return true;
+  var s = getSkipState();
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function calPrevMonth(){ commitCalendarInputs(); if(calMonth === 1){ calMonth = 12; calYear--; } else calMonth--; renderCalendar(); }
+function calNextMonth(){ commitCalendarInputs(); if(calMonth === 12){ calMonth = 1; calYear++; } else calMonth++; renderCalendar(); }
+
+function renderCalendar(){
+  document.getElementById('cal-label').textContent = calYear + ' 年 ' + calMonth + ' 月';
+  var wk = document.getElementById('cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(calYear, calMonth - 1, 1).getDay();
+  var daysInMonth = new Date(calYear, calMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    var blank = document.createElement('div');
+    grid.appendChild(blank);
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(calYear, calMonth, d);
+    var dow = new Date(calYear, calMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDay(key, dow)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      cell.innerHTML = dayLabel + '<input type="number" min="0" class="cal-cell__input" data-key="' + key + '" placeholder="' + (document.getElementById('form-capacity').value.trim() || '人数') + '" value="' + (dayCounts[key] != null ? dayCounts[key] : '') + '">';
+    }
+    grid.appendChild(cell);
+  }
+}
+
+/* 把当前页输入写回 dayCounts */
+function commitCalendarInputs(){
+  document.querySelectorAll('#cal-days .cal-cell__input').forEach(function(inp){
+    var v = inp.value.trim();
+    if(v) dayCounts[inp.dataset.key] = v;
+    else delete dayCounts[inp.dataset.key];
+  });
+}
+
+/* 承检起止日期变化时重渲染（置灰范围随之变化） */
+function bindDateReRender(){
+  ['form-start','form-end','form-capacity'].forEach(function(id){
+    document.getElementById(id).addEventListener('change', function(){
+      commitCalendarInputs();
+      renderCalendar();
+    });
+  });
+}
+bindDateReRender();
+
+/* 保存编辑 */
+function saveEdit(){
+  if(!editingTr){ return; }
+  var name = document.getElementById('form-hospital').value.trim();
+  if(!name){ alert('未找到医院信息'); return; }
+  var capacity = document.getElementById('form-capacity').value.trim();
+  if(!capacity || Number(capacity) <= 0){ alert('请输入正确的每日最大承检人数'); return; }
+  var start = document.getElementById('form-start').value;
+  var end = document.getElementById('form-end').value;
+  if(!start){ alert('请选择承检开始日期'); return; }
+  if(!end){ alert('请选择承检结束日期'); return; }
+  if(start > end){ alert('承检结束日期不能早于开始日期'); return; }
+
+  commitCalendarInputs();
+  var s = getSkipState();
+  var valid = document.getElementById('switch-valid').classList.contains('on');
+  var cells = editingTr.cells;
+  cells[2].textContent = capacity;
+  cells[3].textContent = start;
+  cells[4].textContent = end;
+  cells[5].innerHTML = valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-red">无效</span>';
+  editingTr.dataset.daycounts = JSON.stringify(dayCounts);
+  editingTr.dataset.skipHoliday = s.skipHoliday ? '1' : '0';
+  editingTr.dataset.skipSat = s.skipSat ? '1' : '0';
+  editingTr.dataset.skipSun = s.skipSun ? '1' : '0';
+  closeModal();
+}
+
+/* 筛选栏可搜索下拉 */
+(function(){
+  var input = document.getElementById('filter-search-input');
+  var dropdown = document.getElementById('filter-search-dropdown');
+  var hidden = document.getElementById('filter-search-value');
+
+  function renderOptions(keyword){
+    dropdown.innerHTML = '';
+    var kw = keyword.trim().toLowerCase();
+    var has = false;
+    for(var key in hospitalData){
+      var name = hospitalData[key];
+      if(!kw || name.toLowerCase().indexOf(kw) !== -1){
+        has = true;
+        var opt = document.createElement('div');
+        opt.className = 'search-select__option';
+        if(hidden.value === key) opt.classList.add('active');
+        opt.textContent = name;
+        opt.dataset.value = key;
+        opt.onclick = function(){
+          hidden.value = key;
+          input.value = name;
+          dropdown.classList.remove('show');
+        };
+        dropdown.appendChild(opt);
+      }
+    }
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配医院';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  input.addEventListener('input', function(){
+    hidden.value = '';
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  document.addEventListener('click', function(e){
+    if(!e.target.closest('#filter-search-select')){
+      dropdown.classList.remove('show');
+    }
+  });
+})();
+
+/* 筛选查询 */
+function queryTable(){
+  var value = document.getElementById('filter-search-value').value;
+  var activePane = document.querySelector('.tab-pane.active');
+  if(!activePane) return;
+  activePane.querySelectorAll('tbody tr').forEach(function(tr){
+    var name = tr.cells[1] ? tr.cells[1].textContent.trim() : '';
+    if(!value || (hospitalData[value] && name === hospitalData[value])){
+      tr.style.display = '';
+    } else {
+      tr.style.display = 'none';
+    }
+  });
+}
+
+/* 筛选重置 */
+function resetFilter(){
+  document.getElementById('filter-search-input').value = '';
+  document.getElementById('filter-search-value').value = '';
+  document.getElementById('filter-search-dropdown').innerHTML = '';
+  var activePane = document.querySelector('.tab-pane.active');
+  if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
+}
+
+/* 详情（只读月历） */
+var detailState = null;                 // 当前查看行的承检配置快照
+var detailCalYear = 2026, detailCalMonth = 1;
+
+function isRestDayByState(key, dow, s){
+  if(s.start && key < s.start) return true;
+  if(s.end && key > s.end) return true;
+  if(s.skipSun && dow === 0) return true;
+  if(s.skipSat && dow === 6) return true;
+  if(s.skipHoliday && holidayData[key]) return true;
+  return false;
+}
+
+function detailCalPrevMonth(){ if(detailCalMonth === 1){ detailCalMonth = 12; detailCalYear--; } else detailCalMonth--; renderDetailCalendar(); }
+function detailCalNextMonth(){ if(detailCalMonth === 12){ detailCalMonth = 1; detailCalYear++; } else detailCalMonth++; renderDetailCalendar(); }
+
+function renderDetailCalendar(){
+  if(!detailState) return;
+  document.getElementById('detail-cal-label').textContent = detailCalYear + ' 年 ' + detailCalMonth + ' 月';
+  var wk = document.getElementById('detail-cal-weekdays');
+  if(!wk.children.length){
+    wk.innerHTML = ['日','一','二','三','四','五','六'].map(function(w){ return '<div class="cal-week">' + w + '</div>'; }).join('');
+  }
+  var grid = document.getElementById('detail-cal-days');
+  grid.innerHTML = '';
+  var firstDow = new Date(detailCalYear, detailCalMonth - 1, 1).getDay();
+  var daysInMonth = new Date(detailCalYear, detailCalMonth, 0).getDate();
+  for(var i = 0; i < firstDow; i++){
+    grid.appendChild(document.createElement('div'));
+  }
+  for(var d = 1; d <= daysInMonth; d++){
+    var key = dateKey(detailCalYear, detailCalMonth, d);
+    var dow = new Date(detailCalYear, detailCalMonth - 1, d).getDay();
+    var cell = document.createElement('div');
+    var hName = holidayData[key] || '';
+    var dayLabel = '<div class="cal-cell__day">' + d + (hName ? '<span class="cal-name">' + hName + '</span>' : '') + '</div>';
+    if(isRestDayByState(key, dow, detailState)){
+      cell.className = 'cal-cell rest';
+      cell.innerHTML = dayLabel + '<div class="cal-cell__rest">休</div>';
+    } else {
+      cell.className = 'cal-cell';
+      var v = detailState.daycounts[key];
+      cell.innerHTML = dayLabel + (v != null && v !== ''
+        ? '<div class="cal-cell__count">' + v + ' 人</div>'
+        : '<div class="cal-cell__count def">' + detailState.capacity + ' 人</div>');
+    }
+    grid.appendChild(cell);
+  }
+}
+
+function openDetail(el){
+  var tr = el.closest('tr');
+  var cells = tr.cells;
+  document.getElementById('detail-hospital').textContent = cells[1].textContent.trim();
+  document.getElementById('detail-capacity').textContent = cells[2].textContent.trim() + ' 人/日';
+  document.getElementById('detail-start').textContent = cells[3].textContent.trim();
+  document.getElementById('detail-end').textContent = cells[4].textContent.trim();
+  var valid = cells[5].textContent.trim() === '有效';
+  document.getElementById('detail-valid').innerHTML = valid
+    ? '<span class="tag tag-green">有效</span>'
+    : '<span class="tag tag-red">无效</span>';
+
+  var state = readRowState(tr);
+  var skipTags = [];
+  if(state.skipHoliday) skipTags.push('<span class="tag tag-orange">跳过节假日</span>');
+  if(state.skipSat) skipTags.push('<span class="tag tag-orange">跳过周六</span>');
+  if(state.skipSun) skipTags.push('<span class="tag tag-orange">跳过周日</span>');
+  document.getElementById('detail-skips').innerHTML = skipTags.length ? skipTags.join(' ') : '<span class="tag tag-gray">不跳过</span>';
+
+  detailState = {
+    daycounts: state.daycounts,
+    skipHoliday: state.skipHoliday,
+    skipSat: state.skipSat,
+    skipSun: state.skipSun,
+    capacity: cells[2].textContent.trim(),
+    start: cells[3].textContent.trim(),
+    end: cells[4].textContent.trim()
+  };
+  var start = detailState.start;
+  if(start){
+    detailCalYear = parseInt(start.slice(0,4), 10);
+    detailCalMonth = parseInt(start.slice(5,7), 10);
+  }
+  renderDetailCalendar();
+
+  document.getElementById('detail-overlay').classList.add('open');
+}
+
+function closeDetail(){
+  document.getElementById('detail-overlay').classList.remove('open');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-item-combo-template.html b/web-admin/health-checkup/pre-item-combo-template.html
index 24b9482..3957968 100644
--- a/web-admin/health-checkup/pre-item-combo-template.html
+++ b/web-admin/health-checkup/pre-item-combo-template.html
@@ -1,247 +1,247 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 抽屉弹窗 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-item{margin-bottom:20px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* 可搜索下拉 */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
-  .search-select__clear:hover{background:#999;}
-  .search-select.has-value:hover .search-select__clear{display:flex;}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;}
-  .search-select--sm .search-select__dropdown{top:36px;}
-  .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;}
-  /* 项目 TAB */
-  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
-  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
-  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
-  .tab-nav__item:hover{color:var(--primary);}
-  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
-  .tab-panel{display:none;padding:16px;}
-  .tab-panel.active{display:block;}
-  .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;}
-  .cancer-fee{padding:16px 16px 0;}
-  /* 表格内行内控件 */
-  .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;}
-  .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 8px center;appearance:none;cursor:pointer;}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .copy-tip{margin-top:4px;font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.6;background:#F5F7FA;border-radius:var(--radius-sm);padding:10px 12px;}
-  /* 详情只读展示 */
-  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;}
-  .detail-item{display:flex;flex-direction:column;gap:4px;}
-  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
-  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
-  .detail-item--full{grid-column:1 / -1;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item active">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 抽屉弹窗 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-item{margin-bottom:20px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* 可搜索下拉 */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
+  .search-select__clear:hover{background:#999;}
+  .search-select.has-value:hover .search-select__clear{display:flex;}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;}
+  .search-select--sm .search-select__dropdown{top:36px;}
+  .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;}
+  /* 项目 TAB */
+  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
+  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
+  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
+  .tab-nav__item:hover{color:var(--primary);}
+  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
+  .tab-panel{display:none;padding:16px;}
+  .tab-panel.active{display:block;}
+  .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;}
+  .cancer-fee{padding:16px 16px 0;}
+  /* 表格内行内控件 */
+  .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;}
+  .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 8px center;appearance:none;cursor:pointer;}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .copy-tip{margin-top:4px;font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.6;background:#F5F7FA;border-radius:var(--radius-sm);padding:10px 12px;}
+  /* 详情只读展示 */
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;}
+  .detail-item{display:flex;flex-direction:column;gap:4px;}
+  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
+  .detail-item--full{grid-column:1 / -1;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item active">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -253,741 +253,731 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select">
-        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>模板名称：</label>
-      <input class="filter-input" type="text" placeholder="请输入模板名称" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>体检医院：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:90px;">
-        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄区间：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;">
-    <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-    <button class="btn btn-default" onclick="openCopyModal()">复制上一年度模板</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">体检项目组合模板</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <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>2025</td><td>45岁以上男性标准套餐</td><td>男</td><td>45岁及以上</td><td>数值</td><td>200.00</td><td>—</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        <tr><td>2</td><td>庆阳医院</td><td>2025</td><td>35岁以下女性标准套餐</td><td>女</td><td>35岁以下</td><td>百分比</td><td>—</td><td>85</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        <tr><td>3</td><td>延安医院</td><td>2025</td><td>35-45岁通用套餐</td><td>通用</td><td>35-45岁</td><td>数值</td><td>150.00</td><td>—</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 12 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 新增组合模板抽屉 -->
-<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
-<div class="drawer" id="add-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">新增组合模板</div>
-    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 组合模板名称</div>
-        <input class="form-input" id="tpl-name" placeholder="请输入组合模板名称">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检医院</div>
-        <div id="tpl-hospital-select"></div>
-      </div>
-    </div>
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 性别</div>
-        <select class="form-select" id="tpl-gender" onchange="onGenderChange()">
-          <option value="">请选择</option>
-          <option value="男">男</option>
-          <option value="女">女</option>
-          <option value="通用">通用</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 年龄范围</div>
-        <select class="form-select" id="tpl-age">
-          <option value="">请选择</option>
-          <option>35岁以下</option>
-          <option>35-45岁</option>
-          <option>45岁及以上</option>
-        </select>
-      </div>
-    </div>
-
-    <div id="female-fee-box" style="display:none;">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 女性专项费用（元）</div>
-        <input class="form-input" id="female-fee-input" type="number" min="0" step="0.01" placeholder="请输入女性专项费用">
-      </div>
-    </div>
-
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 折扣类型</div>
-        <select class="form-select" id="tpl-discount-type">
-          <option value="">请选择</option>
-          <option value="数值">数值</option>
-          <option value="百分比">百分比</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 折扣金额（元）</div>
-        <input class="form-input" id="tpl-discount-amount" type="number" min="0" step="0.01" placeholder="请输入折扣金额">
-      </div>
-    </div>
-
-    <div class="tab-box">
-      <div class="tab-nav" id="tpl-tab-nav">
-        <div class="tab-nav__item active" data-tab="required" onclick="switchProjectTab(this)">必检项目</div>
-        <div class="tab-nav__item" data-tab="optional" onclick="switchProjectTab(this)">自选项目</div>
-        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchProjectTab(this)">妇科未婚项目</div>
-        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchProjectTab(this)">妇科已婚项目</div>
-        <div class="tab-nav__item" data-tab="cancer-septin9" onclick="switchProjectTab(this)">防癌筛查项目（Septin9）</div>
-        <div class="tab-nav__item" data-tab="cancer-ca724" onclick="switchProjectTab(this)">防癌筛查项目（CA724）</div>
-      </div>
-
-      <div class="cancer-fee" id="cancer-fee-box" style="display:none;">
-        <div class="form-item">
-          <div class="form-label">防癌筛查默认费用（元）</div>
-          <input class="form-input" id="cancer-fee-input" type="number" min="0" step="0.01" placeholder="请输入防癌筛查默认费用">
-        </div>
-      </div>
-
-      <div class="tab-panel active" id="panel-required">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('required')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-required"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-optional">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('optional')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-optional"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-gyn-unmarried">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-unmarried')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-gyn-unmarried"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-gyn-married">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-married')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-gyn-married"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-cancer-septin9">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer-septin9')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-cancer-septin9"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-cancer-ca724">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer-ca724')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-cancer-ca724"></tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
-    <button class="btn btn-primary" onclick="saveComboTemplate()">确认保存</button>
-  </div>
-</div>
-
-<!-- 复制上一年度模板弹窗 -->
-<div class="modal-overlay" id="copy-modal-overlay" onclick="if(event.target===this)closeCopyModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">复制上一年度模板</div>
-      <button class="modal__close" onclick="closeCopyModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">上一年度（复制来源）</div>
-          <input class="form-input" id="copy-source-year" value="2024" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">本年度（复制目标）</div>
-          <input class="form-input" id="copy-target-year" value="2025" disabled>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检医院</div>
-        <select class="form-select" id="copy-hospital" onchange="onCopyHospitalChange()">
-          <option value="">请选择</option>
-          <option>泾河医院</option>
-          <option>庆阳医院</option>
-          <option>延安医院</option>
-          <option>兴隆园医院</option>
-          <option>宁夏宝石花医院</option>
-        </select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 模板</div>
-        <select class="form-select" id="copy-template" disabled>
-          <option value="">请先选择体检医院</option>
-        </select>
-      </div>
-      <div class="copy-tip">确认后将把所选医院的上一年度（2024）模板复制到本年度（2025），已存在的同名模板将被覆盖。</div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeCopyModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveCopyTemplate()">确认复制</button>
-    </div>
-  </div>
-</div>
-
-<!-- 组合模板详情弹窗 -->
-<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetailModal()">
-  <div class="modal" style="width:720px;">
-    <div class="modal__header">
-      <div class="modal__title">组合模板详情</div>
-      <button class="modal__close" onclick="closeDetailModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-grid">
-        <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="d-hospital">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">体检年份</span><span class="detail-item__value" id="d-year">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">组合模板名称</span><span class="detail-item__value" id="d-name">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">性别</span><span class="detail-item__value" id="d-gender">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">年龄范围</span><span class="detail-item__value" id="d-age">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">女性专项费用（元）</span><span class="detail-item__value" id="d-female-fee">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">折扣类型</span><span class="detail-item__value" id="d-discount-type">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">折扣金额</span><span class="detail-item__value" id="d-discount">—</span></div>
-      </div>
-      <div class="tab-box" style="margin-top:20px;">
-        <div class="tab-nav" id="detail-tab-nav"></div>
-        <div id="detail-tab-panels"></div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 新增组合模板抽屉 ===== */
-var hospitalData = ['泾河医院','庆阳医院','延安医院','兴隆园医院','宁夏宝石花医院'];
-var projectData = [
-  {name:'经颅多普勒', code:'TCD-001'},
-  {name:'腹部彩超', code:'BUS-002'},
-  {name:'血常规', code:'BLD-003'},
-  {name:'心电图', code:'ECG-004'},
-  {name:'胸部X光', code:'XRY-005'},
-  {name:'肝功能', code:'LFT-006'},
-  {name:'肾功能', code:'RFT-007'},
-  {name:'空腹血糖', code:'GLU-008'},
-  {name:'血脂四项', code:'LIP-009'},
-  {name:'尿常规', code:'URI-010'},
-  {name:'胃镜', code:'GAS-011'},
-  {name:'肠镜', code:'COL-012'}
-];
-var projectTabKeys = ['required','optional','gyn-unmarried','gyn-married','cancer-septin9','cancer-ca724'];
-
-/* 可搜索下拉通用组件 */
-function createSearchSelect(data, opts){
-  var container = document.createElement('div');
-  container.className = 'search-select' + (opts.sm ? ' search-select--sm' : '');
-  var input = document.createElement('input');
-  input.type = 'text';
-  input.className = 'search-select__input';
-  input.placeholder = opts.placeholder || '请输入关键词搜索';
-  input.setAttribute('autocomplete', 'off');
-  var hidden = document.createElement('input');
-  hidden.type = 'hidden';
-  var clear = document.createElement('span');
-  clear.className = 'search-select__clear';
-  clear.textContent = '✕';
-  clear.title = '清除';
-  var dropdown = document.createElement('div');
-  dropdown.className = 'search-select__dropdown';
-  container.appendChild(input);
-  container.appendChild(hidden);
-  container.appendChild(clear);
-  container.appendChild(dropdown);
-
-  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
-
-  function renderOptions(kw){
-    dropdown.innerHTML = '';
-    var kwl = kw.trim().toLowerCase();
-    var has = false;
-    data.forEach(function(item, idx){
-      var label = getLabel(item);
-      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
-        has = true;
-        (function(item, label){
-          var opt = document.createElement('div');
-          opt.className = 'search-select__option';
-          opt.textContent = label;
-          opt.onclick = function(){
-            hidden.value = idx;
-            input.value = label;
-            container.classList.add('has-value');
-            dropdown.classList.remove('show');
-            if(opts.onSelect) opts.onSelect(item);
-          };
-          dropdown.appendChild(opt);
-        })(item, label);
-      }
-    });
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
-  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
-  clear.addEventListener('click', function(){
-    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
-    if(opts.onSelect) opts.onSelect(null);
-  });
-  document.addEventListener('click', function(e){
-    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
-  });
-
-  return {
-    container: container,
-    getValue: function(){ return hidden.value; },
-    setValue: function(label){
-      var idx = data.findIndex(function(it){ return getLabel(it) === label; });
-      if(idx !== -1){ hidden.value = idx; input.value = label; container.classList.add('has-value'); }
-      else { this.clear(); }
-    },
-    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
-  };
-}
-
-/* 体检医院搜索下拉 */
-var hospitalSelect = createSearchSelect(hospitalData, {
-  placeholder: '请输入医院名称搜索',
-  getLabel: function(item){ return item; }
-});
-document.getElementById('tpl-hospital-select').appendChild(hospitalSelect.container);
-
-/* 抽屉状态：'add' 新增 / 'edit' 编辑；editTr 记录被编辑的行 */
-var drawerMode = 'add';
-var editTr = null;
-
-/* 各模板的项目清单与专项费用（按行序号索引） */
-var comboProjectData = {
-  '1': { femaleFee:'', cancerFee:{'cancer-septin9':'1200.00','cancer-ca724':'280.00'},
-    projects:{
-      required:[['血常规','BLD-003','重点项目'],['心电图','ECG-004','一般项目'],['胸部X光','XRY-005','一般项目'],['肝功能','LFT-006','一般项目'],['肾功能','RFT-007','一般项目']],
-      optional:[['经颅多普勒','TCD-001','一般项目'],['腹部彩超','BUS-002','一般项目']],
-      'gyn-unmarried':[], 'gyn-married':[], 'cancer-septin9':[], 'cancer-ca724':[] } },
-  '2': { femaleFee:'300.00', cancerFee:{'cancer-septin9':'1200.00','cancer-ca724':'280.00'},
-    projects:{
-      required:[['血常规','BLD-003','一般项目'],['尿常规','URI-010','一般项目'],['心电图','ECG-004','一般项目']],
-      optional:[['腹部彩超','BUS-002','一般项目'],['空腹血糖','GLU-008','一般项目']],
-      'gyn-unmarried':[['白带常规','GYN-013','一般项目']],
-      'gyn-married':[['宫颈TCT','GYN-014','重点项目'],['乳腺彩超','GYN-015','重点项目']],
-      'cancer-septin9':[['Septin9甲基化','SEP-016','重点项目']],
-      'cancer-ca724':[['CA724','CA7-017','一般项目']] } },
-  '3': { femaleFee:'', cancerFee:{'cancer-septin9':'1200.00','cancer-ca724':'280.00'},
-    projects:{
-      required:[['血常规','BLD-003','一般项目'],['心电图','ECG-004','一般项目'],['血脂四项','LIP-009','重点项目'],['空腹血糖','GLU-008','一般项目']],
-      optional:[['经颅多普勒','TCD-001','一般项目'],['胸部X光','XRY-005','一般项目'],['肝功能','LFT-006','一般项目']],
-      'gyn-unmarried':[['白带常规','GYN-013','一般项目']],
-      'gyn-married':[['宫颈TCT','GYN-014','一般项目']],
-      'cancer-septin9':[], 'cancer-ca724':[] } }
-};
-function rowTemplateData(tr){
-  return comboProjectData[tr.cells[0].textContent.trim()] || { femaleFee:'', cancerFee:{}, projects:{} };
-}
-
-function openAddDrawer(){
-  drawerMode = 'add';
-  editTr = null;
-  document.querySelector('#add-drawer .drawer__title').textContent = '新增组合模板';
-  resetAddDrawer();
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-function closeAddDrawer(){
-  document.getElementById('add-drawer').classList.remove('open');
-  document.getElementById('add-overlay').classList.remove('open');
-}
-function resetAddDrawer(){
-  document.getElementById('tpl-name').value = '';
-  hospitalSelect.clear();
-  document.getElementById('tpl-gender').value = '';
-  document.getElementById('tpl-age').value = '';
-  document.getElementById('tpl-discount-type').value = '';
-  document.getElementById('tpl-discount-amount').value = '';
-  document.getElementById('cancer-fee-input').value = '';
-  document.getElementById('female-fee-input').value = '';
-  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
-  switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
-  onGenderChange();
-}
-
-/* ===== 编辑（复用新增抽屉） ===== */
-function openEditDrawer(btn){
-  var tr = editTr = btn.closest('tr');
-  drawerMode = 'edit';
-  document.querySelector('#add-drawer .drawer__title').textContent = '编辑组合模板';
-  var cells = tr.cells;
-  document.getElementById('tpl-name').value = cells[3].textContent.trim();
-  hospitalSelect.setValue(cells[1].textContent.trim());
-  document.getElementById('tpl-gender').value = cells[4].textContent.trim();
-  document.getElementById('tpl-age').value = cells[5].textContent.trim();
-  var dType = cells[6].textContent.trim();
-  document.getElementById('tpl-discount-type').value = dType;
-  document.getElementById('tpl-discount-amount').value = dType === '百分比' ? cells[8].textContent.trim() : cells[7].textContent.trim();
-  var data = rowTemplateData(tr);
-  document.getElementById('female-fee-input').value = data.femaleFee || '';
-  document.getElementById('cancer-fee-input').value = '';
-  onGenderChange();
-  projectTabKeys.forEach(function(k){
-    var tbody = document.getElementById('tbody-' + k);
-    tbody.innerHTML = '';
-    (data.projects[k] || []).forEach(function(p){ addStaticProjectRow(k, p); });
-  });
-  switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-
-/* 性别切换：男隐藏妇科 tab；女显示女性专项费用 */
-function onGenderChange(){
-  var gender = document.getElementById('tpl-gender').value;
-  var showGyn = gender !== '男';
-  document.getElementById('female-fee-box').style.display = gender === '女' ? 'block' : 'none';
-  document.querySelectorAll('#tpl-tab-nav .tab-nav__item[data-tab="gyn-unmarried"], #tpl-tab-nav .tab-nav__item[data-tab="gyn-married"]').forEach(function(t){
-    t.style.display = showGyn ? '' : 'none';
-  });
-  var active = document.querySelector('#tpl-tab-nav .tab-nav__item.active');
-  if(active && (active.dataset.tab === 'gyn-unmarried' || active.dataset.tab === 'gyn-married') && !showGyn){
-    switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
-  }
-}
-
-/* 项目 tab 切换 */
-function switchProjectTab(el){
-  document.querySelectorAll('#tpl-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
-  if(!el) return;
-  el.classList.add('active');
-  var key = el.dataset.tab;
-  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
-  document.getElementById('panel-' + key).classList.add('active');
-  var isCancer = key === 'cancer-septin9' || key === 'cancer-ca724';
-  document.getElementById('cancer-fee-box').style.display = isCancer ? 'block' : 'none';
-}
-
-/* 添加/删除项目行 */
-function addProjectRow(tabKey){
-  var tbody = document.getElementById('tbody-' + tabKey);
-  var tr = document.createElement('tr');
-
-  var tdItem = document.createElement('td');
-  var tdCode = document.createElement('td');
-  var tdMark = document.createElement('td');
-  var tdOp = document.createElement('td');
-
-  var codeInput = document.createElement('input');
-  codeInput.className = 'row-input';
-  codeInput.readOnly = true;
-  codeInput.placeholder = '自动填充';
-
-  var ss = createSearchSelect(projectData, {
-    sm: true,
-    placeholder: '请选择体检项目',
-    getLabel: function(item){ return item.name + '（' + item.code + '）'; },
-    onSelect: function(item){ codeInput.value = item ? item.code : ''; }
-  });
-
-  var markSelect = document.createElement('select');
-  markSelect.className = 'row-select';
-  ['一般项目','重点项目'].forEach(function(m){
-    var o = document.createElement('option');
-    o.textContent = m;
-    markSelect.appendChild(o);
-  });
-
-  var del = document.createElement('span');
-  del.className = 'link';
-  del.style.color = 'var(--danger)';
-  del.textContent = '删除';
-  del.onclick = function(){ tr.remove(); };
-
-  tdItem.appendChild(ss.container);
-  tdCode.appendChild(codeInput);
-  tdMark.appendChild(markSelect);
-  tdOp.appendChild(del);
-
-  tr.appendChild(tdItem);
-  tr.appendChild(tdCode);
-  tr.appendChild(tdMark);
-  tr.appendChild(tdOp);
-  tbody.appendChild(tr);
-}
-
-function fmt2(v){ var n = Number(v); return isNaN(n) ? v : n.toFixed(2); }
-
-function saveComboTemplate(){
-  if(!document.getElementById('tpl-name').value.trim()){ alert('请输入组合模板名称'); return; }
-  if(hospitalSelect.getValue() === ''){ alert('请选择体检医院'); return; }
-  if(!document.getElementById('tpl-gender').value){ alert('请选择性别'); return; }
-  if(!document.getElementById('tpl-age').value){ alert('请选择年龄范围'); return; }
-  if(!document.getElementById('tpl-discount-type').value){ alert('请选择折扣类型'); return; }
-  if(!document.getElementById('tpl-discount-amount').value){ alert('请输入折扣金额'); return; }
-  if(document.getElementById('tpl-gender').value === '女' && !document.getElementById('female-fee-input').value){ alert('请输入女性专项费用'); return; }
-  if(drawerMode === 'edit' && editTr){
-    var cells = editTr.cells;
-    cells[1].textContent = hospitalData[Number(hospitalSelect.getValue())];
-    cells[3].textContent = document.getElementById('tpl-name').value.trim();
-    cells[4].textContent = document.getElementById('tpl-gender').value;
-    cells[5].textContent = document.getElementById('tpl-age').value;
-    var dType = document.getElementById('tpl-discount-type').value;
-    var amount = document.getElementById('tpl-discount-amount').value;
-    cells[6].textContent = dType;
-    if(dType === '数值'){ cells[7].textContent = fmt2(amount); cells[8].textContent = '—'; }
-    else { cells[7].textContent = '—'; cells[8].textContent = amount; }
-    var key = cells[0].textContent.trim();
-    var entry = comboProjectData[key] || (comboProjectData[key] = { femaleFee:'', cancerFee:{'cancer-septin9':'1200.00','cancer-ca724':'280.00'}, projects:{} });
-    entry.femaleFee = cells[4].textContent === '女' ? fmt2(document.getElementById('female-fee-input').value) : '';
-    if(document.getElementById('cancer-fee-input').value){
-      var cf = fmt2(document.getElementById('cancer-fee-input').value);
-      entry.cancerFee['cancer-septin9'] = cf;
-      entry.cancerFee['cancer-ca724'] = cf;
-    }
-    entry.projects = { 'required':[], 'optional':[], 'gyn-unmarried':[], 'gyn-married':[], 'cancer-septin9':[], 'cancer-ca724':[] };
-    projectTabKeys.forEach(function(k){
-      document.querySelectorAll('#tbody-' + k + ' tr').forEach(function(row){
-        var sel = row.querySelector('.search-select__input');
-        var label = sel ? sel.value : '';
-        var nm = label.replace(/（[^（）]*）$/, '');
-        entry.projects[k].push([nm, row.querySelector('.row-input').value, row.querySelector('.row-select').value]);
-      });
-    });
-    alert('已保存（原型演示）');
-  } else {
-    alert('已保存（原型演示）');
-  }
-  closeAddDrawer();
-}
-
-/* 以静态值添加项目行（编辑回填用） */
-function addStaticProjectRow(tabKey, p){
-  var tbody = document.getElementById('tbody-' + tabKey);
-  var tr = document.createElement('tr');
-  var tdItem = document.createElement('td'); tdItem.className = 'row-static';
-  var tdCode = document.createElement('td');
-  var tdMark = document.createElement('td');
-  var tdOp = document.createElement('td');
-  tdItem.textContent = p[0];
-  var codeInput = document.createElement('input');
-  codeInput.className = 'row-input';
-  codeInput.readOnly = true;
-  codeInput.value = p[1];
-  var markSelect = document.createElement('select');
-  markSelect.className = 'row-select';
-  ['一般项目','重点项目'].forEach(function(m){
-    var o = document.createElement('option');
-    o.textContent = m;
-    if(m === p[2]) o.selected = true;
-    markSelect.appendChild(o);
-  });
-  var del = document.createElement('span');
-  del.className = 'link';
-  del.style.color = 'var(--danger)';
-  del.textContent = '删除';
-  del.onclick = function(){ tr.remove(); };
-  tdCode.appendChild(codeInput);
-  tdMark.appendChild(markSelect);
-  tdOp.appendChild(del);
-  tr.appendChild(tdItem);
-  tr.appendChild(tdCode);
-  tr.appendChild(tdMark);
-  tr.appendChild(tdOp);
-  tbody.appendChild(tr);
-}
-
-/* ===== 组合模板详情弹窗 ===== */
-var detailTabKeys = projectTabKeys;
-var detailTabLabels = {
-  'required':'必检项目', 'optional':'自选项目',
-  'gyn-unmarried':'妇科未婚项目', 'gyn-married':'妇科已婚项目',
-  'cancer-septin9':'防癌筛查项目（Septin9）', 'cancer-ca724':'防癌筛查项目（CA724）'
-};
-function switchDetailTab(key){
-  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.toggle('active', t.dataset.tab === key); });
-  detailTabKeys.forEach(function(k){
-    var el = document.getElementById('dpanel-' + k);
-    if(el) el.classList.toggle('active', k === key);
-  });
-}
-function openDetailModal(btn){
-  var tr = btn.closest('tr');
-  var cells = tr.cells;
-  var data = rowTemplateData(tr);
-  var gender = cells[4].textContent.trim();
-  document.getElementById('d-hospital').textContent = cells[1].textContent.trim();
-  document.getElementById('d-year').textContent = cells[2].textContent.trim();
-  document.getElementById('d-name').textContent = cells[3].textContent.trim();
-  document.getElementById('d-gender').textContent = gender;
-  document.getElementById('d-age').textContent = cells[5].textContent.trim();
-  document.getElementById('d-female-fee').textContent = gender === '女' && data.femaleFee ? data.femaleFee : '—';
-  var dType = cells[6].textContent.trim();
-  document.getElementById('d-discount-type').textContent = dType;
-  document.getElementById('d-discount').textContent = dType === '数值' ? cells[7].textContent.trim() + ' 元'
-    : dType === '百分比' ? cells[8].textContent.trim() + '%' : '—';
-  var nav = document.getElementById('detail-tab-nav');
-  var panels = document.getElementById('detail-tab-panels');
-  nav.innerHTML = ''; panels.innerHTML = '';
-  var first = null;
-  detailTabKeys.forEach(function(k){
-    if(gender === '男' && (k === 'gyn-unmarried' || k === 'gyn-married')) return;
-    var isCancer = k === 'cancer-septin9' || k === 'cancer-ca724';
-    var item = document.createElement('div');
-    item.className = 'tab-nav__item';
-    item.dataset.tab = k;
-    item.textContent = detailTabLabels[k];
-    item.onclick = function(){ switchDetailTab(k); };
-    nav.appendChild(item);
-    var panel = document.createElement('div');
-    panel.className = 'tab-panel';
-    panel.id = 'dpanel-' + k;
-    var inner = '<table><thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th></tr></thead><tbody>';
-    var rows = (data.projects[k] || []);
-    if(rows.length){
-      rows.forEach(function(p){ inner += '<tr><td>' + p[0] + '</td><td>' + p[1] + '</td><td>' + p[2] + '</td></tr>'; });
-    } else {
-      inner += '<tr><td colspan="3" style="text-align:center;color:var(--text-placeholder);">暂无项目</td></tr>';
-    }
-    inner += '</tbody></table>';
-    if(isCancer){
-      inner += '<div class="cancer-fee">防癌筛查默认费用：<b>' + ((data.cancerFee && data.cancerFee[k]) || '—') + '</b> 元</div>';
-    }
-    panel.innerHTML = inner;
-    panels.appendChild(panel);
-    if(!first) first = item;
-  });
-  if(first) switchDetailTab(first.dataset.tab);
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-function closeDetailModal(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-
-/* ===== 复制上一年度模板弹窗 ===== */
-var templateData = {
-  '泾河医院': ['45岁以上男性标准套餐', '35岁以下女性标准套餐', '35-45岁通用套餐'],
-  '庆阳医院': ['35岁以下女性标准套餐', '45岁及以上通用套餐', '35-45岁通用套餐'],
-  '延安医院': ['35-45岁通用套餐', '45岁以上男性标准套餐'],
-  '兴隆园医院': ['35岁以下女性标准套餐', '35-45岁通用套餐'],
-  '宁夏宝石花医院': ['35-45岁通用套餐', '45岁以上男性标准套餐', '35岁以下女性标准套餐']
-};
-
-function openCopyModal(){
-  document.getElementById('copy-hospital').value = '';
-  onCopyHospitalChange();
-  document.getElementById('copy-modal-overlay').classList.add('open');
-}
-function closeCopyModal(){
-  document.getElementById('copy-modal-overlay').classList.remove('open');
-}
-function onCopyHospitalChange(){
-  var hospital = document.getElementById('copy-hospital').value;
-  var tplSelect = document.getElementById('copy-template');
-  tplSelect.innerHTML = '';
-  var ph = document.createElement('option');
-  ph.value = '';
-  ph.textContent = hospital ? '请选择模板' : '请先选择体检医院';
-  tplSelect.appendChild(ph);
-  (templateData[hospital] || []).forEach(function(name){
-    var o = document.createElement('option');
-    o.textContent = name;
-    tplSelect.appendChild(o);
-  });
-  tplSelect.disabled = !hospital;
-}
-function saveCopyTemplate(){
-  var hospital = document.getElementById('copy-hospital').value;
-  var template = document.getElementById('copy-template').value;
-  if(!hospital){ alert('请选择体检医院'); return; }
-  if(!template){ alert('请选择模板'); return; }
-  alert('已复制「' + hospital + ' - ' + template + '」到本年度（原型演示）');
-  closeCopyModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select">
+        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>模板名称：</label>
+      <input class="filter-input" type="text" placeholder="请输入模板名称" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>体检医院：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄区间：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;">
+    <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+    <button class="btn btn-default" onclick="openCopyModal()">复制上一年度模板</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">体检项目组合模板</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <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>2025</td><td>45岁以上男性标准套餐</td><td>男</td><td>45岁及以上</td><td>数值</td><td>200.00</td><td>—</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        <tr><td>2</td><td>庆阳医院</td><td>2025</td><td>35岁以下女性标准套餐</td><td>女</td><td>35岁以下</td><td>百分比</td><td>—</td><td>85</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        <tr><td>3</td><td>延安医院</td><td>2025</td><td>35-45岁通用套餐</td><td>通用</td><td>35-45岁</td><td>数值</td><td>150.00</td><td>—</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 12 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 新增组合模板抽屉 -->
+<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
+<div class="drawer" id="add-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title">新增组合模板</div>
+    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 组合模板名称</div>
+        <input class="form-input" id="tpl-name" placeholder="请输入组合模板名称">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检医院</div>
+        <div id="tpl-hospital-select"></div>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 性别</div>
+        <select class="form-select" id="tpl-gender" onchange="onGenderChange()">
+          <option value="">请选择</option>
+          <option value="男">男</option>
+          <option value="女">女</option>
+          <option value="通用">通用</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 年龄范围</div>
+        <select class="form-select" id="tpl-age">
+          <option value="">请选择</option>
+          <option>35岁以下</option>
+          <option>35-45岁</option>
+          <option>45岁及以上</option>
+        </select>
+      </div>
+    </div>
+
+    <div id="female-fee-box" style="display:none;">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 女性专项费用（元）</div>
+        <input class="form-input" id="female-fee-input" type="number" min="0" step="0.01" placeholder="请输入女性专项费用">
+      </div>
+    </div>
+
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 折扣类型</div>
+        <select class="form-select" id="tpl-discount-type">
+          <option value="">请选择</option>
+          <option value="数值">数值</option>
+          <option value="百分比">百分比</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 折扣金额（元）</div>
+        <input class="form-input" id="tpl-discount-amount" type="number" min="0" step="0.01" placeholder="请输入折扣金额">
+      </div>
+    </div>
+
+    <div class="tab-box">
+      <div class="tab-nav" id="tpl-tab-nav">
+        <div class="tab-nav__item active" data-tab="required" onclick="switchProjectTab(this)">必检项目</div>
+        <div class="tab-nav__item" data-tab="optional" onclick="switchProjectTab(this)">自选项目</div>
+        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchProjectTab(this)">妇科未婚项目</div>
+        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchProjectTab(this)">妇科已婚项目</div>
+        <div class="tab-nav__item" data-tab="cancer" onclick="switchProjectTab(this)">防癌筛查项目</div>
+      </div>
+
+      <div class="cancer-fee" id="cancer-fee-box" style="display:none;">
+        <div class="form-item">
+          <div class="form-label">防癌筛查默认费用（元）</div>
+          <input class="form-input" id="cancer-fee-input" type="number" min="0" step="0.01" placeholder="请输入防癌筛查默认费用">
+        </div>
+      </div>
+
+      <div class="tab-panel active" id="panel-required">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('required')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-required"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-optional">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('optional')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-optional"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-gyn-unmarried">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-unmarried')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-gyn-unmarried"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-gyn-married">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-married')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-gyn-married"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-cancer">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-cancer"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
+    <button class="btn btn-primary" onclick="saveComboTemplate()">确认保存</button>
+  </div>
+</div>
+
+<!-- 复制上一年度模板弹窗 -->
+<div class="modal-overlay" id="copy-modal-overlay" onclick="if(event.target===this)closeCopyModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">复制上一年度模板</div>
+      <button class="modal__close" onclick="closeCopyModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">上一年度（复制来源）</div>
+          <input class="form-input" id="copy-source-year" value="2024" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">本年度（复制目标）</div>
+          <input class="form-input" id="copy-target-year" value="2025" disabled>
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检医院</div>
+        <select class="form-select" id="copy-hospital" onchange="onCopyHospitalChange()">
+          <option value="">请选择</option>
+          <option>泾河医院</option>
+          <option>庆阳医院</option>
+          <option>延安医院</option>
+          <option>兴隆园医院</option>
+          <option>宁夏宝石花医院</option>
+        </select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 模板</div>
+        <select class="form-select" id="copy-template" disabled>
+          <option value="">请先选择体检医院</option>
+        </select>
+      </div>
+      <div class="copy-tip">确认后将把所选医院的上一年度（2024）模板复制到本年度（2025），已存在的同名模板将被覆盖。</div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeCopyModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveCopyTemplate()">确认复制</button>
+    </div>
+  </div>
+</div>
+
+<!-- 组合模板详情弹窗 -->
+<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetailModal()">
+  <div class="modal" style="width:720px;">
+    <div class="modal__header">
+      <div class="modal__title">组合模板详情</div>
+      <button class="modal__close" onclick="closeDetailModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="d-hospital">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">体检年份</span><span class="detail-item__value" id="d-year">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">组合模板名称</span><span class="detail-item__value" id="d-name">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">性别</span><span class="detail-item__value" id="d-gender">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">年龄范围</span><span class="detail-item__value" id="d-age">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">女性专项费用（元）</span><span class="detail-item__value" id="d-female-fee">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">折扣类型</span><span class="detail-item__value" id="d-discount-type">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">折扣金额</span><span class="detail-item__value" id="d-discount">—</span></div>
+      </div>
+      <div class="tab-box" style="margin-top:20px;">
+        <div class="tab-nav" id="detail-tab-nav"></div>
+        <div id="detail-tab-panels"></div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 新增组合模板抽屉 ===== */
+var hospitalData = ['泾河医院','庆阳医院','延安医院','兴隆园医院','宁夏宝石花医院'];
+var projectData = [
+  {name:'经颅多普勒', code:'TCD-001'},
+  {name:'腹部彩超', code:'BUS-002'},
+  {name:'血常规', code:'BLD-003'},
+  {name:'心电图', code:'ECG-004'},
+  {name:'胸部X光', code:'XRY-005'},
+  {name:'肝功能', code:'LFT-006'},
+  {name:'肾功能', code:'RFT-007'},
+  {name:'空腹血糖', code:'GLU-008'},
+  {name:'血脂四项', code:'LIP-009'},
+  {name:'尿常规', code:'URI-010'},
+  {name:'胃镜', code:'GAS-011'},
+  {name:'肠镜', code:'COL-012'}
+];
+var projectTabKeys = ['required','optional','gyn-unmarried','gyn-married','cancer'];
+
+/* 可搜索下拉通用组件 */
+function createSearchSelect(data, opts){
+  var container = document.createElement('div');
+  container.className = 'search-select' + (opts.sm ? ' search-select--sm' : '');
+  var input = document.createElement('input');
+  input.type = 'text';
+  input.className = 'search-select__input';
+  input.placeholder = opts.placeholder || '请输入关键词搜索';
+  input.setAttribute('autocomplete', 'off');
+  var hidden = document.createElement('input');
+  hidden.type = 'hidden';
+  var clear = document.createElement('span');
+  clear.className = 'search-select__clear';
+  clear.textContent = '✕';
+  clear.title = '清除';
+  var dropdown = document.createElement('div');
+  dropdown.className = 'search-select__dropdown';
+  container.appendChild(input);
+  container.appendChild(hidden);
+  container.appendChild(clear);
+  container.appendChild(dropdown);
+
+  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
+
+  function renderOptions(kw){
+    dropdown.innerHTML = '';
+    var kwl = kw.trim().toLowerCase();
+    var has = false;
+    data.forEach(function(item, idx){
+      var label = getLabel(item);
+      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
+        has = true;
+        (function(item, label){
+          var opt = document.createElement('div');
+          opt.className = 'search-select__option';
+          opt.textContent = label;
+          opt.onclick = function(){
+            hidden.value = idx;
+            input.value = label;
+            container.classList.add('has-value');
+            dropdown.classList.remove('show');
+            if(opts.onSelect) opts.onSelect(item);
+          };
+          dropdown.appendChild(opt);
+        })(item, label);
+      }
+    });
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
+  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
+  clear.addEventListener('click', function(){
+    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
+    if(opts.onSelect) opts.onSelect(null);
+  });
+  document.addEventListener('click', function(e){
+    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
+  });
+
+  return {
+    container: container,
+    getValue: function(){ return hidden.value; },
+    setValue: function(label){
+      var idx = data.findIndex(function(it){ return getLabel(it) === label; });
+      if(idx !== -1){ hidden.value = idx; input.value = label; container.classList.add('has-value'); }
+      else { this.clear(); }
+    },
+    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
+  };
+}
+
+/* 体检医院搜索下拉 */
+var hospitalSelect = createSearchSelect(hospitalData, {
+  placeholder: '请输入医院名称搜索',
+  getLabel: function(item){ return item; }
+});
+document.getElementById('tpl-hospital-select').appendChild(hospitalSelect.container);
+
+/* 抽屉状态：'add' 新增 / 'edit' 编辑；editTr 记录被编辑的行 */
+var drawerMode = 'add';
+var editTr = null;
+
+/* 各模板的项目清单与专项费用（按行序号索引） */
+var comboProjectData = {
+  '1': { femaleFee:'', cancerFee:{'cancer':'1200.00'},
+    projects:{
+      required:[['血常规','BLD-003','重点项目'],['心电图','ECG-004','一般项目'],['胸部X光','XRY-005','一般项目'],['肝功能','LFT-006','一般项目'],['肾功能','RFT-007','一般项目']],
+      optional:[['经颅多普勒','TCD-001','一般项目'],['腹部彩超','BUS-002','一般项目']],
+      'gyn-unmarried':[], 'gyn-married':[], 'cancer':[] } },
+  '2': { femaleFee:'300.00', cancerFee:{'cancer':'1200.00'},
+    projects:{
+      required:[['血常规','BLD-003','一般项目'],['尿常规','URI-010','一般项目'],['心电图','ECG-004','一般项目']],
+      optional:[['腹部彩超','BUS-002','一般项目'],['空腹血糖','GLU-008','一般项目']],
+      'gyn-unmarried':[['白带常规','GYN-013','一般项目']],
+      'gyn-married':[['宫颈TCT','GYN-014','重点项目'],['乳腺彩超','GYN-015','重点项目']],
+      'cancer':[['Septin9甲基化','SEP-016','重点项目'],['CA724','CA7-017','一般项目']] } },
+  '3': { femaleFee:'', cancerFee:{'cancer':'1200.00'},
+    projects:{
+      required:[['血常规','BLD-003','一般项目'],['心电图','ECG-004','一般项目'],['血脂四项','LIP-009','重点项目'],['空腹血糖','GLU-008','一般项目']],
+      optional:[['经颅多普勒','TCD-001','一般项目'],['胸部X光','XRY-005','一般项目'],['肝功能','LFT-006','一般项目']],
+      'gyn-unmarried':[['白带常规','GYN-013','一般项目']],
+      'gyn-married':[['宫颈TCT','GYN-014','一般项目']],
+      'cancer':[] } }
+};
+function rowTemplateData(tr){
+  return comboProjectData[tr.cells[0].textContent.trim()] || { femaleFee:'', cancerFee:{}, projects:{} };
+}
+
+function openAddDrawer(){
+  drawerMode = 'add';
+  editTr = null;
+  document.querySelector('#add-drawer .drawer__title').textContent = '新增组合模板';
+  resetAddDrawer();
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+function closeAddDrawer(){
+  document.getElementById('add-drawer').classList.remove('open');
+  document.getElementById('add-overlay').classList.remove('open');
+}
+function resetAddDrawer(){
+  document.getElementById('tpl-name').value = '';
+  hospitalSelect.clear();
+  document.getElementById('tpl-gender').value = '';
+  document.getElementById('tpl-age').value = '';
+  document.getElementById('tpl-discount-type').value = '';
+  document.getElementById('tpl-discount-amount').value = '';
+  document.getElementById('cancer-fee-input').value = '';
+  document.getElementById('female-fee-input').value = '';
+  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
+  switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
+  onGenderChange();
+}
+
+/* ===== 编辑（复用新增抽屉） ===== */
+function openEditDrawer(btn){
+  var tr = editTr = btn.closest('tr');
+  drawerMode = 'edit';
+  document.querySelector('#add-drawer .drawer__title').textContent = '编辑组合模板';
+  var cells = tr.cells;
+  document.getElementById('tpl-name').value = cells[3].textContent.trim();
+  hospitalSelect.setValue(cells[1].textContent.trim());
+  document.getElementById('tpl-gender').value = cells[4].textContent.trim();
+  document.getElementById('tpl-age').value = cells[5].textContent.trim();
+  var dType = cells[6].textContent.trim();
+  document.getElementById('tpl-discount-type').value = dType;
+  document.getElementById('tpl-discount-amount').value = dType === '百分比' ? cells[8].textContent.trim() : cells[7].textContent.trim();
+  var data = rowTemplateData(tr);
+  document.getElementById('female-fee-input').value = data.femaleFee || '';
+  document.getElementById('cancer-fee-input').value = '';
+  onGenderChange();
+  projectTabKeys.forEach(function(k){
+    var tbody = document.getElementById('tbody-' + k);
+    tbody.innerHTML = '';
+    (data.projects[k] || []).forEach(function(p){ addStaticProjectRow(k, p); });
+  });
+  switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+
+/* 性别切换：男隐藏妇科 tab；女显示女性专项费用 */
+function onGenderChange(){
+  var gender = document.getElementById('tpl-gender').value;
+  var showGyn = gender !== '男';
+  document.getElementById('female-fee-box').style.display = gender === '女' ? 'block' : 'none';
+  document.querySelectorAll('#tpl-tab-nav .tab-nav__item[data-tab="gyn-unmarried"], #tpl-tab-nav .tab-nav__item[data-tab="gyn-married"]').forEach(function(t){
+    t.style.display = showGyn ? '' : 'none';
+  });
+  var active = document.querySelector('#tpl-tab-nav .tab-nav__item.active');
+  if(active && (active.dataset.tab === 'gyn-unmarried' || active.dataset.tab === 'gyn-married') && !showGyn){
+    switchProjectTab(document.querySelector('#tpl-tab-nav .tab-nav__item[data-tab="required"]'));
+  }
+}
+
+/* 项目 tab 切换 */
+function switchProjectTab(el){
+  document.querySelectorAll('#tpl-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
+  if(!el) return;
+  el.classList.add('active');
+  var key = el.dataset.tab;
+  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('panel-' + key).classList.add('active');
+  var isCancer = key === 'cancer';
+  document.getElementById('cancer-fee-box').style.display = isCancer ? 'block' : 'none';
+}
+
+/* 添加/删除项目行 */
+function addProjectRow(tabKey){
+  var tbody = document.getElementById('tbody-' + tabKey);
+  var tr = document.createElement('tr');
+
+  var tdItem = document.createElement('td');
+  var tdCode = document.createElement('td');
+  var tdMark = document.createElement('td');
+  var tdOp = document.createElement('td');
+
+  var codeInput = document.createElement('input');
+  codeInput.className = 'row-input';
+  codeInput.readOnly = true;
+  codeInput.placeholder = '自动填充';
+
+  var ss = createSearchSelect(projectData, {
+    sm: true,
+    placeholder: '请选择体检项目',
+    getLabel: function(item){ return item.name + '（' + item.code + '）'; },
+    onSelect: function(item){ codeInput.value = item ? item.code : ''; }
+  });
+
+  var markSelect = document.createElement('select');
+  markSelect.className = 'row-select';
+  ['一般项目','重点项目'].forEach(function(m){
+    var o = document.createElement('option');
+    o.textContent = m;
+    markSelect.appendChild(o);
+  });
+
+  var del = document.createElement('span');
+  del.className = 'link';
+  del.style.color = 'var(--danger)';
+  del.textContent = '删除';
+  del.onclick = function(){ tr.remove(); };
+
+  tdItem.appendChild(ss.container);
+  tdCode.appendChild(codeInput);
+  tdMark.appendChild(markSelect);
+  tdOp.appendChild(del);
+
+  tr.appendChild(tdItem);
+  tr.appendChild(tdCode);
+  tr.appendChild(tdMark);
+  tr.appendChild(tdOp);
+  tbody.appendChild(tr);
+}
+
+function fmt2(v){ var n = Number(v); return isNaN(n) ? v : n.toFixed(2); }
+
+function saveComboTemplate(){
+  if(!document.getElementById('tpl-name').value.trim()){ alert('请输入组合模板名称'); return; }
+  if(hospitalSelect.getValue() === ''){ alert('请选择体检医院'); return; }
+  if(!document.getElementById('tpl-gender').value){ alert('请选择性别'); return; }
+  if(!document.getElementById('tpl-age').value){ alert('请选择年龄范围'); return; }
+  if(!document.getElementById('tpl-discount-type').value){ alert('请选择折扣类型'); return; }
+  if(!document.getElementById('tpl-discount-amount').value){ alert('请输入折扣金额'); return; }
+  if(document.getElementById('tpl-gender').value === '女' && !document.getElementById('female-fee-input').value){ alert('请输入女性专项费用'); return; }
+  if(drawerMode === 'edit' && editTr){
+    var cells = editTr.cells;
+    cells[1].textContent = hospitalData[Number(hospitalSelect.getValue())];
+    cells[3].textContent = document.getElementById('tpl-name').value.trim();
+    cells[4].textContent = document.getElementById('tpl-gender').value;
+    cells[5].textContent = document.getElementById('tpl-age').value;
+    var dType = document.getElementById('tpl-discount-type').value;
+    var amount = document.getElementById('tpl-discount-amount').value;
+    cells[6].textContent = dType;
+    if(dType === '数值'){ cells[7].textContent = fmt2(amount); cells[8].textContent = '—'; }
+    else { cells[7].textContent = '—'; cells[8].textContent = amount; }
+    var key = cells[0].textContent.trim();
+    var entry = comboProjectData[key] || (comboProjectData[key] = { femaleFee:'', cancerFee:{'cancer':'1200.00'}, projects:{} });
+    entry.femaleFee = cells[4].textContent === '女' ? fmt2(document.getElementById('female-fee-input').value) : '';
+    if(document.getElementById('cancer-fee-input').value){
+      var cf = fmt2(document.getElementById('cancer-fee-input').value);
+      entry.cancerFee['cancer'] = cf;
+    }
+    entry.projects = { 'required':[], 'optional':[], 'gyn-unmarried':[], 'gyn-married':[], 'cancer':[] };
+    projectTabKeys.forEach(function(k){
+      document.querySelectorAll('#tbody-' + k + ' tr').forEach(function(row){
+        var sel = row.querySelector('.search-select__input');
+        var label = sel ? sel.value : '';
+        var nm = label.replace(/（[^（）]*）$/, '');
+        entry.projects[k].push([nm, row.querySelector('.row-input').value, row.querySelector('.row-select').value]);
+      });
+    });
+    alert('已保存（原型演示）');
+  } else {
+    alert('已保存（原型演示）');
+  }
+  closeAddDrawer();
+}
+
+/* 以静态值添加项目行（编辑回填用） */
+function addStaticProjectRow(tabKey, p){
+  var tbody = document.getElementById('tbody-' + tabKey);
+  var tr = document.createElement('tr');
+  var tdItem = document.createElement('td'); tdItem.className = 'row-static';
+  var tdCode = document.createElement('td');
+  var tdMark = document.createElement('td');
+  var tdOp = document.createElement('td');
+  tdItem.textContent = p[0];
+  var codeInput = document.createElement('input');
+  codeInput.className = 'row-input';
+  codeInput.readOnly = true;
+  codeInput.value = p[1];
+  var markSelect = document.createElement('select');
+  markSelect.className = 'row-select';
+  ['一般项目','重点项目'].forEach(function(m){
+    var o = document.createElement('option');
+    o.textContent = m;
+    if(m === p[2]) o.selected = true;
+    markSelect.appendChild(o);
+  });
+  var del = document.createElement('span');
+  del.className = 'link';
+  del.style.color = 'var(--danger)';
+  del.textContent = '删除';
+  del.onclick = function(){ tr.remove(); };
+  tdCode.appendChild(codeInput);
+  tdMark.appendChild(markSelect);
+  tdOp.appendChild(del);
+  tr.appendChild(tdItem);
+  tr.appendChild(tdCode);
+  tr.appendChild(tdMark);
+  tr.appendChild(tdOp);
+  tbody.appendChild(tr);
+}
+
+/* ===== 组合模板详情弹窗 ===== */
+var detailTabKeys = projectTabKeys;
+var detailTabLabels = {
+  'required':'必检项目', 'optional':'自选项目',
+  'gyn-unmarried':'妇科未婚项目', 'gyn-married':'妇科已婚项目',
+  'cancer':'防癌筛查项目'
+};
+function switchDetailTab(key){
+  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.toggle('active', t.dataset.tab === key); });
+  detailTabKeys.forEach(function(k){
+    var el = document.getElementById('dpanel-' + k);
+    if(el) el.classList.toggle('active', k === key);
+  });
+}
+function openDetailModal(btn){
+  var tr = btn.closest('tr');
+  var cells = tr.cells;
+  var data = rowTemplateData(tr);
+  var gender = cells[4].textContent.trim();
+  document.getElementById('d-hospital').textContent = cells[1].textContent.trim();
+  document.getElementById('d-year').textContent = cells[2].textContent.trim();
+  document.getElementById('d-name').textContent = cells[3].textContent.trim();
+  document.getElementById('d-gender').textContent = gender;
+  document.getElementById('d-age').textContent = cells[5].textContent.trim();
+  document.getElementById('d-female-fee').textContent = gender === '女' && data.femaleFee ? data.femaleFee : '—';
+  var dType = cells[6].textContent.trim();
+  document.getElementById('d-discount-type').textContent = dType;
+  document.getElementById('d-discount').textContent = dType === '数值' ? cells[7].textContent.trim() + ' 元'
+    : dType === '百分比' ? cells[8].textContent.trim() + '%' : '—';
+  var nav = document.getElementById('detail-tab-nav');
+  var panels = document.getElementById('detail-tab-panels');
+  nav.innerHTML = ''; panels.innerHTML = '';
+  var first = null;
+  detailTabKeys.forEach(function(k){
+    if(gender === '男' && (k === 'gyn-unmarried' || k === 'gyn-married')) return;
+    var isCancer = k === 'cancer';
+    var item = document.createElement('div');
+    item.className = 'tab-nav__item';
+    item.dataset.tab = k;
+    item.textContent = detailTabLabels[k];
+    item.onclick = function(){ switchDetailTab(k); };
+    nav.appendChild(item);
+    var panel = document.createElement('div');
+    panel.className = 'tab-panel';
+    panel.id = 'dpanel-' + k;
+    var inner = '<table><thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th></tr></thead><tbody>';
+    var rows = (data.projects[k] || []);
+    if(rows.length){
+      rows.forEach(function(p){ inner += '<tr><td>' + p[0] + '</td><td>' + p[1] + '</td><td>' + p[2] + '</td></tr>'; });
+    } else {
+      inner += '<tr><td colspan="3" style="text-align:center;color:var(--text-placeholder);">暂无项目</td></tr>';
+    }
+    inner += '</tbody></table>';
+    if(isCancer){
+      inner += '<div class="cancer-fee">防癌筛查默认费用：<b>' + ((data.cancerFee && data.cancerFee[k]) || '—') + '</b> 元</div>';
+    }
+    panel.innerHTML = inner;
+    panels.appendChild(panel);
+    if(!first) first = item;
+  });
+  if(first) switchDetailTab(first.dataset.tab);
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+function closeDetailModal(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+
+/* ===== 复制上一年度模板弹窗 ===== */
+var templateData = {
+  '泾河医院': ['45岁以上男性标准套餐', '35岁以下女性标准套餐', '35-45岁通用套餐'],
+  '庆阳医院': ['35岁以下女性标准套餐', '45岁及以上通用套餐', '35-45岁通用套餐'],
+  '延安医院': ['35-45岁通用套餐', '45岁以上男性标准套餐'],
+  '兴隆园医院': ['35岁以下女性标准套餐', '35-45岁通用套餐'],
+  '宁夏宝石花医院': ['35-45岁通用套餐', '45岁以上男性标准套餐', '35岁以下女性标准套餐']
+};
+
+function openCopyModal(){
+  document.getElementById('copy-hospital').value = '';
+  onCopyHospitalChange();
+  document.getElementById('copy-modal-overlay').classList.add('open');
+}
+function closeCopyModal(){
+  document.getElementById('copy-modal-overlay').classList.remove('open');
+}
+function onCopyHospitalChange(){
+  var hospital = document.getElementById('copy-hospital').value;
+  var tplSelect = document.getElementById('copy-template');
+  tplSelect.innerHTML = '';
+  var ph = document.createElement('option');
+  ph.value = '';
+  ph.textContent = hospital ? '请选择模板' : '请先选择体检医院';
+  tplSelect.appendChild(ph);
+  (templateData[hospital] || []).forEach(function(name){
+    var o = document.createElement('option');
+    o.textContent = name;
+    tplSelect.appendChild(o);
+  });
+  tplSelect.disabled = !hospital;
+}
+function saveCopyTemplate(){
+  var hospital = document.getElementById('copy-hospital').value;
+  var template = document.getElementById('copy-template').value;
+  if(!hospital){ alert('请选择体检医院'); return; }
+  if(!template){ alert('请选择模板'); return; }
+  alert('已复制「' + hospital + ' - ' + template + '」到本年度（原型演示）');
+  closeCopyModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-item-exception.html b/web-admin/health-checkup/pre-item-exception.html
index 84ec529..9698f29 100644
--- a/web-admin/health-checkup/pre-item-exception.html
+++ b/web-admin/health-checkup/pre-item-exception.html
@@ -1,246 +1,246 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 抽屉弹窗 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-item{margin-bottom:20px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  /* 可搜索下拉 */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
-  .search-select__clear:hover{background:#999;}
-  .search-select.has-value:hover .search-select__clear{display:flex;}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;}
-  .search-select--sm .search-select__dropdown{top:36px;}
-  .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;}
-  .search-select.is-disabled .search-select__input{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .search-select.is-disabled .search-select__clear{display:none !important;}
-  .row-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  /* 项目 TAB */
-  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
-  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
-  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
-  .tab-nav__item:hover{color:var(--primary);}
-  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
-  .tab-panel{display:none;padding:16px;}
-  .tab-panel.active{display:block;}
-  .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;}
-  /* 表格内行内控件 */
-  .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;}
-  .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 8px center;appearance:none;cursor:pointer;}
-  /* 详情只读弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:720px;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-bottom:20px;}
-  .detail-item{display:flex;flex-direction:column;gap:4px;}
-  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
-  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item active">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 抽屉弹窗 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-item{margin-bottom:20px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  /* 可搜索下拉 */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
+  .search-select__clear:hover{background:#999;}
+  .search-select.has-value:hover .search-select__clear{display:flex;}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  .search-select--sm .search-select__input{height:32px;padding:0 36px 0 8px;background-position:right 8px center;}
+  .search-select--sm .search-select__dropdown{top:36px;}
+  .search-select--sm .search-select__clear{right:20px;width:16px;height:16px;font-size:10px;}
+  .search-select.is-disabled .search-select__input{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .search-select.is-disabled .search-select__clear{display:none !important;}
+  .row-select:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  /* 项目 TAB */
+  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
+  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
+  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
+  .tab-nav__item:hover{color:var(--primary);}
+  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
+  .tab-panel{display:none;padding:16px;}
+  .tab-panel.active{display:block;}
+  .panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;}
+  /* 表格内行内控件 */
+  .row-input{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#FAFAFA;}
+  .row-select{width:100%;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 8px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 8px center;appearance:none;cursor:pointer;}
+  /* 详情只读弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:720px;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-bottom:20px;}
+  .detail-item{display:flex;flex-direction:column;gap:4px;}
+  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item active">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -252,723 +252,715 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select">
-        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>是否有效：</label>
-      <select class="filter-select" style="min-width:90px;">
-        <option>请选择</option><option>有效</option><option>无效</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>项目组合模板：</label>
-      <select class="filter-select" style="min-width:180px;">
-        <option>请选择</option><option>45岁以上男性标准套餐</option><option>35岁以下女性标准套餐</option><option>35-45岁通用套餐</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>体检医院：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:90px;">
-        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄区间：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;">
-    <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-    <button class="btn btn-default">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">组合模板例外配置</div>
-    </div>
-    <div class="table-card__content">
-    <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>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td>45岁以上男性标准套餐</td><td>第一采油厂</td><td>泾河医院</td><td>2025</td><td>男</td><td>45岁及以上</td><td><span class="tag tag-green">有效</span></td><td>2025-03-01</td><td>2025-04-15</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        <tr><td>2</td><td>35岁以下女性标准套餐</td><td>第二采油厂</td><td>庆阳医院</td><td>2025</td><td>女</td><td>35岁以下</td><td><span class="tag tag-green">有效</span></td><td>2025-03-05</td><td>2025-04-20</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        <tr><td>3</td><td>35-45岁通用套餐</td><td>第三采油厂</td><td>延安医院</td><td>2025</td><td>通用</td><td>35-45岁</td><td><span class="tag tag-red">无效</span></td><td>2025-02-18</td><td>2025-03-10</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 35 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <button class="page-btn">4</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 新增例外配置抽屉 -->
-<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
-<div class="drawer" id="add-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="add-drawer-title">新增例外配置</div>
-    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检年份</div>
-        <select class="form-select" id="ex-year"></select>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 单位</div>
-        <select class="form-select" id="ex-unit">
-          <option value="">请选择</option>
-          <option>第一采油厂</option>
-          <option>第二采油厂</option>
-          <option>第三采油厂</option>
-        </select>
-      </div>
-    </div>
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检医院</div>
-        <div id="ex-hospital-select"></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 项目组合模板</div>
-        <div id="ex-tpl-select"></div>
-      </div>
-    </div>
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 性别</div>
-        <input class="form-input" id="ex-gender" disabled placeholder="根据项目组合模板自动回填">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 年龄范围</div>
-        <input class="form-input" id="ex-age" disabled placeholder="根据项目组合模板自动回填">
-      </div>
-    </div>
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 是否有效</div>
-      <select class="form-select" id="ex-valid">
-        <option>有效</option>
-        <option>无效</option>
-      </select>
-    </div>
-
-    <div class="tab-box">
-      <div class="tab-nav" id="ex-tab-nav">
-        <div class="tab-nav__item active" data-tab="required" onclick="switchProjectTab(this)">必检项目</div>
-        <div class="tab-nav__item" data-tab="optional" onclick="switchProjectTab(this)">自选项目</div>
-        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchProjectTab(this)">妇科未婚项目</div>
-        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchProjectTab(this)">妇科已婚项目</div>
-        <div class="tab-nav__item" data-tab="cancer-septin9" onclick="switchProjectTab(this)">防癌筛查项目（Septin9）</div>
-        <div class="tab-nav__item" data-tab="cancer-ca724" onclick="switchProjectTab(this)">防癌筛查项目（CA724）</div>
-      </div>
-
-      <div class="tab-panel active" id="panel-required">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('required')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-required"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-optional">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('optional')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-optional"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-gyn-unmarried">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-unmarried')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-gyn-unmarried"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-gyn-married">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-married')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-gyn-married"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-cancer-septin9">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer-septin9')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-cancer-septin9"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="panel-cancer-ca724">
-        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer-ca724')">+ 添加项目</button></div>
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
-          <tbody id="tbody-cancer-ca724"></tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
-    <button class="btn btn-primary" onclick="saveExceptionConfig()">确认保存</button>
-  </div>
-</div>
-
-<!-- 例外配置详情弹窗 -->
-<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetailModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">例外配置详情</div>
-      <button class="modal__close" onclick="closeDetailModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-grid">
-        <div class="detail-item"><span class="detail-item__label">项目组合模板</span><span class="detail-item__value" id="d-tpl">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">单位</span><span class="detail-item__value" id="d-unit">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="d-hospital">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">体检年份</span><span class="detail-item__value" id="d-year">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">性别</span><span class="detail-item__value" id="d-gender">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">年龄范围</span><span class="detail-item__value" id="d-age">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">是否有效</span><span class="detail-item__value" id="d-valid">—</span></div>
-        <div class="detail-item"><span class="detail-item__label">创建日期 / 更新日期</span><span class="detail-item__value" id="d-dates">—</span></div>
-      </div>
-      <div class="tab-box">
-        <div class="tab-nav" id="detail-tab-nav"></div>
-        <div id="detail-tab-panels"></div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 新增例外配置抽屉 ===== */
-var hospitalData = ['泾河医院','庆阳医院','延安医院','兴隆园医院','宁夏宝石花医院'];
-var templateInfo = {
-  '45岁以上男性标准套餐': { gender: '男', age: '45岁及以上' },
-  '35岁以下女性标准套餐': { gender: '女', age: '35岁以下' },
-  '35-45岁通用套餐': { gender: '通用', age: '35-45岁' },
-  '45岁及以上通用套餐': { gender: '通用', age: '45岁及以上' }
-};
-var templateData = {
-  '泾河医院': ['45岁以上男性标准套餐', '35岁以下女性标准套餐', '35-45岁通用套餐'],
-  '庆阳医院': ['35岁以下女性标准套餐', '45岁及以上通用套餐', '35-45岁通用套餐'],
-  '延安医院': ['35-45岁通用套餐', '45岁以上男性标准套餐'],
-  '兴隆园医院': ['35岁以下女性标准套餐', '35-45岁通用套餐'],
-  '宁夏宝石花医院': ['35-45岁通用套餐', '45岁以上男性标准套餐', '35岁以下女性标准套餐']
-};
-var selectedHospital = '';
-var selectedTemplateName = '';
-
-var projectData = [
-  {name:'经颅多普勒', code:'TCD-001'},
-  {name:'腹部彩超', code:'BUS-002'},
-  {name:'血常规', code:'BLD-003'},
-  {name:'心电图', code:'ECG-004'},
-  {name:'胸部X光', code:'XRY-005'},
-  {name:'肝功能', code:'LFT-006'},
-  {name:'肾功能', code:'RFT-007'},
-  {name:'空腹血糖', code:'GLU-008'},
-  {name:'血脂四项', code:'LIP-009'},
-  {name:'尿常规', code:'URI-010'},
-  {name:'胃镜', code:'GAS-011'},
-  {name:'肠镜', code:'COL-012'},
-  {name:'妇科B超', code:'GYN-013'},
-  {name:'TCT', code:'GYN-014'},
-  {name:'HPV', code:'GYN-015'},
-  {name:'Septin9', code:'SEP-016'},
-  {name:'CA724', code:'CA7-017'}
-];
-var projectTabKeys = ['required','optional','gyn-unmarried','gyn-married','cancer-septin9','cancer-ca724'];
-var templateProjects = {
-  '45岁以上男性标准套餐': {
-    'required': ['经颅多普勒','血常规','心电图','胸部X光','肝功能','肾功能'],
-    'optional': ['腹部彩超','空腹血糖','血脂四项'],
-    'cancer-septin9': ['Septin9']
-  },
-  '35岁以下女性标准套餐': {
-    'required': ['血常规','尿常规','肝功能'],
-    'optional': ['腹部彩超'],
-    'gyn-unmarried': ['妇科B超'],
-    'gyn-married': ['TCT','HPV'],
-    'cancer-ca724': ['CA724']
-  },
-  '35-45岁通用套餐': {
-    'required': ['血常规','心电图','胸部X光','肝功能','肾功能'],
-    'optional': ['腹部彩超','空腹血糖','血脂四项'],
-    'cancer-ca724': ['CA724']
-  },
-  '45岁及以上通用套餐': {
-    'required': ['血常规','心电图','胸部X光','肝功能','肾功能'],
-    'optional': ['腹部彩超','空腹血糖','血脂四项']
-  }
-};
-
-/* 可搜索下拉通用组件 */
-function createSearchSelect(data, opts){
-  var container = document.createElement('div');
-  container.className = 'search-select' + (opts.sm ? ' search-select--sm' : '');
-  var input = document.createElement('input');
-  input.type = 'text';
-  input.className = 'search-select__input';
-  input.placeholder = opts.placeholder || '请输入关键词搜索';
-  input.setAttribute('autocomplete', 'off');
-  var hidden = document.createElement('input');
-  hidden.type = 'hidden';
-  var clear = document.createElement('span');
-  clear.className = 'search-select__clear';
-  clear.textContent = '✕';
-  clear.title = '清除';
-  var dropdown = document.createElement('div');
-  dropdown.className = 'search-select__dropdown';
-  container.appendChild(input);
-  container.appendChild(hidden);
-  container.appendChild(clear);
-  container.appendChild(dropdown);
-
-  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
-
-  function renderOptions(kw){
-    dropdown.innerHTML = '';
-    var kwl = kw.trim().toLowerCase();
-    var has = false;
-    data.forEach(function(item, idx){
-      var label = getLabel(item);
-      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
-        has = true;
-        (function(item, label){
-          var opt = document.createElement('div');
-          opt.className = 'search-select__option';
-          opt.textContent = label;
-          opt.onclick = function(){
-            hidden.value = idx;
-            input.value = label;
-            container.classList.add('has-value');
-            dropdown.classList.remove('show');
-            if(opts.onSelect) opts.onSelect(item);
-          };
-          dropdown.appendChild(opt);
-        })(item, label);
-      }
-    });
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
-  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
-  clear.addEventListener('click', function(){
-    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
-    if(opts.onSelect) opts.onSelect(null);
-  });
-  document.addEventListener('click', function(e){
-    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
-  });
-
-  return {
-    container: container,
-    getValue: function(){ return hidden.value; },
-    setValue: function(item){
-      if(item == null){ input.value=''; hidden.value=''; container.classList.remove('has-value'); return; }
-      var idx = data.indexOf(item);
-      if(idx === -1) return;
-      hidden.value = idx;
-      input.value = getLabel(item);
-      container.classList.add('has-value');
-    },
-    setData: function(newData){
-      data = newData;
-      input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
-    },
-    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
-  };
-}
-
-/* 体检医院搜索下拉 */
-var hospitalSelect = createSearchSelect(hospitalData, {
-  placeholder: '请输入医院名称搜索',
-  getLabel: function(item){ return item; },
-  onSelect: function(item){
-    selectedHospital = item || '';
-    updateTemplateOptions();
-  }
-});
-document.getElementById('ex-hospital-select').appendChild(hospitalSelect.container);
-
-/* 项目组合模板搜索下拉（根据所选医院过滤） */
-var tplSelect = createSearchSelect([], {
-  placeholder: '请先选择医院',
-  getLabel: function(item){ return item; },
-  onSelect: function(item){
-    selectedTemplateName = item || '';
-    fillTemplateInfo();
-  }
-});
-document.getElementById('ex-tpl-select').appendChild(tplSelect.container);
-
-/* 医院变化后刷新可选模板，并清空模板/性别/年龄/项目 */
-function updateTemplateOptions(){
-  selectedTemplateName = '';
-  tplSelect.setData(selectedHospital ? (templateData[selectedHospital] || []) : []);
-  tplSelect.container.querySelector('.search-select__input').placeholder = selectedHospital ? '请选择项目组合模板' : '请先选择医院';
-  fillTemplateInfo();
-}
-
-/* 项目 tab 切换 */
-function switchProjectTab(el){
-  document.querySelectorAll('#ex-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
-  el.classList.add('active');
-  var key = el.dataset.tab;
-  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
-  document.getElementById('panel-' + key).classList.add('active');
-}
-
-/* 性别切换：男隐藏妇科 tab */
-function onGenderChange(){
-  var gender = document.getElementById('ex-gender').value;
-  var showGyn = gender !== '男';
-  document.querySelectorAll('#ex-tab-nav .tab-nav__item[data-tab="gyn-unmarried"], #ex-tab-nav .tab-nav__item[data-tab="gyn-married"]').forEach(function(t){
-    t.style.display = showGyn ? '' : 'none';
-  });
-  var active = document.querySelector('#ex-tab-nav .tab-nav__item.active');
-  if(active && (active.dataset.tab === 'gyn-unmarried' || active.dataset.tab === 'gyn-married') && !showGyn){
-    switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
-  }
-}
-
-/* 添加/删除项目行；presetName 存在时为模板带入项，置灰锁定 */
-function addProjectRow(tabKey, presetName){
-  var tbody = document.getElementById('tbody-' + tabKey);
-  var locked = !!presetName;
-  var tr = document.createElement('tr');
-  var tdItem = document.createElement('td');
-  var tdCode = document.createElement('td');
-  var tdMark = document.createElement('td');
-  var tdOp = document.createElement('td');
-
-  var codeInput = document.createElement('input');
-  codeInput.className = 'row-input';
-  codeInput.readOnly = true;
-  codeInput.placeholder = '自动填充';
-
-  var ss = createSearchSelect(projectData, {
-    sm: true,
-    placeholder: '请选择体检项目',
-    getLabel: function(item){ return item.name + '（' + item.code + '）'; },
-    onSelect: function(item){ codeInput.value = item ? item.code : ''; }
-  });
-
-  var markSelect = document.createElement('select');
-  markSelect.className = 'row-select';
-  ['一般项目','重点项目'].forEach(function(m){
-    var o = document.createElement('option');
-    o.textContent = m;
-    markSelect.appendChild(o);
-  });
-
-  var del = document.createElement('span');
-  del.className = 'link';
-  del.style.color = 'var(--danger)';
-  del.textContent = '删除';
-  del.onclick = function(){ tr.remove(); };
-
-  if(presetName){
-    var found = projectData.filter(function(p){ return p.name === presetName; })[0];
-    if(found){
-      ss.setValue(found);
-      codeInput.value = found.code;
-    }
-  }
-
-  if(locked){
-    ss.container.classList.add('is-disabled');
-    ss.container.querySelector('.search-select__input').disabled = true;
-    markSelect.disabled = true;
-    del.style.display = 'none';
-  }
-
-  tdItem.appendChild(ss.container);
-  tdCode.appendChild(codeInput);
-  tdMark.appendChild(markSelect);
-  tdOp.appendChild(del);
-  tr.appendChild(tdItem);
-  tr.appendChild(tdCode);
-  tr.appendChild(tdMark);
-  tr.appendChild(tdOp);
-  tbody.appendChild(tr);
-}
-
-/* 体检年份：默认当前年度 */
-function initYearSelect(){
-  var year = new Date().getFullYear();
-  var sel = document.getElementById('ex-year');
-  sel.innerHTML = '';
-  [year, year - 1, year - 2].forEach(function(y){
-    var o = document.createElement('option');
-    o.value = y;
-    o.textContent = y;
-    sel.appendChild(o);
-  });
-  sel.value = year;
-}
-initYearSelect();
-
-/* 抽屉状态：'add' 新增 / 'edit' 编辑 */
-var drawerMode = 'add';
-var editTr = null;
-
-function openAddDrawer(){
-  drawerMode = 'add';
-  editTr = null;
-  document.getElementById('add-drawer-title').textContent = '新增例外配置';
-  resetAddDrawer();
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-function closeAddDrawer(){
-  document.getElementById('add-drawer').classList.remove('open');
-  document.getElementById('add-overlay').classList.remove('open');
-}
-function resetAddDrawer(){
-  selectedHospital = '';
-  selectedTemplateName = '';
-  hospitalSelect.clear();
-  document.getElementById('ex-unit').value = '';
-  document.getElementById('ex-valid').value = '有效';
-  updateTemplateOptions();
-  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
-  switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
-  initYearSelect();
-}
-
-/* ===== 编辑（复用新增抽屉） ===== */
-/* 各行例外项目数据（模板标准清单外的额外项），按行序号索引 */
-var exceptionProjectsData = {
-  '1': { 'optional': [['腹部彩超','一般项目']], 'cancer-ca724': [['CA724','重点项目']] },
-  '2': { 'gyn-married': [['TCT','一般项目']], 'optional': [['尿常规','一般项目']] },
-  '3': { 'cancer-septin9': [['Septin9','重点项目']] }
-};
-function todayStr(){
-  var d = new Date();
-  return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
-}
-function openEditDrawer(btn){
-  var tr = editTr = btn.closest('tr');
-  drawerMode = 'edit';
-  document.getElementById('add-drawer-title').textContent = '编辑例外配置';
-  var cells = tr.cells;
-  var year = cells[4].textContent.trim();
-  var sel = document.getElementById('ex-year');
-  if(!Array.prototype.some.call(sel.options, function(o){ return o.value === year; })){
-    var o = document.createElement('option'); o.value = year; o.textContent = year; sel.appendChild(o);
-  }
-  sel.value = year;
-  document.getElementById('ex-unit').value = cells[2].textContent.trim();
-  selectedHospital = cells[3].textContent.trim();
-  hospitalSelect.setValue(selectedHospital);
-  updateTemplateOptions();
-  var tpl = cells[1].textContent.trim();
-  tplSelect.setValue(tpl);
-  selectedTemplateName = tpl;
-  fillTemplateInfo();
-  document.getElementById('ex-valid').value = cells[7].textContent.trim();
-  /* 模板标准项目以锁定状态带入 */
-  var tp = templateProjects[tpl] || {};
-  projectTabKeys.forEach(function(k){
-    (tp[k] || []).forEach(function(nm){ addProjectRow(k, nm); });
-  });
-  /* 带入该行已有的例外项目（可删除/修改） */
-  var ex = exceptionProjectsData[cells[0].textContent.trim()] || {};
-  projectTabKeys.forEach(function(k){
-    (ex[k] || []).forEach(function(p){
-      addProjectRow(k);
-      var tbody = document.getElementById('tbody-' + k);
-      var row = tbody.lastElementChild;
-      var found = projectData.filter(function(x){ return x.name === p[0]; })[0];
-      if(found){
-        var ssInput = row.querySelector('.search-select__input');
-        var ssHidden = row.querySelector('.search-select input[type=hidden]');
-        ssHidden.value = projectData.indexOf(found);
-        ssInput.value = found.name + '（' + found.code + '）';
-        row.querySelector('.search-select').classList.add('has-value');
-        row.querySelector('.row-input').value = found.code;
-      }
-      var mark = row.querySelector('.row-select');
-      Array.prototype.forEach.call(mark.options, function(mo){ if(mo.textContent === p[1]) mark.value = mo.value || mo.textContent; });
-    });
-  });
-  switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-
-/* 选择项目组合模板后，自动回填性别/年龄范围（不回填项目表格） */
-function fillTemplateInfo(){
-  var info = templateInfo[selectedTemplateName];
-  document.getElementById('ex-gender').value = info ? info.gender : '';
-  document.getElementById('ex-age').value = info ? info.age : '';
-  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
-  onGenderChange();
-}
-
-function saveExceptionConfig(){
-  if(!document.getElementById('ex-unit').value){ alert('请选择单位'); return; }
-  if(!selectedHospital){ alert('请选择医院'); return; }
-  if(!selectedTemplateName){ alert('请选择项目组合模板'); return; }
-  if(drawerMode === 'edit' && editTr){
-    var cells = editTr.cells;
-    cells[1].textContent = selectedTemplateName;
-    cells[2].textContent = document.getElementById('ex-unit').value;
-    cells[3].textContent = selectedHospital;
-    cells[4].textContent = document.getElementById('ex-year').value;
-    cells[5].textContent = document.getElementById('ex-gender').value;
-    cells[6].textContent = document.getElementById('ex-age').value;
-    var valid = document.getElementById('ex-valid').value;
-    cells[7].innerHTML = '<span class="tag ' + (valid === '有效' ? 'tag-green">有效' : 'tag-red">无效') + '</span>';
-    cells[9].textContent = todayStr();
-    var key = cells[0].textContent.trim();
-    var ex = exceptionProjectsData[key] = {};
-    projectTabKeys.forEach(function(k){
-      document.querySelectorAll('#tbody-' + k + ' tr').forEach(function(row){
-        var hidden = row.querySelector('.search-select input[type=hidden]');
-        var mark = row.querySelector('.row-select');
-        if(hidden && hidden.value !== '' && !row.querySelector('.search-select__input').disabled){
-          var item = projectData[Number(hidden.value)];
-          (ex[k] = ex[k] || []).push([item.name, mark.value]);
-        }
-      });
-    });
-  }
-  alert('已保存（原型演示）');
-  closeAddDrawer();
-}
-
-/* ===== 例外配置详情弹窗 ===== */
-var detailTabLabels = {
-  'required':'必检项目', 'optional':'自选项目',
-  'gyn-unmarried':'妇科未婚项目', 'gyn-married':'妇科已婚项目',
-  'cancer-septin9':'防癌筛查项目（Septin9）', 'cancer-ca724':'防癌筛查项目（CA724）'
-};
-function switchDetailTab(key){
-  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.toggle('active', t.dataset.tab === key); });
-  projectTabKeys.forEach(function(k){
-    var el = document.getElementById('dpanel-' + k);
-    if(el) el.classList.toggle('active', k === key);
-  });
-}
-function openDetailModal(btn){
-  var cells = btn.closest('tr').cells;
-  var tpl = cells[1].textContent.trim();
-  var gender = cells[5].textContent.trim();
-  document.getElementById('d-tpl').textContent = tpl;
-  document.getElementById('d-unit').textContent = cells[2].textContent.trim();
-  document.getElementById('d-hospital').textContent = cells[3].textContent.trim();
-  document.getElementById('d-year').textContent = cells[4].textContent.trim();
-  document.getElementById('d-gender').textContent = gender;
-  document.getElementById('d-age').textContent = cells[6].textContent.trim();
-  document.getElementById('d-valid').textContent = cells[7].textContent.trim();
-  document.getElementById('d-dates').textContent = cells[8].textContent.trim() + ' / ' + cells[9].textContent.trim();
-  /* 汇总：模板标准项目（锁定带入，标记默认一般项目）+ 该行例外项目 */
-  var merged = {};
-  var tp = templateProjects[tpl] || {};
-  Object.keys(tp).forEach(function(k){ merged[k] = tp[k].map(function(nm){ return [nm, '一般项目']; }); });
-  var ex = exceptionProjectsData[cells[0].textContent.trim()] || {};
-  Object.keys(ex).forEach(function(k){
-    merged[k] = (merged[k] || []).concat(ex[k].map(function(p){ return [p[0], p[1]]; }));
-  });
-  var nav = document.getElementById('detail-tab-nav');
-  var panels = document.getElementById('detail-tab-panels');
-  nav.innerHTML = ''; panels.innerHTML = '';
-  var first = null;
-  projectTabKeys.forEach(function(k){
-    if(gender === '男' && (k === 'gyn-unmarried' || k === 'gyn-married')) return;
-    var item = document.createElement('div');
-    item.className = 'tab-nav__item';
-    item.dataset.tab = k;
-    item.textContent = detailTabLabels[k];
-    item.onclick = function(){ switchDetailTab(k); };
-    nav.appendChild(item);
-    var panel = document.createElement('div');
-    panel.className = 'tab-panel';
-    panel.id = 'dpanel-' + k;
-    var inner = '<table><thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th></tr></thead><tbody>';
-    var rows = merged[k] || [];
-    if(rows.length){
-      rows.forEach(function(p){
-        var found = projectData.filter(function(x){ return x.name === p[0]; })[0];
-        var code = found ? found.code : '—';
-        inner += '<tr><td>' + p[0] + '</td><td>' + code + '</td><td>' + p[1] + '</td></tr>';
-      });
-    } else {
-      inner += '<tr><td colspan="3" style="text-align:center;color:var(--text-placeholder);">暂无项目</td></tr>';
-    }
-    inner += '</tbody></table>';
-    panel.innerHTML = inner;
-    panels.appendChild(panel);
-    if(!first) first = item;
-  });
-  if(first) switchDetailTab(first.dataset.tab);
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-function closeDetailModal(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select">
+        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>是否有效：</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>请选择</option><option>有效</option><option>无效</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>项目组合模板：</label>
+      <select class="filter-select" style="min-width:180px;">
+        <option>请选择</option><option>45岁以上男性标准套餐</option><option>35岁以下女性标准套餐</option><option>35-45岁通用套餐</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>体检医院：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄区间：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;">
+    <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+    <button class="btn btn-default">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">组合模板例外配置</div>
+    </div>
+    <div class="table-card__content">
+    <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>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td>45岁以上男性标准套餐</td><td>第一采油厂</td><td>泾河医院</td><td>2025</td><td>男</td><td>45岁及以上</td><td><span class="tag tag-green">有效</span></td><td>2025-03-01</td><td>2025-04-15</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        <tr><td>2</td><td>35岁以下女性标准套餐</td><td>第二采油厂</td><td>庆阳医院</td><td>2025</td><td>女</td><td>35岁以下</td><td><span class="tag tag-green">有效</span></td><td>2025-03-05</td><td>2025-04-20</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        <tr><td>3</td><td>35-45岁通用套餐</td><td>第三采油厂</td><td>延安医院</td><td>2025</td><td>通用</td><td>35-45岁</td><td><span class="tag tag-red">无效</span></td><td>2025-02-18</td><td>2025-03-10</td><td><span class="link" onclick="openDetailModal(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 35 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <button class="page-btn">4</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 新增例外配置抽屉 -->
+<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
+<div class="drawer" id="add-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="add-drawer-title">新增例外配置</div>
+    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检年份</div>
+        <select class="form-select" id="ex-year"></select>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 单位</div>
+        <select class="form-select" id="ex-unit">
+          <option value="">请选择</option>
+          <option>第一采油厂</option>
+          <option>第二采油厂</option>
+          <option>第三采油厂</option>
+        </select>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检医院</div>
+        <div id="ex-hospital-select"></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 项目组合模板</div>
+        <div id="ex-tpl-select"></div>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 性别</div>
+        <input class="form-input" id="ex-gender" disabled placeholder="根据项目组合模板自动回填">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 年龄范围</div>
+        <input class="form-input" id="ex-age" disabled placeholder="根据项目组合模板自动回填">
+      </div>
+    </div>
+    <div class="form-item">
+      <div class="form-label"><span class="required">*</span> 是否有效</div>
+      <select class="form-select" id="ex-valid">
+        <option>有效</option>
+        <option>无效</option>
+      </select>
+    </div>
+
+    <div class="tab-box">
+      <div class="tab-nav" id="ex-tab-nav">
+        <div class="tab-nav__item active" data-tab="required" onclick="switchProjectTab(this)">必检项目</div>
+        <div class="tab-nav__item" data-tab="optional" onclick="switchProjectTab(this)">自选项目</div>
+        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchProjectTab(this)">妇科未婚项目</div>
+        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchProjectTab(this)">妇科已婚项目</div>
+        <div class="tab-nav__item" data-tab="cancer" onclick="switchProjectTab(this)">防癌筛查项目</div>
+      </div>
+
+      <div class="tab-panel active" id="panel-required">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('required')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-required"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-optional">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('optional')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-optional"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-gyn-unmarried">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-unmarried')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-gyn-unmarried"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-gyn-married">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('gyn-married')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-gyn-married"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="panel-cancer">
+        <div class="panel-toolbar"><button class="btn btn-default" onclick="addProjectRow('cancer')">+ 添加项目</button></div>
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>操作</th></tr></thead>
+          <tbody id="tbody-cancer"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
+    <button class="btn btn-primary" onclick="saveExceptionConfig()">确认保存</button>
+  </div>
+</div>
+
+<!-- 例外配置详情弹窗 -->
+<div class="modal-overlay" id="detail-modal-overlay" onclick="if(event.target===this)closeDetailModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">例外配置详情</div>
+      <button class="modal__close" onclick="closeDetailModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><span class="detail-item__label">项目组合模板</span><span class="detail-item__value" id="d-tpl">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">单位</span><span class="detail-item__value" id="d-unit">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="d-hospital">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">体检年份</span><span class="detail-item__value" id="d-year">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">性别</span><span class="detail-item__value" id="d-gender">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">年龄范围</span><span class="detail-item__value" id="d-age">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">是否有效</span><span class="detail-item__value" id="d-valid">—</span></div>
+        <div class="detail-item"><span class="detail-item__label">创建日期 / 更新日期</span><span class="detail-item__value" id="d-dates">—</span></div>
+      </div>
+      <div class="tab-box">
+        <div class="tab-nav" id="detail-tab-nav"></div>
+        <div id="detail-tab-panels"></div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 新增例外配置抽屉 ===== */
+var hospitalData = ['泾河医院','庆阳医院','延安医院','兴隆园医院','宁夏宝石花医院'];
+var templateInfo = {
+  '45岁以上男性标准套餐': { gender: '男', age: '45岁及以上' },
+  '35岁以下女性标准套餐': { gender: '女', age: '35岁以下' },
+  '35-45岁通用套餐': { gender: '通用', age: '35-45岁' },
+  '45岁及以上通用套餐': { gender: '通用', age: '45岁及以上' }
+};
+var templateData = {
+  '泾河医院': ['45岁以上男性标准套餐', '35岁以下女性标准套餐', '35-45岁通用套餐'],
+  '庆阳医院': ['35岁以下女性标准套餐', '45岁及以上通用套餐', '35-45岁通用套餐'],
+  '延安医院': ['35-45岁通用套餐', '45岁以上男性标准套餐'],
+  '兴隆园医院': ['35岁以下女性标准套餐', '35-45岁通用套餐'],
+  '宁夏宝石花医院': ['35-45岁通用套餐', '45岁以上男性标准套餐', '35岁以下女性标准套餐']
+};
+var selectedHospital = '';
+var selectedTemplateName = '';
+
+var projectData = [
+  {name:'经颅多普勒', code:'TCD-001'},
+  {name:'腹部彩超', code:'BUS-002'},
+  {name:'血常规', code:'BLD-003'},
+  {name:'心电图', code:'ECG-004'},
+  {name:'胸部X光', code:'XRY-005'},
+  {name:'肝功能', code:'LFT-006'},
+  {name:'肾功能', code:'RFT-007'},
+  {name:'空腹血糖', code:'GLU-008'},
+  {name:'血脂四项', code:'LIP-009'},
+  {name:'尿常规', code:'URI-010'},
+  {name:'胃镜', code:'GAS-011'},
+  {name:'肠镜', code:'COL-012'},
+  {name:'妇科B超', code:'GYN-013'},
+  {name:'TCT', code:'GYN-014'},
+  {name:'HPV', code:'GYN-015'},
+  {name:'Septin9', code:'SEP-016'},
+  {name:'CA724', code:'CA7-017'}
+];
+var projectTabKeys = ['required','optional','gyn-unmarried','gyn-married','cancer'];
+var templateProjects = {
+  '45岁以上男性标准套餐': {
+    'required': ['经颅多普勒','血常规','心电图','胸部X光','肝功能','肾功能'],
+    'optional': ['腹部彩超','空腹血糖','血脂四项'],
+    'cancer': ['Septin9']
+  },
+  '35岁以下女性标准套餐': {
+    'required': ['血常规','尿常规','肝功能'],
+    'optional': ['腹部彩超'],
+    'gyn-unmarried': ['妇科B超'],
+    'gyn-married': ['TCT','HPV'],
+    'cancer': ['CA724']
+  },
+  '35-45岁通用套餐': {
+    'required': ['血常规','心电图','胸部X光','肝功能','肾功能'],
+    'optional': ['腹部彩超','空腹血糖','血脂四项'],
+    'cancer': ['CA724']
+  },
+  '45岁及以上通用套餐': {
+    'required': ['血常规','心电图','胸部X光','肝功能','肾功能'],
+    'optional': ['腹部彩超','空腹血糖','血脂四项']
+  }
+};
+
+/* 可搜索下拉通用组件 */
+function createSearchSelect(data, opts){
+  var container = document.createElement('div');
+  container.className = 'search-select' + (opts.sm ? ' search-select--sm' : '');
+  var input = document.createElement('input');
+  input.type = 'text';
+  input.className = 'search-select__input';
+  input.placeholder = opts.placeholder || '请输入关键词搜索';
+  input.setAttribute('autocomplete', 'off');
+  var hidden = document.createElement('input');
+  hidden.type = 'hidden';
+  var clear = document.createElement('span');
+  clear.className = 'search-select__clear';
+  clear.textContent = '✕';
+  clear.title = '清除';
+  var dropdown = document.createElement('div');
+  dropdown.className = 'search-select__dropdown';
+  container.appendChild(input);
+  container.appendChild(hidden);
+  container.appendChild(clear);
+  container.appendChild(dropdown);
+
+  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
+
+  function renderOptions(kw){
+    dropdown.innerHTML = '';
+    var kwl = kw.trim().toLowerCase();
+    var has = false;
+    data.forEach(function(item, idx){
+      var label = getLabel(item);
+      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
+        has = true;
+        (function(item, label){
+          var opt = document.createElement('div');
+          opt.className = 'search-select__option';
+          opt.textContent = label;
+          opt.onclick = function(){
+            hidden.value = idx;
+            input.value = label;
+            container.classList.add('has-value');
+            dropdown.classList.remove('show');
+            if(opts.onSelect) opts.onSelect(item);
+          };
+          dropdown.appendChild(opt);
+        })(item, label);
+      }
+    });
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
+  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
+  clear.addEventListener('click', function(){
+    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
+    if(opts.onSelect) opts.onSelect(null);
+  });
+  document.addEventListener('click', function(e){
+    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
+  });
+
+  return {
+    container: container,
+    getValue: function(){ return hidden.value; },
+    setValue: function(item){
+      if(item == null){ input.value=''; hidden.value=''; container.classList.remove('has-value'); return; }
+      var idx = data.indexOf(item);
+      if(idx === -1) return;
+      hidden.value = idx;
+      input.value = getLabel(item);
+      container.classList.add('has-value');
+    },
+    setData: function(newData){
+      data = newData;
+      input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
+    },
+    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
+  };
+}
+
+/* 体检医院搜索下拉 */
+var hospitalSelect = createSearchSelect(hospitalData, {
+  placeholder: '请输入医院名称搜索',
+  getLabel: function(item){ return item; },
+  onSelect: function(item){
+    selectedHospital = item || '';
+    updateTemplateOptions();
+  }
+});
+document.getElementById('ex-hospital-select').appendChild(hospitalSelect.container);
+
+/* 项目组合模板搜索下拉（根据所选医院过滤） */
+var tplSelect = createSearchSelect([], {
+  placeholder: '请先选择医院',
+  getLabel: function(item){ return item; },
+  onSelect: function(item){
+    selectedTemplateName = item || '';
+    fillTemplateInfo();
+  }
+});
+document.getElementById('ex-tpl-select').appendChild(tplSelect.container);
+
+/* 医院变化后刷新可选模板，并清空模板/性别/年龄/项目 */
+function updateTemplateOptions(){
+  selectedTemplateName = '';
+  tplSelect.setData(selectedHospital ? (templateData[selectedHospital] || []) : []);
+  tplSelect.container.querySelector('.search-select__input').placeholder = selectedHospital ? '请选择项目组合模板' : '请先选择医院';
+  fillTemplateInfo();
+}
+
+/* 项目 tab 切换 */
+function switchProjectTab(el){
+  document.querySelectorAll('#ex-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  var key = el.dataset.tab;
+  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('panel-' + key).classList.add('active');
+}
+
+/* 性别切换：男隐藏妇科 tab */
+function onGenderChange(){
+  var gender = document.getElementById('ex-gender').value;
+  var showGyn = gender !== '男';
+  document.querySelectorAll('#ex-tab-nav .tab-nav__item[data-tab="gyn-unmarried"], #ex-tab-nav .tab-nav__item[data-tab="gyn-married"]').forEach(function(t){
+    t.style.display = showGyn ? '' : 'none';
+  });
+  var active = document.querySelector('#ex-tab-nav .tab-nav__item.active');
+  if(active && (active.dataset.tab === 'gyn-unmarried' || active.dataset.tab === 'gyn-married') && !showGyn){
+    switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
+  }
+}
+
+/* 添加/删除项目行；presetName 存在时为模板带入项，置灰锁定 */
+function addProjectRow(tabKey, presetName){
+  var tbody = document.getElementById('tbody-' + tabKey);
+  var locked = !!presetName;
+  var tr = document.createElement('tr');
+  var tdItem = document.createElement('td');
+  var tdCode = document.createElement('td');
+  var tdMark = document.createElement('td');
+  var tdOp = document.createElement('td');
+
+  var codeInput = document.createElement('input');
+  codeInput.className = 'row-input';
+  codeInput.readOnly = true;
+  codeInput.placeholder = '自动填充';
+
+  var ss = createSearchSelect(projectData, {
+    sm: true,
+    placeholder: '请选择体检项目',
+    getLabel: function(item){ return item.name + '（' + item.code + '）'; },
+    onSelect: function(item){ codeInput.value = item ? item.code : ''; }
+  });
+
+  var markSelect = document.createElement('select');
+  markSelect.className = 'row-select';
+  ['一般项目','重点项目'].forEach(function(m){
+    var o = document.createElement('option');
+    o.textContent = m;
+    markSelect.appendChild(o);
+  });
+
+  var del = document.createElement('span');
+  del.className = 'link';
+  del.style.color = 'var(--danger)';
+  del.textContent = '删除';
+  del.onclick = function(){ tr.remove(); };
+
+  if(presetName){
+    var found = projectData.filter(function(p){ return p.name === presetName; })[0];
+    if(found){
+      ss.setValue(found);
+      codeInput.value = found.code;
+    }
+  }
+
+  if(locked){
+    ss.container.classList.add('is-disabled');
+    ss.container.querySelector('.search-select__input').disabled = true;
+    markSelect.disabled = true;
+    del.style.display = 'none';
+  }
+
+  tdItem.appendChild(ss.container);
+  tdCode.appendChild(codeInput);
+  tdMark.appendChild(markSelect);
+  tdOp.appendChild(del);
+  tr.appendChild(tdItem);
+  tr.appendChild(tdCode);
+  tr.appendChild(tdMark);
+  tr.appendChild(tdOp);
+  tbody.appendChild(tr);
+}
+
+/* 体检年份：默认当前年度 */
+function initYearSelect(){
+  var year = new Date().getFullYear();
+  var sel = document.getElementById('ex-year');
+  sel.innerHTML = '';
+  [year, year - 1, year - 2].forEach(function(y){
+    var o = document.createElement('option');
+    o.value = y;
+    o.textContent = y;
+    sel.appendChild(o);
+  });
+  sel.value = year;
+}
+initYearSelect();
+
+/* 抽屉状态：'add' 新增 / 'edit' 编辑 */
+var drawerMode = 'add';
+var editTr = null;
+
+function openAddDrawer(){
+  drawerMode = 'add';
+  editTr = null;
+  document.getElementById('add-drawer-title').textContent = '新增例外配置';
+  resetAddDrawer();
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+function closeAddDrawer(){
+  document.getElementById('add-drawer').classList.remove('open');
+  document.getElementById('add-overlay').classList.remove('open');
+}
+function resetAddDrawer(){
+  selectedHospital = '';
+  selectedTemplateName = '';
+  hospitalSelect.clear();
+  document.getElementById('ex-unit').value = '';
+  document.getElementById('ex-valid').value = '有效';
+  updateTemplateOptions();
+  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
+  switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
+  initYearSelect();
+}
+
+/* ===== 编辑（复用新增抽屉） ===== */
+/* 各行例外项目数据（模板标准清单外的额外项），按行序号索引 */
+var exceptionProjectsData = {
+  '1': { 'optional': [['腹部彩超','一般项目']], 'cancer': [['CA724','重点项目']] },
+  '2': { 'gyn-married': [['TCT','一般项目']], 'optional': [['尿常规','一般项目']] },
+  '3': { 'cancer': [['Septin9','重点项目']] }
+};
+function todayStr(){
+  var d = new Date();
+  return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
+}
+function openEditDrawer(btn){
+  var tr = editTr = btn.closest('tr');
+  drawerMode = 'edit';
+  document.getElementById('add-drawer-title').textContent = '编辑例外配置';
+  var cells = tr.cells;
+  var year = cells[4].textContent.trim();
+  var sel = document.getElementById('ex-year');
+  if(!Array.prototype.some.call(sel.options, function(o){ return o.value === year; })){
+    var o = document.createElement('option'); o.value = year; o.textContent = year; sel.appendChild(o);
+  }
+  sel.value = year;
+  document.getElementById('ex-unit').value = cells[2].textContent.trim();
+  selectedHospital = cells[3].textContent.trim();
+  hospitalSelect.setValue(selectedHospital);
+  updateTemplateOptions();
+  var tpl = cells[1].textContent.trim();
+  tplSelect.setValue(tpl);
+  selectedTemplateName = tpl;
+  fillTemplateInfo();
+  document.getElementById('ex-valid').value = cells[7].textContent.trim();
+  /* 模板标准项目以锁定状态带入 */
+  var tp = templateProjects[tpl] || {};
+  projectTabKeys.forEach(function(k){
+    (tp[k] || []).forEach(function(nm){ addProjectRow(k, nm); });
+  });
+  /* 带入该行已有的例外项目（可删除/修改） */
+  var ex = exceptionProjectsData[cells[0].textContent.trim()] || {};
+  projectTabKeys.forEach(function(k){
+    (ex[k] || []).forEach(function(p){
+      addProjectRow(k);
+      var tbody = document.getElementById('tbody-' + k);
+      var row = tbody.lastElementChild;
+      var found = projectData.filter(function(x){ return x.name === p[0]; })[0];
+      if(found){
+        var ssInput = row.querySelector('.search-select__input');
+        var ssHidden = row.querySelector('.search-select input[type=hidden]');
+        ssHidden.value = projectData.indexOf(found);
+        ssInput.value = found.name + '（' + found.code + '）';
+        row.querySelector('.search-select').classList.add('has-value');
+        row.querySelector('.row-input').value = found.code;
+      }
+      var mark = row.querySelector('.row-select');
+      Array.prototype.forEach.call(mark.options, function(mo){ if(mo.textContent === p[1]) mark.value = mo.value || mo.textContent; });
+    });
+  });
+  switchProjectTab(document.querySelector('#ex-tab-nav .tab-nav__item[data-tab="required"]'));
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+
+/* 选择项目组合模板后，自动回填性别/年龄范围（不回填项目表格） */
+function fillTemplateInfo(){
+  var info = templateInfo[selectedTemplateName];
+  document.getElementById('ex-gender').value = info ? info.gender : '';
+  document.getElementById('ex-age').value = info ? info.age : '';
+  projectTabKeys.forEach(function(k){ document.getElementById('tbody-' + k).innerHTML = ''; });
+  onGenderChange();
+}
+
+function saveExceptionConfig(){
+  if(!document.getElementById('ex-unit').value){ alert('请选择单位'); return; }
+  if(!selectedHospital){ alert('请选择医院'); return; }
+  if(!selectedTemplateName){ alert('请选择项目组合模板'); return; }
+  if(drawerMode === 'edit' && editTr){
+    var cells = editTr.cells;
+    cells[1].textContent = selectedTemplateName;
+    cells[2].textContent = document.getElementById('ex-unit').value;
+    cells[3].textContent = selectedHospital;
+    cells[4].textContent = document.getElementById('ex-year').value;
+    cells[5].textContent = document.getElementById('ex-gender').value;
+    cells[6].textContent = document.getElementById('ex-age').value;
+    var valid = document.getElementById('ex-valid').value;
+    cells[7].innerHTML = '<span class="tag ' + (valid === '有效' ? 'tag-green">有效' : 'tag-red">无效') + '</span>';
+    cells[9].textContent = todayStr();
+    var key = cells[0].textContent.trim();
+    var ex = exceptionProjectsData[key] = {};
+    projectTabKeys.forEach(function(k){
+      document.querySelectorAll('#tbody-' + k + ' tr').forEach(function(row){
+        var hidden = row.querySelector('.search-select input[type=hidden]');
+        var mark = row.querySelector('.row-select');
+        if(hidden && hidden.value !== '' && !row.querySelector('.search-select__input').disabled){
+          var item = projectData[Number(hidden.value)];
+          (ex[k] = ex[k] || []).push([item.name, mark.value]);
+        }
+      });
+    });
+  }
+  alert('已保存（原型演示）');
+  closeAddDrawer();
+}
+
+/* ===== 例外配置详情弹窗 ===== */
+var detailTabLabels = {
+  'required':'必检项目', 'optional':'自选项目',
+  'gyn-unmarried':'妇科未婚项目', 'gyn-married':'妇科已婚项目',
+  'cancer':'防癌筛查项目'
+};
+function switchDetailTab(key){
+  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.toggle('active', t.dataset.tab === key); });
+  projectTabKeys.forEach(function(k){
+    var el = document.getElementById('dpanel-' + k);
+    if(el) el.classList.toggle('active', k === key);
+  });
+}
+function openDetailModal(btn){
+  var cells = btn.closest('tr').cells;
+  var tpl = cells[1].textContent.trim();
+  var gender = cells[5].textContent.trim();
+  document.getElementById('d-tpl').textContent = tpl;
+  document.getElementById('d-unit').textContent = cells[2].textContent.trim();
+  document.getElementById('d-hospital').textContent = cells[3].textContent.trim();
+  document.getElementById('d-year').textContent = cells[4].textContent.trim();
+  document.getElementById('d-gender').textContent = gender;
+  document.getElementById('d-age').textContent = cells[6].textContent.trim();
+  document.getElementById('d-valid').textContent = cells[7].textContent.trim();
+  document.getElementById('d-dates').textContent = cells[8].textContent.trim() + ' / ' + cells[9].textContent.trim();
+  /* 汇总：模板标准项目（锁定带入，标记默认一般项目）+ 该行例外项目 */
+  var merged = {};
+  var tp = templateProjects[tpl] || {};
+  Object.keys(tp).forEach(function(k){ merged[k] = tp[k].map(function(nm){ return [nm, '一般项目']; }); });
+  var ex = exceptionProjectsData[cells[0].textContent.trim()] || {};
+  Object.keys(ex).forEach(function(k){
+    merged[k] = (merged[k] || []).concat(ex[k].map(function(p){ return [p[0], p[1]]; }));
+  });
+  var nav = document.getElementById('detail-tab-nav');
+  var panels = document.getElementById('detail-tab-panels');
+  nav.innerHTML = ''; panels.innerHTML = '';
+  var first = null;
+  projectTabKeys.forEach(function(k){
+    if(gender === '男' && (k === 'gyn-unmarried' || k === 'gyn-married')) return;
+    var item = document.createElement('div');
+    item.className = 'tab-nav__item';
+    item.dataset.tab = k;
+    item.textContent = detailTabLabels[k];
+    item.onclick = function(){ switchDetailTab(k); };
+    nav.appendChild(item);
+    var panel = document.createElement('div');
+    panel.className = 'tab-panel';
+    panel.id = 'dpanel-' + k;
+    var inner = '<table><thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th></tr></thead><tbody>';
+    var rows = merged[k] || [];
+    if(rows.length){
+      rows.forEach(function(p){
+        var found = projectData.filter(function(x){ return x.name === p[0]; })[0];
+        var code = found ? found.code : '—';
+        inner += '<tr><td>' + p[0] + '</td><td>' + code + '</td><td>' + p[1] + '</td></tr>';
+      });
+    } else {
+      inner += '<tr><td colspan="3" style="text-align:center;color:var(--text-placeholder);">暂无项目</td></tr>';
+    }
+    inner += '</tbody></table>';
+    panel.innerHTML = inner;
+    panels.appendChild(panel);
+    if(!first) first = item;
+  });
+  if(first) switchDetailTab(first.dataset.tab);
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+function closeDetailModal(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-item-hospital-fee.html b/web-admin/health-checkup/pre-item-hospital-fee.html
index 5ac9d61..33da357 100644
--- a/web-admin/health-checkup/pre-item-hospital-fee.html
+++ b/web-admin/health-checkup/pre-item-hospital-fee.html
@@ -1,257 +1,257 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  /* 医院TAB切换 */
-  .hospital-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
-  .hospital-tab{padding:14px 32px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500;white-space:nowrap;}
-  .hospital-tab:hover{color:var(--primary);}
-  .hospital-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
-  .tab-pane{display:none;}
-  .tab-pane.active{display:block;}
-  /* 媒体预览图标 */
-  .media-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;}
-  .media-icon--active{background:var(--primary-light);color:var(--primary);}
-  .media-icon--empty{background:#F5F5F5;color:var(--text-placeholder);}
-  .media-icon:hover{opacity:.8;}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 抽屉弹窗 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-480px;bottom:0;width:480px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer--wide{width:720px;right:-720px;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* 可搜索下拉 */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
-  .search-select__clear:hover{background:#999;}
-  .search-select.has-value:hover .search-select__clear{display:flex;}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  /* 上传 */
-  .upload-box{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--font-sm);transition:all .2s;background:#FAFAFA;}
-  .upload-box:hover{border-color:var(--primary);color:var(--primary);}
-  .upload-box .upload-file{display:none;}
-  /* 富文本 */
-  .editor-toolbar{display:flex;gap:4px;padding:8px 12px;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#FAFAFA;flex-wrap:wrap;align-items:center;}
-  .toolbar-btn{padding:4px 8px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
-  .toolbar-btn:hover{background:#E8E8E8;color:var(--text-primary);}
-  .toolbar-divider{width:1px;background:var(--border);margin:2px 4px;align-self:stretch;}
-  .toolbar-select{height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-secondary);background:#fff;cursor:pointer;outline:none;}
-  .toolbar-color{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:#fff;}
-  .editor-body{width:100%;min-height:160px;border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:14px;font-size:var(--font-sm);outline:none;line-height:1.8;color:var(--text-primary);}
-  .editor-body:focus{border-color:var(--primary);}
-  .editor-body:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);}
-  .editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
-  .editor-footer__hint{font-size:var(--font-xs);color:#999;}
-  /* 详情只读展示 */
-  .detail-list{display:flex;flex-direction:column;gap:16px;}
-  .detail-item{display:flex;flex-direction:column;gap:4px;}
-  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
-  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
-  .detail-thumb{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-sm);background:#FAFAFA;color:var(--text-placeholder);}
-  .detail-desc{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:var(--font-sm);line-height:1.8;color:var(--text-primary);min-height:40px;background:#FAFAFA;word-break:break-all;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item active">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  /* 医院TAB切换 */
+  .hospital-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
+  .hospital-tab{padding:14px 32px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500;white-space:nowrap;}
+  .hospital-tab:hover{color:var(--primary);}
+  .hospital-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+  .tab-pane{display:none;}
+  .tab-pane.active{display:block;}
+  /* 媒体预览图标 */
+  .media-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;}
+  .media-icon--active{background:var(--primary-light);color:var(--primary);}
+  .media-icon--empty{background:#F5F5F5;color:var(--text-placeholder);}
+  .media-icon:hover{opacity:.8;}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 抽屉弹窗 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-480px;bottom:0;width:480px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer--wide{width:720px;right:-720px;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* 可搜索下拉 */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
+  .search-select__clear:hover{background:#999;}
+  .search-select.has-value:hover .search-select__clear{display:flex;}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  /* 上传 */
+  .upload-box{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--font-sm);transition:all .2s;background:#FAFAFA;}
+  .upload-box:hover{border-color:var(--primary);color:var(--primary);}
+  .upload-box .upload-file{display:none;}
+  /* 富文本 */
+  .editor-toolbar{display:flex;gap:4px;padding:8px 12px;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#FAFAFA;flex-wrap:wrap;align-items:center;}
+  .toolbar-btn{padding:4px 8px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;}
+  .toolbar-btn:hover{background:#E8E8E8;color:var(--text-primary);}
+  .toolbar-divider{width:1px;background:var(--border);margin:2px 4px;align-self:stretch;}
+  .toolbar-select{height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-secondary);background:#fff;cursor:pointer;outline:none;}
+  .toolbar-color{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:#fff;}
+  .editor-body{width:100%;min-height:160px;border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:14px;font-size:var(--font-sm);outline:none;line-height:1.8;color:var(--text-primary);}
+  .editor-body:focus{border-color:var(--primary);}
+  .editor-body:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);}
+  .editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
+  .editor-footer__hint{font-size:var(--font-xs);color:#999;}
+  /* 详情只读展示 */
+  .detail-list{display:flex;flex-direction:column;gap:16px;}
+  .detail-item{display:flex;flex-direction:column;gap:4px;}
+  .detail-item__label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .detail-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;}
+  .detail-thumb{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-sm);background:#FAFAFA;color:var(--text-placeholder);}
+  .detail-desc{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:var(--font-sm);line-height:1.8;color:var(--text-primary);min-height:40px;background:#FAFAFA;word-break:break-all;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item active">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -263,1140 +263,1140 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 医院TAB切换 -->
-  <div class="hospital-tabs">
-    <div class="hospital-tab active" onclick="switchHospital('jinghe', this)">泾河医院</div>
-    <div class="hospital-tab" onclick="switchHospital('qingyang', this)">庆阳医院</div>
-    <div class="hospital-tab" onclick="switchHospital('yanan', this)">延安医院</div>
-    <div class="hospital-tab" onclick="switchHospital('xinglongyuan', this)">兴隆园医院</div>
-    <div class="hospital-tab" onclick="switchHospital('ningxia', this)">宁夏宝石花医院</div>
-  </div>
-
-  <!-- 泾河医院 -->
-  <div class="tab-pane active" id="pane-jinghe">
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>项目名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-      </div>
-      <div class="filter-item">
-        <label>检查分类：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>常规检查</option>
-          <option>妇科检查</option>
-          <option>防癌检查</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目类别：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>抽血及其它检验项目</option>
-          <option>医生检查项目</option>
-          <option>功能检查项目</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目编号：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-      <button class="btn btn-default">批量删除</button>
-      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
-      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">泾河医院体检项目费用</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 243 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-  <!-- 庆阳医院 -->
-  <div class="tab-pane" id="pane-qingyang">
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>项目名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-      </div>
-      <div class="filter-item">
-        <label>检查分类：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>常规检查</option>
-          <option>妇科检查</option>
-          <option>防癌检查</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目类别：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>抽血及其它检验项目</option>
-          <option>医生检查项目</option>
-          <option>功能检查项目</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目编号：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-      <button class="btn btn-default">批量删除</button>
-      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
-      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">庆阳医院体检项目费用</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 186 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-  <!-- 延安医院 -->
-  <div class="tab-pane" id="pane-yanan">
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>项目名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-      </div>
-      <div class="filter-item">
-        <label>检查分类：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>常规检查</option>
-          <option>妇科检查</option>
-          <option>防癌检查</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目类别：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>抽血及其它检验项目</option>
-          <option>医生检查项目</option>
-          <option>功能检查项目</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目编号：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-      <button class="btn btn-default">批量删除</button>
-      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
-      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">延安医院体检项目费用</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 157 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-  <!-- 兴隆园医院 -->
-  <div class="tab-pane" id="pane-xinglongyuan">
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>项目名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-      </div>
-      <div class="filter-item">
-        <label>检查分类：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>常规检查</option>
-          <option>妇科检查</option>
-          <option>防癌检查</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目类别：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>抽血及其它检验项目</option>
-          <option>医生检查项目</option>
-          <option>功能检查项目</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目编号：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-      <button class="btn btn-default">批量删除</button>
-      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
-      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">兴隆园医院体检项目费用</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 212 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-  <!-- 宁夏宝石花医院 -->
-  <div class="tab-pane" id="pane-ningxia">
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>项目名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-      </div>
-      <div class="filter-item">
-        <label>检查分类：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>常规检查</option>
-          <option>妇科检查</option>
-          <option>防癌检查</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目类别：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-          <option>抽血及其它检验项目</option>
-          <option>医生检查项目</option>
-          <option>功能检查项目</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>项目编号：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
-      <button class="btn btn-default">批量删除</button>
-      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
-      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">宁夏宝石花医院体检项目费用</div>
-      </div>
-      <div class="table-card__content">
-      <table>
-        <thead>
-          <tr>
-            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 98 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-</main>
-
-<!-- 新增医院体检项目费用抽屉 -->
-<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
-<div class="drawer" id="add-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="add-drawer-title">泾河医院 - 新增体检项目费用</div>
-    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 选择体检项目</div>
-      <div class="search-select" id="item-search-select">
-        <input type="text" class="search-select__input" id="item-search-input" placeholder="请输入项目名称搜索" autocomplete="off">
-        <input type="hidden" id="item-search-value">
-        <span class="search-select__clear" id="item-search-clear" title="清除" onclick="clearItemSelection()">✕</span>
-        <div class="search-select__dropdown" id="item-search-dropdown"></div>
-      </div>
-    </div>
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 检查分类</div>
-      <select class="form-select" id="item-category">
-        <option>请选择</option>
-        <option>常规检查</option>
-        <option>妇科检查</option>
-        <option>防癌检查</option>
-      </select>
-    </div>
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 项目类别</div>
-      <select class="form-select" id="item-type">
-        <option>请选择</option>
-        <option>抽血及其它检验项目</option>
-        <option>医生检查项目</option>
-        <option>功能检查项目</option>
-      </select>
-    </div>
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 默认费用（元）</div>
-      <input class="form-input" type="number" min="0" id="item-fee" placeholder="请输入默认费用">
-    </div>
-    <div class="form-item">
-      <div class="form-label">项目图片</div>
-      <label class="upload-box">
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 11V3M5 6l3-3 3 3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11v1a1 1 0 001 1h8a1 1 0 001-1v-1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
-        上传图片
-        <input type="file" class="upload-file" id="item-upload-file" onchange="if(this.value) feeImgUploaded = true;">
-      </label>
-    </div>
-    <div class="form-item">
-      <div class="form-label">描述</div>
-      <div class="editor-toolbar">
-        <button class="toolbar-btn" title="加粗" onmousedown="event.preventDefault()" onclick="execCmd('bold')"><strong>B</strong></button>
-        <button class="toolbar-btn" title="斜体" onmousedown="event.preventDefault()" onclick="execCmd('italic')"><em>I</em></button>
-        <button class="toolbar-btn" title="下划线" onmousedown="event.preventDefault()" onclick="execCmd('underline')"><u>U</u></button>
-        <div class="toolbar-divider"></div>
-        <button class="toolbar-btn" onmousedown="event.preventDefault()" onclick="execCmd('insertOrderedList')">有序列表</button>
-        <button class="toolbar-btn" onmousedown="event.preventDefault()" onclick="execCmd('insertUnorderedList')">无序列表</button>
-        <div class="toolbar-divider"></div>
-        <select class="toolbar-select" onmousedown="event.preventDefault()" onchange="execCmd('fontSize', this.value)">
-          <option value="">字号</option>
-          <option value="1">小</option>
-          <option value="2">较小</option>
-          <option value="3">正常</option>
-          <option value="4">较大</option>
-          <option value="5">大</option>
-        </select>
-        <input type="color" class="toolbar-color" title="文字颜色" value="#333333" onchange="execCmd('foreColor', this.value)">
-      </div>
-      <div class="editor-body" id="desc-editor" contenteditable="true" data-placeholder="请输入项目描述"></div>
-      <div class="editor-footer">
-        <span class="editor-footer__hint">支持富文本编辑</span>
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
-    <button class="btn btn-primary" onclick="saveAddItem()">确认保存</button>
-  </div>
-</div>
-
-<!-- 互斥项目配置抽屉 -->
-<div class="drawer-overlay" id="mutual-overlay" onclick="closeMutualDrawer()"></div>
-<div class="drawer drawer--wide" id="mutual-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="mutual-drawer-title">泾河医院 - 互斥项目配置</div>
-    <button class="drawer__close" onclick="closeMutualDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openMutualAddModal()">+ 新增</button>
-      <button class="btn btn-danger" onclick="batchDeleteMutual()">批量删除</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__content">
-        <table>
-          <thead>
-            <tr>
-              <th style="width:40px;"><input type="checkbox" id="mutual-check-all" onclick="toggleMutualCheckAll(this)"></th>
-              <th>序号</th><th>体检项目</th><th>互斥项目</th><th>操作</th>
-            </tr>
-          </thead>
-          <tbody id="mutual-tbody"></tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- 新增互斥项目弹窗 -->
-<div class="modal-overlay" id="mutual-modal-overlay" onclick="if(event.target===this)closeMutualAddModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">新增互斥项目</div>
-      <button class="modal__close" onclick="closeMutualAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label">体检医院</div>
-        <input class="form-input" id="mutual-hospital" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检项目</div>
-        <div class="search-select" id="mutual-item-select">
-          <input type="text" class="search-select__input" id="mutual-item-input" placeholder="请输入项目名称搜索" autocomplete="off">
-          <input type="hidden" id="mutual-item-value">
-          <span class="search-select__clear" id="mutual-item-clear" title="清除">✕</span>
-          <div class="search-select__dropdown" id="mutual-item-dropdown"></div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 互斥项目</div>
-        <div class="search-select" id="mutual-exclude-select">
-          <input type="text" class="search-select__input" id="mutual-exclude-input" placeholder="请输入项目名称搜索" autocomplete="off">
-          <input type="hidden" id="mutual-exclude-value">
-          <span class="search-select__clear" id="mutual-exclude-clear" title="清除">✕</span>
-          <div class="search-select__dropdown" id="mutual-exclude-dropdown"></div>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeMutualAddModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveMutualItem()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 关联项目配置抽屉 -->
-<div class="drawer-overlay" id="rel-overlay" onclick="closeRelDrawer()"></div>
-<div class="drawer drawer--wide" id="rel-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title" id="rel-drawer-title">泾河医院 - 关联项目配置</div>
-    <button class="drawer__close" onclick="closeRelDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary" onclick="openRelAddModal()">+ 新增</button>
-      <button class="btn btn-danger" onclick="batchDeleteRel()">批量删除</button>
-    </div>
-    <div class="table-card">
-      <div class="table-card__content">
-        <table>
-          <thead>
-            <tr>
-              <th style="width:40px;"><input type="checkbox" id="rel-check-all" onclick="toggleRelCheckAll(this)"></th>
-              <th>序号</th><th>体检项目</th><th>关联项目</th><th>操作</th>
-            </tr>
-          </thead>
-          <tbody id="rel-tbody"></tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- 新增关联项目弹窗 -->
-<div class="modal-overlay" id="rel-modal-overlay" onclick="if(event.target===this)closeRelAddModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">新增关联项目</div>
-      <button class="modal__close" onclick="closeRelAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label">体检医院</div>
-        <input class="form-input" id="rel-hospital" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检项目</div>
-        <div class="search-select" id="rel-item-select">
-          <input type="text" class="search-select__input" id="rel-item-input" placeholder="请输入项目名称搜索" autocomplete="off">
-          <input type="hidden" id="rel-item-value">
-          <span class="search-select__clear" id="rel-item-clear" title="清除">✕</span>
-          <div class="search-select__dropdown" id="rel-item-dropdown"></div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 关联项目</div>
-        <div class="search-select" id="rel-target-select">
-          <input type="text" class="search-select__input" id="rel-target-input" placeholder="请输入项目名称搜索" autocomplete="off">
-          <input type="hidden" id="rel-target-value">
-          <span class="search-select__clear" id="rel-target-clear" title="清除">✕</span>
-          <div class="search-select__dropdown" id="rel-target-dropdown"></div>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeRelAddModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveRelItem()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 体检项目费用详情弹窗 -->
-<div class="modal-overlay" id="fee-detail-overlay" onclick="if(event.target===this)closeFeeDetail()">
-  <div class="modal" style="width:560px;">
-    <div class="modal__header">
-      <div class="modal__title">体检项目费用详情</div>
-      <button class="modal__close" onclick="closeFeeDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-list">
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;">
-          <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="fd-hospital">—</span></div>
-          <div class="detail-item"><span class="detail-item__label">项目名称</span><span class="detail-item__value" id="fd-name">—</span></div>
-          <div class="detail-item"><span class="detail-item__label">项目编号</span><span class="detail-item__value" id="fd-code">—</span></div>
-          <div class="detail-item"><span class="detail-item__label">检查分类</span><span class="detail-item__value" id="fd-category">—</span></div>
-          <div class="detail-item"><span class="detail-item__label">项目类别</span><span class="detail-item__value" id="fd-type">—</span></div>
-          <div class="detail-item"><span class="detail-item__label">默认费用（元）</span><span class="detail-item__value" id="fd-fee">—</span></div>
-        </div>
-        <div class="detail-item">
-          <span class="detail-item__label">项目图片</span>
-          <div id="fd-image"><div class="detail-thumb">暂无图片</div></div>
-        </div>
-        <div class="detail-item">
-          <span class="detail-item__label">描述</span>
-          <div class="detail-desc" id="fd-desc">—</div>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeFeeDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<!-- 更新已生成费用二次确认弹窗 -->
-<div class="modal-overlay" id="update-confirm-overlay" onclick="if(event.target===this)closeUpdateConfirm()">
-  <div class="modal" style="width:420px;">
-    <div class="modal__header">
-      <div class="modal__title">更新确认</div>
-      <button class="modal__close" onclick="closeUpdateConfirm()">✕</button>
-    </div>
-    <div class="modal__body" style="display:flex;gap:12px;align-items:flex-start;">
-      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:2px;"><circle cx="11" cy="11" r="10" fill="#FAAD14"/><path d="M11 6.5v6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><circle cx="11" cy="15.5" r="1.2" fill="#fff"/></svg>
-      <div style="font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;">
-        确定要更新「<b id="uc-item"></b>」的已生成费用吗？<br>
-        <span style="color:var(--text-secondary);">更新后将按该项目当前默认费用同步已生成的各相关单位体检项目费用，更新后立即生效。</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeUpdateConfirm()">取消</button>
-      <button class="btn btn-primary" onclick="confirmUpdateFee()">确认更新</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 医院TAB切换 */
-function switchHospital(type, el){
-  document.querySelectorAll('.hospital-tab').forEach(function(t){ t.classList.remove('active'); });
-  document.querySelectorAll('.tab-pane').forEach(function(p){ p.classList.remove('active'); });
-  el.classList.add('active');
-  document.getElementById('pane-' + type).classList.add('active');
-}
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 新增医院体检项目费用抽屉 ===== */
-var itemData = [
-  {name:'经颅多普勒', code:'TCD-001', category:'常规检查', type:'功能检查项目', fee:'260.00'},
-  {name:'腹部彩超', code:'BUS-002', category:'常规检查', type:'功能检查项目', fee:'180.00'},
-  {name:'血常规', code:'BLD-003', category:'常规检查', type:'抽血及其它检验项目', fee:'35.00'},
-  {name:'心电图', code:'ECG-004', category:'常规检查', type:'功能检查项目', fee:'25.00'},
-  {name:'胸部X光', code:'XRY-005', category:'常规检查', type:'功能检查项目', fee:'120.00'},
-  {name:'肝功能', code:'LFT-006', category:'常规检查', type:'抽血及其它检验项目', fee:'80.00'},
-  {name:'肾功能', code:'RFT-007', category:'常规检查', type:'抽血及其它检验项目', fee:'60.00'},
-  {name:'空腹血糖', code:'GLU-008', category:'常规检查', type:'抽血及其它检验项目', fee:'10.00'},
-  {name:'血脂四项', code:'LIP-009', category:'常规检查', type:'抽血及其它检验项目', fee:'90.00'},
-  {name:'尿常规', code:'URI-010', category:'常规检查', type:'抽血及其它检验项目', fee:'15.00'},
-  {name:'胃镜', code:'GAS-011', category:'防癌检查', type:'医生检查项目', fee:'350.00'},
-  {name:'肠镜', code:'COL-012', category:'防癌检查', type:'医生检查项目', fee:'380.00'}
-];
-
-/* 抽屉状态：'add' 新增 / 'edit' 编辑 */
-var drawerMode = 'add';
-var editTr = null;
-var feeImgUploaded = false;
-/* 项目描述示例数据（按编号索引），未配置的用默认文案 */
-var itemDescData = {
-  'TCD-001': '通过多普勒超声原理检测脑动脉血流速度与方向，用于筛查脑动脉硬化、血管狭窄及畸形等病变。',
-  'BUS-002': '对肝、胆、胰、脾、肾等腹部脏器进行超声成像，评估形态结构及占位性病变。',
-  'BLD-003': '检测红细胞、白细胞、血小板等指标，辅助判断感染、贫血及血液系统疾病。'
-};
-function itemDescOf(code){
-  return itemDescData[code] || (code + ' 项目的常规检查说明，包含检查目的、适用人群及注意事项。');
-}
-
-function activeHospitalName(){
-  var activeTab = document.querySelector('.hospital-tab.active');
-  return activeTab ? activeTab.textContent.trim() : '医院';
-}
-function resetAddForm(){
-  var input = document.getElementById('item-search-input');
-  input.disabled = false;
-  input.style.background = '#fff';
-  clearItemSelection();
-  document.getElementById('item-category').value = '请选择';
-  document.getElementById('item-type').value = '请选择';
-  document.getElementById('item-fee').value = '';
-  document.getElementById('item-upload-file').value = '';
-  feeImgUploaded = false;
-  document.getElementById('desc-editor').innerHTML = '';
-}
-function openAddDrawer(){
-  drawerMode = 'add';
-  editTr = null;
-  document.getElementById('add-drawer-title').textContent = activeHospitalName() + ' - 新增体检项目费用';
-  resetAddForm();
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-function closeAddDrawer(){
-  document.getElementById('add-drawer').classList.remove('open');
-  document.getElementById('add-overlay').classList.remove('open');
-}
-function saveAddItem(){
-  var selIdx = document.getElementById('item-search-value').value;
-  if(selIdx === '' && drawerMode === 'add'){ alert('请选择体检项目'); return; }
-  if(document.getElementById('item-category').value === '请选择'){ alert('请选择检查分类'); return; }
-  if(document.getElementById('item-type').value === '请选择'){ alert('请选择项目类别'); return; }
-  var fee = document.getElementById('item-fee').value.trim();
-  if(!fee || Number(fee) < 0){ alert('请输入默认费用'); return; }
-  var code = '', name = '';
-  if(selIdx !== ''){
-    var picked = itemData[Number(selIdx)];
-    name = picked.name; code = picked.code;
-  }
-  if(drawerMode === 'edit' && editTr){
-    var cells = editTr.cells;
-    if(code){
-      cells[1].textContent = name;
-      cells[2].textContent = code;
-    } else {
-      name = cells[1].textContent.trim();
-      code = cells[2].textContent.trim();
-    }
-    cells[3].textContent = document.getElementById('item-category').value;
-    cells[4].textContent = document.getElementById('item-type').value;
-    cells[6].textContent = Number(fee).toFixed(2);
-    itemDescData[code] = document.getElementById('desc-editor').innerHTML.trim() || itemDescOf(code);
-    var icon = cells[5].querySelector('.media-icon');
-    if(icon){
-      icon.classList.toggle('media-icon--active', feeImgUploaded);
-      icon.classList.toggle('media-icon--empty', !feeImgUploaded);
-      icon.title = feeImgUploaded ? '查看图片' : '暂无图片';
-    }
-  }
-  alert('已保存（原型演示）');
-  closeAddDrawer();
-}
-
-/* ===== 编辑（复用新增抽屉） ===== */
-function openEditDrawer(btn){
-  var tr = editTr = btn.closest('tr');
-  drawerMode = 'edit';
-  var hospital = tr.closest('.tab-pane').querySelector('.table-card__title').textContent.replace('体检项目费用', '');
-  document.getElementById('add-drawer-title').textContent = hospital + ' - 编辑体检项目费用';
-  var cells = tr.cells;
-  var name = cells[1].textContent.trim(), code = cells[2].textContent.trim();
-  var input = document.getElementById('item-search-input');
-  var hidden = document.getElementById('item-search-value');
-  var idx = itemData.findIndex(function(it){ return it.code === code; });
-  hidden.value = idx !== -1 ? idx : '';
-  input.value = name + '（' + code + '）';
-  document.getElementById('item-search-select').classList.add('has-value');
-  input.disabled = true;
-  input.style.background = '#F5F5F5';
-  document.getElementById('item-category').value = cells[3].textContent.trim();
-  document.getElementById('item-type').value = cells[4].textContent.trim();
-  document.getElementById('item-fee').value = cells[6].textContent.trim();
-  document.getElementById('item-upload-file').value = '';
-  feeImgUploaded = !!cells[5].querySelector('.media-icon--active');
-  document.getElementById('desc-editor').innerHTML = itemDescData[code] || itemDescOf(code);
-  document.getElementById('add-drawer').classList.add('open');
-  document.getElementById('add-overlay').classList.add('open');
-}
-
-/* ===== 详情弹窗 ===== */
-function openFeeDetail(btn){
-  var tr = btn.closest('tr');
-  var cells = tr.cells;
-  var hospital = tr.closest('.tab-pane').querySelector('.table-card__title').textContent.replace('体检项目费用', '');
-  var code = cells[2].textContent.trim();
-  document.getElementById('fd-hospital').textContent = hospital;
-  document.getElementById('fd-name').textContent = cells[1].textContent.trim();
-  document.getElementById('fd-code').textContent = code;
-  document.getElementById('fd-category').textContent = cells[3].textContent.trim();
-  document.getElementById('fd-type').textContent = cells[4].textContent.trim();
-  document.getElementById('fd-fee').textContent = Number(cells[6].textContent.trim() || 0).toFixed(2);
-  var hasImg = !!cells[5].querySelector('.media-icon--active');
-  document.getElementById('fd-image').innerHTML = hasImg
-    ? '<div class="detail-thumb" style="background:var(--primary-light);color:var(--primary);">项目图片</div>'
-    : '<div class="detail-thumb">暂无图片</div>';
-  document.getElementById('fd-desc').innerHTML = itemDescData[code] || itemDescOf(code);
-  document.getElementById('fee-detail-overlay').classList.add('open');
-}
-function closeFeeDetail(){
-  document.getElementById('fee-detail-overlay').classList.remove('open');
-}
-
-/* ===== 更新已生成费用二次确认 ===== */
-var updateFeeTr = null;
-function openUpdateConfirm(btn){
-  updateFeeTr = btn.closest('tr');
-  document.getElementById('uc-item').textContent = updateFeeTr.cells[1].textContent.trim();
-  document.getElementById('update-confirm-overlay').classList.add('open');
-}
-function closeUpdateConfirm(){
-  document.getElementById('update-confirm-overlay').classList.remove('open');
-}
-function confirmUpdateFee(){
-  closeUpdateConfirm();
-  alert('「' + (updateFeeTr ? updateFeeTr.cells[1].textContent.trim() : '') + '」已生成费用更新完成（原型演示）');
-}
-
-/* 体检项目可搜索下拉 */
-(function(){
-  var input = document.getElementById('item-search-input');
-  var dropdown = document.getElementById('item-search-dropdown');
-  var hidden = document.getElementById('item-search-value');
-
-  function renderOptions(keyword){
-    dropdown.innerHTML = '';
-    var kw = keyword.trim().toLowerCase();
-    var has = false;
-    itemData.forEach(function(item, idx){
-      var label = item.name + '（' + item.code + '）';
-      if(!kw || label.toLowerCase().indexOf(kw) !== -1){
-        has = true;
-        var opt = document.createElement('div');
-        opt.className = 'search-select__option';
-        if(hidden.value === String(idx)) opt.classList.add('active');
-        opt.textContent = label;
-        opt.dataset.index = idx;
-        opt.onclick = function(){
-          if(input.disabled) return;
-          hidden.value = idx;
-          input.value = label;
-          document.getElementById('item-search-select').classList.add('has-value');
-          dropdown.classList.remove('show');
-        };
-        dropdown.appendChild(opt);
-      }
-    });
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配项目';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  input.addEventListener('input', function(){
-    hidden.value = '';
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  document.addEventListener('click', function(e){
-    if(!e.target.closest('#item-search-select')){
-      dropdown.classList.remove('show');
-    }
-  });
-})();
-
-/* 清除已选体检项目 */
-function clearItemSelection(){
-  if(document.getElementById('item-search-input').disabled) return;
-  document.getElementById('item-search-input').value = '';
-  document.getElementById('item-search-value').value = '';
-  document.getElementById('item-search-select').classList.remove('has-value');
-  document.getElementById('item-search-dropdown').classList.remove('show');
-}
-/* 富文本编辑 */
-function execCmd(cmd, value){
-  var editor = document.getElementById('desc-editor');
-  editor.focus();
-  document.execCommand(cmd, false, value || null);
-}
-
-/* ===== 互斥项目配置 ===== */
-var mutualData = [
-  {item:'经颅多普勒（TCD-001）', exclude:'腹部彩超（BUS-002）'},
-  {item:'胃镜（GAS-011）', exclude:'肠镜（COL-012）'}
-];
-
-/* 可搜索下拉通用组件 */
-function initSearchSelect(cfg){
-  var container = document.getElementById(cfg.containerId);
-  var input = document.getElementById(cfg.inputId);
-  var hidden = document.getElementById(cfg.hiddenId);
-  var dropdown = document.getElementById(cfg.dropdownId);
-  var clearBtn = document.getElementById(cfg.clearId);
-
-  function renderOptions(keyword){
-    dropdown.innerHTML = '';
-    var kw = keyword.trim().toLowerCase();
-    var has = false;
-    cfg.data.forEach(function(item, idx){
-      var label = cfg.getLabel(item);
-      if(!kw || label.toLowerCase().indexOf(kw) !== -1){
-        has = true;
-        var opt = document.createElement('div');
-        opt.className = 'search-select__option';
-        if(hidden.value === String(idx)) opt.classList.add('active');
-        opt.textContent = label;
-        opt.dataset.index = idx;
-        opt.onclick = function(){
-          hidden.value = idx;
-          input.value = label;
-          container.classList.add('has-value');
-          dropdown.classList.remove('show');
-        };
-        dropdown.appendChild(opt);
-      }
-    });
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配项目';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  input.addEventListener('input', function(){
-    hidden.value = '';
-    renderOptions(this.value);
-    dropdown.classList.add('show');
-  });
-  document.addEventListener('click', function(e){
-    if(!e.target.closest('#' + cfg.containerId)){
-      dropdown.classList.remove('show');
-    }
-  });
-
-  function clear(){
-    input.value = '';
-    hidden.value = '';
-    container.classList.remove('has-value');
-    dropdown.classList.remove('show');
-  }
-  if(clearBtn){
-    clearBtn.addEventListener('click', clear);
-  }
-
-  return {
-    clear: clear,
-    getValue: function(){ return hidden.value; }
-  };
-}
-
-var mutualItemSelect = initSearchSelect({
-  containerId:'mutual-item-select',
-  inputId:'mutual-item-input',
-  hiddenId:'mutual-item-value',
-  clearId:'mutual-item-clear',
-  dropdownId:'mutual-item-dropdown',
-  data:itemData,
-  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
-});
-var mutualExcludeSelect = initSearchSelect({
-  containerId:'mutual-exclude-select',
-  inputId:'mutual-exclude-input',
-  hiddenId:'mutual-exclude-value',
-  clearId:'mutual-exclude-clear',
-  dropdownId:'mutual-exclude-dropdown',
-  data:itemData,
-  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
-});
-
-/* 渲染互斥项目列表 */
-function renderMutualTable(){
-  var tbody = document.getElementById('mutual-tbody');
-  tbody.innerHTML = '';
-  mutualData.forEach(function(row, i){
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td><input type="checkbox" class="mutual-row-check" data-index="' + i + '" onchange="updateMutualCheckAll()"></td>' +
-      '<td>' + (i + 1) + '</td>' +
-      '<td>' + row.item + '</td>' +
-      '<td>' + row.exclude + '</td>' +
-      '<td><span class="link" style="color:var(--danger);" onclick="deleteMutualRow(' + i + ')">删除</span></td>';
-    tbody.appendChild(tr);
-  });
-  document.getElementById('mutual-check-all').checked = false;
-}
-
-/* 打开互斥项目配置抽屉 */
-function openMutualDrawer(){
-  var activeTab = document.querySelector('.hospital-tab.active');
-  var hospitalName = activeTab ? activeTab.textContent.trim() : '医院';
-  document.getElementById('mutual-drawer-title').textContent = hospitalName + ' - 互斥项目配置';
-  renderMutualTable();
-  document.getElementById('mutual-drawer').classList.add('open');
-  document.getElementById('mutual-overlay').classList.add('open');
-}
-function closeMutualDrawer(){
-  document.getElementById('mutual-drawer').classList.remove('open');
-  document.getElementById('mutual-overlay').classList.remove('open');
-}
-
-/* 新增互斥项目弹窗 */
-function openMutualAddModal(){
-  var activeTab = document.querySelector('.hospital-tab.active');
-  document.getElementById('mutual-hospital').value = activeTab ? activeTab.textContent.trim() : '';
-  mutualItemSelect.clear();
-  mutualExcludeSelect.clear();
-  document.getElementById('mutual-modal-overlay').classList.add('open');
-}
-function closeMutualAddModal(){
-  document.getElementById('mutual-modal-overlay').classList.remove('open');
-}
-function saveMutualItem(){
-  var itemIdx = mutualItemSelect.getValue();
-  var excludeIdx = mutualExcludeSelect.getValue();
-  if(itemIdx === '' || excludeIdx === ''){ alert('请选择体检项目和互斥项目'); return; }
-  if(itemIdx === excludeIdx){ alert('体检项目与互斥项目不能相同'); return; }
-  var item = itemData[Number(itemIdx)];
-  var exclude = itemData[Number(excludeIdx)];
-  var itemLabel = item.name + '（' + item.code + '）';
-  var excludeLabel = exclude.name + '（' + exclude.code + '）';
-  var dup = mutualData.some(function(r){ return r.item === itemLabel && r.exclude === excludeLabel; });
-  if(dup){ alert('该互斥关系已存在'); return; }
-  mutualData.push({item:itemLabel, exclude:excludeLabel});
-  renderMutualTable();
-  closeMutualAddModal();
-}
-
-/* 删除互斥项目 */
-function deleteMutualRow(i){
-  if(!confirm('确认删除该互斥关系？')) return;
-  mutualData.splice(i, 1);
-  renderMutualTable();
-}
-function toggleMutualCheckAll(el){
-  document.querySelectorAll('.mutual-row-check').forEach(function(c){ c.checked = el.checked; });
-}
-function updateMutualCheckAll(){
-  var all = document.querySelectorAll('.mutual-row-check');
-  var checked = document.querySelectorAll('.mutual-row-check:checked');
-  document.getElementById('mutual-check-all').checked = all.length > 0 && checked.length === all.length;
-}
-function batchDeleteMutual(){
-  var checked = document.querySelectorAll('.mutual-row-check:checked');
-  if(checked.length === 0){ alert('请先选择要删除的记录'); return; }
-  if(!confirm('确认删除选中的 ' + checked.length + ' 条互斥关系？')) return;
-  var indexes = [];
-  checked.forEach(function(c){ indexes.push(Number(c.dataset.index)); });
-  indexes.sort(function(a, b){ return b - a; });
-  indexes.forEach(function(i){ mutualData.splice(i, 1); });
-  renderMutualTable();
-}
-
-/* ===== 关联项目配置 ===== */
-var relData = [
-  {item:'胃镜（GAS-011）', related:'心电图（ECG-004）'},
-  {item:'肠镜（COL-012）', related:'血常规（BLD-003）'}
-];
-
-var relItemSelect = initSearchSelect({
-  containerId:'rel-item-select',
-  inputId:'rel-item-input',
-  hiddenId:'rel-item-value',
-  clearId:'rel-item-clear',
-  dropdownId:'rel-item-dropdown',
-  data:itemData,
-  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
-});
-var relTargetSelect = initSearchSelect({
-  containerId:'rel-target-select',
-  inputId:'rel-target-input',
-  hiddenId:'rel-target-value',
-  clearId:'rel-target-clear',
-  dropdownId:'rel-target-dropdown',
-  data:itemData,
-  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
-});
-
-/* 渲染关联项目列表 */
-function renderRelTable(){
-  var tbody = document.getElementById('rel-tbody');
-  tbody.innerHTML = '';
-  relData.forEach(function(row, i){
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td><input type="checkbox" class="rel-row-check" data-index="' + i + '" onchange="updateRelCheckAll()"></td>' +
-      '<td>' + (i + 1) + '</td>' +
-      '<td>' + row.item + '</td>' +
-      '<td>' + row.related + '</td>' +
-      '<td><span class="link" style="color:var(--danger);" onclick="deleteRelRow(' + i + ')">删除</span></td>';
-    tbody.appendChild(tr);
-  });
-  document.getElementById('rel-check-all').checked = false;
-}
-
-/* 打开关联项目配置抽屉 */
-function openRelDrawer(){
-  var activeTab = document.querySelector('.hospital-tab.active');
-  var hospitalName = activeTab ? activeTab.textContent.trim() : '医院';
-  document.getElementById('rel-drawer-title').textContent = hospitalName + ' - 关联项目配置';
-  renderRelTable();
-  document.getElementById('rel-drawer').classList.add('open');
-  document.getElementById('rel-overlay').classList.add('open');
-}
-function closeRelDrawer(){
-  document.getElementById('rel-drawer').classList.remove('open');
-  document.getElementById('rel-overlay').classList.remove('open');
-}
-
-/* 新增关联项目弹窗 */
-function openRelAddModal(){
-  var activeTab = document.querySelector('.hospital-tab.active');
-  document.getElementById('rel-hospital').value = activeTab ? activeTab.textContent.trim() : '';
-  relItemSelect.clear();
-  relTargetSelect.clear();
-  document.getElementById('rel-modal-overlay').classList.add('open');
-}
-function closeRelAddModal(){
-  document.getElementById('rel-modal-overlay').classList.remove('open');
-}
-function saveRelItem(){
-  var itemIdx = relItemSelect.getValue();
-  var targetIdx = relTargetSelect.getValue();
-  if(itemIdx === '' || targetIdx === ''){ alert('请选择体检项目和关联项目'); return; }
-  if(itemIdx === targetIdx){ alert('体检项目与关联项目不能相同'); return; }
-  var item = itemData[Number(itemIdx)];
-  var target = itemData[Number(targetIdx)];
-  var itemLabel = item.name + '（' + item.code + '）';
-  var targetLabel = target.name + '（' + target.code + '）';
-  var dup = relData.some(function(r){ return r.item === itemLabel && r.related === targetLabel; });
-  if(dup){ alert('该关联关系已存在'); return; }
-  relData.push({item:itemLabel, related:targetLabel});
-  renderRelTable();
-  closeRelAddModal();
-}
-
-/* 删除关联项目 */
-function deleteRelRow(i){
-  if(!confirm('确认删除该关联关系？')) return;
-  relData.splice(i, 1);
-  renderRelTable();
-}
-function toggleRelCheckAll(el){
-  document.querySelectorAll('.rel-row-check').forEach(function(c){ c.checked = el.checked; });
-}
-function updateRelCheckAll(){
-  var all = document.querySelectorAll('.rel-row-check');
-  var checked = document.querySelectorAll('.rel-row-check:checked');
-  document.getElementById('rel-check-all').checked = all.length > 0 && checked.length === all.length;
-}
-function batchDeleteRel(){
-  var checked = document.querySelectorAll('.rel-row-check:checked');
-  if(checked.length === 0){ alert('请先选择要删除的记录'); return; }
-  if(!confirm('确认删除选中的 ' + checked.length + ' 条关联关系？')) return;
-  var indexes = [];
-  checked.forEach(function(c){ indexes.push(Number(c.dataset.index)); });
-  indexes.sort(function(a, b){ return b - a; });
-  indexes.forEach(function(i){ relData.splice(i, 1); });
-  renderRelTable();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 医院TAB切换 -->
+  <div class="hospital-tabs">
+    <div class="hospital-tab active" onclick="switchHospital('jinghe', this)">泾河医院</div>
+    <div class="hospital-tab" onclick="switchHospital('qingyang', this)">庆阳医院</div>
+    <div class="hospital-tab" onclick="switchHospital('yanan', this)">延安医院</div>
+    <div class="hospital-tab" onclick="switchHospital('xinglongyuan', this)">兴隆园医院</div>
+    <div class="hospital-tab" onclick="switchHospital('ningxia', this)">宁夏宝石花医院</div>
+  </div>
+
+  <!-- 泾河医院 -->
+  <div class="tab-pane active" id="pane-jinghe">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>项目名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+      </div>
+      <div class="filter-item">
+        <label>检查分类：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>常规检查</option>
+          <option>妇科检查</option>
+          <option>防癌检查</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目类别：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>抽血及其它检验项目</option>
+          <option>医生检查项目</option>
+          <option>功能检查项目</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目编号：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+      <button class="btn btn-default">批量删除</button>
+      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
+      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">泾河医院体检项目费用</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 243 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+  <!-- 庆阳医院 -->
+  <div class="tab-pane" id="pane-qingyang">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>项目名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+      </div>
+      <div class="filter-item">
+        <label>检查分类：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>常规检查</option>
+          <option>妇科检查</option>
+          <option>防癌检查</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目类别：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>抽血及其它检验项目</option>
+          <option>医生检查项目</option>
+          <option>功能检查项目</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目编号：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+      <button class="btn btn-default">批量删除</button>
+      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
+      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">庆阳医院体检项目费用</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 186 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+  <!-- 延安医院 -->
+  <div class="tab-pane" id="pane-yanan">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>项目名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+      </div>
+      <div class="filter-item">
+        <label>检查分类：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>常规检查</option>
+          <option>妇科检查</option>
+          <option>防癌检查</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目类别：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>抽血及其它检验项目</option>
+          <option>医生检查项目</option>
+          <option>功能检查项目</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目编号：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+      <button class="btn btn-default">批量删除</button>
+      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
+      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">延安医院体检项目费用</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 157 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+  <!-- 兴隆园医院 -->
+  <div class="tab-pane" id="pane-xinglongyuan">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>项目名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+      </div>
+      <div class="filter-item">
+        <label>检查分类：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>常规检查</option>
+          <option>妇科检查</option>
+          <option>防癌检查</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目类别：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>抽血及其它检验项目</option>
+          <option>医生检查项目</option>
+          <option>功能检查项目</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目编号：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+      <button class="btn btn-default">批量删除</button>
+      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
+      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">兴隆园医院体检项目费用</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 212 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+  <!-- 宁夏宝石花医院 -->
+  <div class="tab-pane" id="pane-ningxia">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>项目名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+      </div>
+      <div class="filter-item">
+        <label>检查分类：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>常规检查</option>
+          <option>妇科检查</option>
+          <option>防癌检查</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目类别：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+          <option>抽血及其它检验项目</option>
+          <option>医生检查项目</option>
+          <option>功能检查项目</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>项目编号：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openAddDrawer()">+ 新增</button>
+      <button class="btn btn-default">批量删除</button>
+      <button class="btn btn-default" onclick="openMutualDrawer()">互斥项目配置</button>
+      <button class="btn btn-default" onclick="openRelDrawer()">关联项目配置</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">宁夏宝石花医院体检项目费用</div>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <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>TCD-001</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>260.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>2</td><td>腹部彩超</td><td>BUS-002</td><td>常规检查</td><td>功能检查项目</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>180.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <tr><td>3</td><td>血常规</td><td>BLD-003</td><td>常规检查</td><td>抽血及其它检验项目</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>35.00</td><td><span class="link" onclick="openUpdateConfirm(this)">更新已生成费用</span> <span class="link" style="margin-left:8px;" onclick="openEditDrawer(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="openFeeDetail(this)">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 98 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+</main>
+
+<!-- 新增医院体检项目费用抽屉 -->
+<div class="drawer-overlay" id="add-overlay" onclick="closeAddDrawer()"></div>
+<div class="drawer" id="add-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="add-drawer-title">泾河医院 - 新增体检项目费用</div>
+    <button class="drawer__close" onclick="closeAddDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-item">
+      <div class="form-label"><span class="required">*</span> 选择体检项目</div>
+      <div class="search-select" id="item-search-select">
+        <input type="text" class="search-select__input" id="item-search-input" placeholder="请输入项目名称搜索" autocomplete="off">
+        <input type="hidden" id="item-search-value">
+        <span class="search-select__clear" id="item-search-clear" title="清除" onclick="clearItemSelection()">✕</span>
+        <div class="search-select__dropdown" id="item-search-dropdown"></div>
+      </div>
+    </div>
+    <div class="form-item">
+      <div class="form-label"><span class="required">*</span> 检查分类</div>
+      <select class="form-select" id="item-category">
+        <option>请选择</option>
+        <option>常规检查</option>
+        <option>妇科检查</option>
+        <option>防癌检查</option>
+      </select>
+    </div>
+    <div class="form-item">
+      <div class="form-label"><span class="required">*</span> 项目类别</div>
+      <select class="form-select" id="item-type">
+        <option>请选择</option>
+        <option>抽血及其它检验项目</option>
+        <option>医生检查项目</option>
+        <option>功能检查项目</option>
+      </select>
+    </div>
+    <div class="form-item">
+      <div class="form-label"><span class="required">*</span> 默认费用（元）</div>
+      <input class="form-input" type="number" min="0" id="item-fee" placeholder="请输入默认费用">
+    </div>
+    <div class="form-item">
+      <div class="form-label">项目图片</div>
+      <label class="upload-box">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 11V3M5 6l3-3 3 3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11v1a1 1 0 001 1h8a1 1 0 001-1v-1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
+        上传图片
+        <input type="file" class="upload-file" id="item-upload-file" onchange="if(this.value) feeImgUploaded = true;">
+      </label>
+    </div>
+    <div class="form-item">
+      <div class="form-label">描述</div>
+      <div class="editor-toolbar">
+        <button class="toolbar-btn" title="加粗" onmousedown="event.preventDefault()" onclick="execCmd('bold')"><strong>B</strong></button>
+        <button class="toolbar-btn" title="斜体" onmousedown="event.preventDefault()" onclick="execCmd('italic')"><em>I</em></button>
+        <button class="toolbar-btn" title="下划线" onmousedown="event.preventDefault()" onclick="execCmd('underline')"><u>U</u></button>
+        <div class="toolbar-divider"></div>
+        <button class="toolbar-btn" onmousedown="event.preventDefault()" onclick="execCmd('insertOrderedList')">有序列表</button>
+        <button class="toolbar-btn" onmousedown="event.preventDefault()" onclick="execCmd('insertUnorderedList')">无序列表</button>
+        <div class="toolbar-divider"></div>
+        <select class="toolbar-select" onmousedown="event.preventDefault()" onchange="execCmd('fontSize', this.value)">
+          <option value="">字号</option>
+          <option value="1">小</option>
+          <option value="2">较小</option>
+          <option value="3">正常</option>
+          <option value="4">较大</option>
+          <option value="5">大</option>
+        </select>
+        <input type="color" class="toolbar-color" title="文字颜色" value="#333333" onchange="execCmd('foreColor', this.value)">
+      </div>
+      <div class="editor-body" id="desc-editor" contenteditable="true" data-placeholder="请输入项目描述"></div>
+      <div class="editor-footer">
+        <span class="editor-footer__hint">支持富文本编辑</span>
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-default" onclick="closeAddDrawer()">取消</button>
+    <button class="btn btn-primary" onclick="saveAddItem()">确认保存</button>
+  </div>
+</div>
+
+<!-- 互斥项目配置抽屉 -->
+<div class="drawer-overlay" id="mutual-overlay" onclick="closeMutualDrawer()"></div>
+<div class="drawer drawer--wide" id="mutual-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="mutual-drawer-title">泾河医院 - 互斥项目配置</div>
+    <button class="drawer__close" onclick="closeMutualDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openMutualAddModal()">+ 新增</button>
+      <button class="btn btn-danger" onclick="batchDeleteMutual()">批量删除</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th style="width:40px;"><input type="checkbox" id="mutual-check-all" onclick="toggleMutualCheckAll(this)"></th>
+              <th>序号</th><th>体检项目</th><th>互斥项目</th><th>操作</th>
+            </tr>
+          </thead>
+          <tbody id="mutual-tbody"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 新增互斥项目弹窗 -->
+<div class="modal-overlay" id="mutual-modal-overlay" onclick="if(event.target===this)closeMutualAddModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">新增互斥项目</div>
+      <button class="modal__close" onclick="closeMutualAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label">体检医院</div>
+        <input class="form-input" id="mutual-hospital" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检项目</div>
+        <div class="search-select" id="mutual-item-select">
+          <input type="text" class="search-select__input" id="mutual-item-input" placeholder="请输入项目名称搜索" autocomplete="off">
+          <input type="hidden" id="mutual-item-value">
+          <span class="search-select__clear" id="mutual-item-clear" title="清除">✕</span>
+          <div class="search-select__dropdown" id="mutual-item-dropdown"></div>
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 互斥项目</div>
+        <div class="search-select" id="mutual-exclude-select">
+          <input type="text" class="search-select__input" id="mutual-exclude-input" placeholder="请输入项目名称搜索" autocomplete="off">
+          <input type="hidden" id="mutual-exclude-value">
+          <span class="search-select__clear" id="mutual-exclude-clear" title="清除">✕</span>
+          <div class="search-select__dropdown" id="mutual-exclude-dropdown"></div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeMutualAddModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveMutualItem()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 关联项目配置抽屉 -->
+<div class="drawer-overlay" id="rel-overlay" onclick="closeRelDrawer()"></div>
+<div class="drawer drawer--wide" id="rel-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title" id="rel-drawer-title">泾河医院 - 关联项目配置</div>
+    <button class="drawer__close" onclick="closeRelDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-primary" onclick="openRelAddModal()">+ 新增</button>
+      <button class="btn btn-danger" onclick="batchDeleteRel()">批量删除</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th style="width:40px;"><input type="checkbox" id="rel-check-all" onclick="toggleRelCheckAll(this)"></th>
+              <th>序号</th><th>体检项目</th><th>关联项目</th><th>操作</th>
+            </tr>
+          </thead>
+          <tbody id="rel-tbody"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 新增关联项目弹窗 -->
+<div class="modal-overlay" id="rel-modal-overlay" onclick="if(event.target===this)closeRelAddModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">新增关联项目</div>
+      <button class="modal__close" onclick="closeRelAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label">体检医院</div>
+        <input class="form-input" id="rel-hospital" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检项目</div>
+        <div class="search-select" id="rel-item-select">
+          <input type="text" class="search-select__input" id="rel-item-input" placeholder="请输入项目名称搜索" autocomplete="off">
+          <input type="hidden" id="rel-item-value">
+          <span class="search-select__clear" id="rel-item-clear" title="清除">✕</span>
+          <div class="search-select__dropdown" id="rel-item-dropdown"></div>
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 关联项目</div>
+        <div class="search-select" id="rel-target-select">
+          <input type="text" class="search-select__input" id="rel-target-input" placeholder="请输入项目名称搜索" autocomplete="off">
+          <input type="hidden" id="rel-target-value">
+          <span class="search-select__clear" id="rel-target-clear" title="清除">✕</span>
+          <div class="search-select__dropdown" id="rel-target-dropdown"></div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeRelAddModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveRelItem()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 体检项目费用详情弹窗 -->
+<div class="modal-overlay" id="fee-detail-overlay" onclick="if(event.target===this)closeFeeDetail()">
+  <div class="modal" style="width:560px;">
+    <div class="modal__header">
+      <div class="modal__title">体检项目费用详情</div>
+      <button class="modal__close" onclick="closeFeeDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-list">
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;">
+          <div class="detail-item"><span class="detail-item__label">医院名称</span><span class="detail-item__value" id="fd-hospital">—</span></div>
+          <div class="detail-item"><span class="detail-item__label">项目名称</span><span class="detail-item__value" id="fd-name">—</span></div>
+          <div class="detail-item"><span class="detail-item__label">项目编号</span><span class="detail-item__value" id="fd-code">—</span></div>
+          <div class="detail-item"><span class="detail-item__label">检查分类</span><span class="detail-item__value" id="fd-category">—</span></div>
+          <div class="detail-item"><span class="detail-item__label">项目类别</span><span class="detail-item__value" id="fd-type">—</span></div>
+          <div class="detail-item"><span class="detail-item__label">默认费用（元）</span><span class="detail-item__value" id="fd-fee">—</span></div>
+        </div>
+        <div class="detail-item">
+          <span class="detail-item__label">项目图片</span>
+          <div id="fd-image"><div class="detail-thumb">暂无图片</div></div>
+        </div>
+        <div class="detail-item">
+          <span class="detail-item__label">描述</span>
+          <div class="detail-desc" id="fd-desc">—</div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeFeeDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 更新已生成费用二次确认弹窗 -->
+<div class="modal-overlay" id="update-confirm-overlay" onclick="if(event.target===this)closeUpdateConfirm()">
+  <div class="modal" style="width:420px;">
+    <div class="modal__header">
+      <div class="modal__title">更新确认</div>
+      <button class="modal__close" onclick="closeUpdateConfirm()">✕</button>
+    </div>
+    <div class="modal__body" style="display:flex;gap:12px;align-items:flex-start;">
+      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:2px;"><circle cx="11" cy="11" r="10" fill="#FAAD14"/><path d="M11 6.5v6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><circle cx="11" cy="15.5" r="1.2" fill="#fff"/></svg>
+      <div style="font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;">
+        确定要更新「<b id="uc-item"></b>」的已生成费用吗？<br>
+        <span style="color:var(--text-secondary);">更新后将按该项目当前默认费用同步已生成的各相关单位体检项目费用，更新后立即生效。</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeUpdateConfirm()">取消</button>
+      <button class="btn btn-primary" onclick="confirmUpdateFee()">确认更新</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 医院TAB切换 */
+function switchHospital(type, el){
+  document.querySelectorAll('.hospital-tab').forEach(function(t){ t.classList.remove('active'); });
+  document.querySelectorAll('.tab-pane').forEach(function(p){ p.classList.remove('active'); });
+  el.classList.add('active');
+  document.getElementById('pane-' + type).classList.add('active');
+}
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 新增医院体检项目费用抽屉 ===== */
+var itemData = [
+  {name:'经颅多普勒', code:'TCD-001', category:'常规检查', type:'功能检查项目', fee:'260.00'},
+  {name:'腹部彩超', code:'BUS-002', category:'常规检查', type:'功能检查项目', fee:'180.00'},
+  {name:'血常规', code:'BLD-003', category:'常规检查', type:'抽血及其它检验项目', fee:'35.00'},
+  {name:'心电图', code:'ECG-004', category:'常规检查', type:'功能检查项目', fee:'25.00'},
+  {name:'胸部X光', code:'XRY-005', category:'常规检查', type:'功能检查项目', fee:'120.00'},
+  {name:'肝功能', code:'LFT-006', category:'常规检查', type:'抽血及其它检验项目', fee:'80.00'},
+  {name:'肾功能', code:'RFT-007', category:'常规检查', type:'抽血及其它检验项目', fee:'60.00'},
+  {name:'空腹血糖', code:'GLU-008', category:'常规检查', type:'抽血及其它检验项目', fee:'10.00'},
+  {name:'血脂四项', code:'LIP-009', category:'常规检查', type:'抽血及其它检验项目', fee:'90.00'},
+  {name:'尿常规', code:'URI-010', category:'常规检查', type:'抽血及其它检验项目', fee:'15.00'},
+  {name:'胃镜', code:'GAS-011', category:'防癌检查', type:'医生检查项目', fee:'350.00'},
+  {name:'肠镜', code:'COL-012', category:'防癌检查', type:'医生检查项目', fee:'380.00'}
+];
+
+/* 抽屉状态：'add' 新增 / 'edit' 编辑 */
+var drawerMode = 'add';
+var editTr = null;
+var feeImgUploaded = false;
+/* 项目描述示例数据（按编号索引），未配置的用默认文案 */
+var itemDescData = {
+  'TCD-001': '通过多普勒超声原理检测脑动脉血流速度与方向，用于筛查脑动脉硬化、血管狭窄及畸形等病变。',
+  'BUS-002': '对肝、胆、胰、脾、肾等腹部脏器进行超声成像，评估形态结构及占位性病变。',
+  'BLD-003': '检测红细胞、白细胞、血小板等指标，辅助判断感染、贫血及血液系统疾病。'
+};
+function itemDescOf(code){
+  return itemDescData[code] || (code + ' 项目的常规检查说明，包含检查目的、适用人群及注意事项。');
+}
+
+function activeHospitalName(){
+  var activeTab = document.querySelector('.hospital-tab.active');
+  return activeTab ? activeTab.textContent.trim() : '医院';
+}
+function resetAddForm(){
+  var input = document.getElementById('item-search-input');
+  input.disabled = false;
+  input.style.background = '#fff';
+  clearItemSelection();
+  document.getElementById('item-category').value = '请选择';
+  document.getElementById('item-type').value = '请选择';
+  document.getElementById('item-fee').value = '';
+  document.getElementById('item-upload-file').value = '';
+  feeImgUploaded = false;
+  document.getElementById('desc-editor').innerHTML = '';
+}
+function openAddDrawer(){
+  drawerMode = 'add';
+  editTr = null;
+  document.getElementById('add-drawer-title').textContent = activeHospitalName() + ' - 新增体检项目费用';
+  resetAddForm();
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+function closeAddDrawer(){
+  document.getElementById('add-drawer').classList.remove('open');
+  document.getElementById('add-overlay').classList.remove('open');
+}
+function saveAddItem(){
+  var selIdx = document.getElementById('item-search-value').value;
+  if(selIdx === '' && drawerMode === 'add'){ alert('请选择体检项目'); return; }
+  if(document.getElementById('item-category').value === '请选择'){ alert('请选择检查分类'); return; }
+  if(document.getElementById('item-type').value === '请选择'){ alert('请选择项目类别'); return; }
+  var fee = document.getElementById('item-fee').value.trim();
+  if(!fee || Number(fee) < 0){ alert('请输入默认费用'); return; }
+  var code = '', name = '';
+  if(selIdx !== ''){
+    var picked = itemData[Number(selIdx)];
+    name = picked.name; code = picked.code;
+  }
+  if(drawerMode === 'edit' && editTr){
+    var cells = editTr.cells;
+    if(code){
+      cells[1].textContent = name;
+      cells[2].textContent = code;
+    } else {
+      name = cells[1].textContent.trim();
+      code = cells[2].textContent.trim();
+    }
+    cells[3].textContent = document.getElementById('item-category').value;
+    cells[4].textContent = document.getElementById('item-type').value;
+    cells[6].textContent = Number(fee).toFixed(2);
+    itemDescData[code] = document.getElementById('desc-editor').innerHTML.trim() || itemDescOf(code);
+    var icon = cells[5].querySelector('.media-icon');
+    if(icon){
+      icon.classList.toggle('media-icon--active', feeImgUploaded);
+      icon.classList.toggle('media-icon--empty', !feeImgUploaded);
+      icon.title = feeImgUploaded ? '查看图片' : '暂无图片';
+    }
+  }
+  alert('已保存（原型演示）');
+  closeAddDrawer();
+}
+
+/* ===== 编辑（复用新增抽屉） ===== */
+function openEditDrawer(btn){
+  var tr = editTr = btn.closest('tr');
+  drawerMode = 'edit';
+  var hospital = tr.closest('.tab-pane').querySelector('.table-card__title').textContent.replace('体检项目费用', '');
+  document.getElementById('add-drawer-title').textContent = hospital + ' - 编辑体检项目费用';
+  var cells = tr.cells;
+  var name = cells[1].textContent.trim(), code = cells[2].textContent.trim();
+  var input = document.getElementById('item-search-input');
+  var hidden = document.getElementById('item-search-value');
+  var idx = itemData.findIndex(function(it){ return it.code === code; });
+  hidden.value = idx !== -1 ? idx : '';
+  input.value = name + '（' + code + '）';
+  document.getElementById('item-search-select').classList.add('has-value');
+  input.disabled = true;
+  input.style.background = '#F5F5F5';
+  document.getElementById('item-category').value = cells[3].textContent.trim();
+  document.getElementById('item-type').value = cells[4].textContent.trim();
+  document.getElementById('item-fee').value = cells[6].textContent.trim();
+  document.getElementById('item-upload-file').value = '';
+  feeImgUploaded = !!cells[5].querySelector('.media-icon--active');
+  document.getElementById('desc-editor').innerHTML = itemDescData[code] || itemDescOf(code);
+  document.getElementById('add-drawer').classList.add('open');
+  document.getElementById('add-overlay').classList.add('open');
+}
+
+/* ===== 详情弹窗 ===== */
+function openFeeDetail(btn){
+  var tr = btn.closest('tr');
+  var cells = tr.cells;
+  var hospital = tr.closest('.tab-pane').querySelector('.table-card__title').textContent.replace('体检项目费用', '');
+  var code = cells[2].textContent.trim();
+  document.getElementById('fd-hospital').textContent = hospital;
+  document.getElementById('fd-name').textContent = cells[1].textContent.trim();
+  document.getElementById('fd-code').textContent = code;
+  document.getElementById('fd-category').textContent = cells[3].textContent.trim();
+  document.getElementById('fd-type').textContent = cells[4].textContent.trim();
+  document.getElementById('fd-fee').textContent = Number(cells[6].textContent.trim() || 0).toFixed(2);
+  var hasImg = !!cells[5].querySelector('.media-icon--active');
+  document.getElementById('fd-image').innerHTML = hasImg
+    ? '<div class="detail-thumb" style="background:var(--primary-light);color:var(--primary);">项目图片</div>'
+    : '<div class="detail-thumb">暂无图片</div>';
+  document.getElementById('fd-desc').innerHTML = itemDescData[code] || itemDescOf(code);
+  document.getElementById('fee-detail-overlay').classList.add('open');
+}
+function closeFeeDetail(){
+  document.getElementById('fee-detail-overlay').classList.remove('open');
+}
+
+/* ===== 更新已生成费用二次确认 ===== */
+var updateFeeTr = null;
+function openUpdateConfirm(btn){
+  updateFeeTr = btn.closest('tr');
+  document.getElementById('uc-item').textContent = updateFeeTr.cells[1].textContent.trim();
+  document.getElementById('update-confirm-overlay').classList.add('open');
+}
+function closeUpdateConfirm(){
+  document.getElementById('update-confirm-overlay').classList.remove('open');
+}
+function confirmUpdateFee(){
+  closeUpdateConfirm();
+  alert('「' + (updateFeeTr ? updateFeeTr.cells[1].textContent.trim() : '') + '」已生成费用更新完成（原型演示）');
+}
+
+/* 体检项目可搜索下拉 */
+(function(){
+  var input = document.getElementById('item-search-input');
+  var dropdown = document.getElementById('item-search-dropdown');
+  var hidden = document.getElementById('item-search-value');
+
+  function renderOptions(keyword){
+    dropdown.innerHTML = '';
+    var kw = keyword.trim().toLowerCase();
+    var has = false;
+    itemData.forEach(function(item, idx){
+      var label = item.name + '（' + item.code + '）';
+      if(!kw || label.toLowerCase().indexOf(kw) !== -1){
+        has = true;
+        var opt = document.createElement('div');
+        opt.className = 'search-select__option';
+        if(hidden.value === String(idx)) opt.classList.add('active');
+        opt.textContent = label;
+        opt.dataset.index = idx;
+        opt.onclick = function(){
+          if(input.disabled) return;
+          hidden.value = idx;
+          input.value = label;
+          document.getElementById('item-search-select').classList.add('has-value');
+          dropdown.classList.remove('show');
+        };
+        dropdown.appendChild(opt);
+      }
+    });
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配项目';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  input.addEventListener('input', function(){
+    hidden.value = '';
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  document.addEventListener('click', function(e){
+    if(!e.target.closest('#item-search-select')){
+      dropdown.classList.remove('show');
+    }
+  });
+})();
+
+/* 清除已选体检项目 */
+function clearItemSelection(){
+  if(document.getElementById('item-search-input').disabled) return;
+  document.getElementById('item-search-input').value = '';
+  document.getElementById('item-search-value').value = '';
+  document.getElementById('item-search-select').classList.remove('has-value');
+  document.getElementById('item-search-dropdown').classList.remove('show');
+}
+/* 富文本编辑 */
+function execCmd(cmd, value){
+  var editor = document.getElementById('desc-editor');
+  editor.focus();
+  document.execCommand(cmd, false, value || null);
+}
+
+/* ===== 互斥项目配置 ===== */
+var mutualData = [
+  {item:'经颅多普勒（TCD-001）', exclude:'腹部彩超（BUS-002）'},
+  {item:'胃镜（GAS-011）', exclude:'肠镜（COL-012）'}
+];
+
+/* 可搜索下拉通用组件 */
+function initSearchSelect(cfg){
+  var container = document.getElementById(cfg.containerId);
+  var input = document.getElementById(cfg.inputId);
+  var hidden = document.getElementById(cfg.hiddenId);
+  var dropdown = document.getElementById(cfg.dropdownId);
+  var clearBtn = document.getElementById(cfg.clearId);
+
+  function renderOptions(keyword){
+    dropdown.innerHTML = '';
+    var kw = keyword.trim().toLowerCase();
+    var has = false;
+    cfg.data.forEach(function(item, idx){
+      var label = cfg.getLabel(item);
+      if(!kw || label.toLowerCase().indexOf(kw) !== -1){
+        has = true;
+        var opt = document.createElement('div');
+        opt.className = 'search-select__option';
+        if(hidden.value === String(idx)) opt.classList.add('active');
+        opt.textContent = label;
+        opt.dataset.index = idx;
+        opt.onclick = function(){
+          hidden.value = idx;
+          input.value = label;
+          container.classList.add('has-value');
+          dropdown.classList.remove('show');
+        };
+        dropdown.appendChild(opt);
+      }
+    });
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配项目';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  input.addEventListener('input', function(){
+    hidden.value = '';
+    renderOptions(this.value);
+    dropdown.classList.add('show');
+  });
+  document.addEventListener('click', function(e){
+    if(!e.target.closest('#' + cfg.containerId)){
+      dropdown.classList.remove('show');
+    }
+  });
+
+  function clear(){
+    input.value = '';
+    hidden.value = '';
+    container.classList.remove('has-value');
+    dropdown.classList.remove('show');
+  }
+  if(clearBtn){
+    clearBtn.addEventListener('click', clear);
+  }
+
+  return {
+    clear: clear,
+    getValue: function(){ return hidden.value; }
+  };
+}
+
+var mutualItemSelect = initSearchSelect({
+  containerId:'mutual-item-select',
+  inputId:'mutual-item-input',
+  hiddenId:'mutual-item-value',
+  clearId:'mutual-item-clear',
+  dropdownId:'mutual-item-dropdown',
+  data:itemData,
+  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
+});
+var mutualExcludeSelect = initSearchSelect({
+  containerId:'mutual-exclude-select',
+  inputId:'mutual-exclude-input',
+  hiddenId:'mutual-exclude-value',
+  clearId:'mutual-exclude-clear',
+  dropdownId:'mutual-exclude-dropdown',
+  data:itemData,
+  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
+});
+
+/* 渲染互斥项目列表 */
+function renderMutualTable(){
+  var tbody = document.getElementById('mutual-tbody');
+  tbody.innerHTML = '';
+  mutualData.forEach(function(row, i){
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td><input type="checkbox" class="mutual-row-check" data-index="' + i + '" onchange="updateMutualCheckAll()"></td>' +
+      '<td>' + (i + 1) + '</td>' +
+      '<td>' + row.item + '</td>' +
+      '<td>' + row.exclude + '</td>' +
+      '<td><span class="link" style="color:var(--danger);" onclick="deleteMutualRow(' + i + ')">删除</span></td>';
+    tbody.appendChild(tr);
+  });
+  document.getElementById('mutual-check-all').checked = false;
+}
+
+/* 打开互斥项目配置抽屉 */
+function openMutualDrawer(){
+  var activeTab = document.querySelector('.hospital-tab.active');
+  var hospitalName = activeTab ? activeTab.textContent.trim() : '医院';
+  document.getElementById('mutual-drawer-title').textContent = hospitalName + ' - 互斥项目配置';
+  renderMutualTable();
+  document.getElementById('mutual-drawer').classList.add('open');
+  document.getElementById('mutual-overlay').classList.add('open');
+}
+function closeMutualDrawer(){
+  document.getElementById('mutual-drawer').classList.remove('open');
+  document.getElementById('mutual-overlay').classList.remove('open');
+}
+
+/* 新增互斥项目弹窗 */
+function openMutualAddModal(){
+  var activeTab = document.querySelector('.hospital-tab.active');
+  document.getElementById('mutual-hospital').value = activeTab ? activeTab.textContent.trim() : '';
+  mutualItemSelect.clear();
+  mutualExcludeSelect.clear();
+  document.getElementById('mutual-modal-overlay').classList.add('open');
+}
+function closeMutualAddModal(){
+  document.getElementById('mutual-modal-overlay').classList.remove('open');
+}
+function saveMutualItem(){
+  var itemIdx = mutualItemSelect.getValue();
+  var excludeIdx = mutualExcludeSelect.getValue();
+  if(itemIdx === '' || excludeIdx === ''){ alert('请选择体检项目和互斥项目'); return; }
+  if(itemIdx === excludeIdx){ alert('体检项目与互斥项目不能相同'); return; }
+  var item = itemData[Number(itemIdx)];
+  var exclude = itemData[Number(excludeIdx)];
+  var itemLabel = item.name + '（' + item.code + '）';
+  var excludeLabel = exclude.name + '（' + exclude.code + '）';
+  var dup = mutualData.some(function(r){ return r.item === itemLabel && r.exclude === excludeLabel; });
+  if(dup){ alert('该互斥关系已存在'); return; }
+  mutualData.push({item:itemLabel, exclude:excludeLabel});
+  renderMutualTable();
+  closeMutualAddModal();
+}
+
+/* 删除互斥项目 */
+function deleteMutualRow(i){
+  if(!confirm('确认删除该互斥关系？')) return;
+  mutualData.splice(i, 1);
+  renderMutualTable();
+}
+function toggleMutualCheckAll(el){
+  document.querySelectorAll('.mutual-row-check').forEach(function(c){ c.checked = el.checked; });
+}
+function updateMutualCheckAll(){
+  var all = document.querySelectorAll('.mutual-row-check');
+  var checked = document.querySelectorAll('.mutual-row-check:checked');
+  document.getElementById('mutual-check-all').checked = all.length > 0 && checked.length === all.length;
+}
+function batchDeleteMutual(){
+  var checked = document.querySelectorAll('.mutual-row-check:checked');
+  if(checked.length === 0){ alert('请先选择要删除的记录'); return; }
+  if(!confirm('确认删除选中的 ' + checked.length + ' 条互斥关系？')) return;
+  var indexes = [];
+  checked.forEach(function(c){ indexes.push(Number(c.dataset.index)); });
+  indexes.sort(function(a, b){ return b - a; });
+  indexes.forEach(function(i){ mutualData.splice(i, 1); });
+  renderMutualTable();
+}
+
+/* ===== 关联项目配置 ===== */
+var relData = [
+  {item:'胃镜（GAS-011）', related:'心电图（ECG-004）'},
+  {item:'肠镜（COL-012）', related:'血常规（BLD-003）'}
+];
+
+var relItemSelect = initSearchSelect({
+  containerId:'rel-item-select',
+  inputId:'rel-item-input',
+  hiddenId:'rel-item-value',
+  clearId:'rel-item-clear',
+  dropdownId:'rel-item-dropdown',
+  data:itemData,
+  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
+});
+var relTargetSelect = initSearchSelect({
+  containerId:'rel-target-select',
+  inputId:'rel-target-input',
+  hiddenId:'rel-target-value',
+  clearId:'rel-target-clear',
+  dropdownId:'rel-target-dropdown',
+  data:itemData,
+  getLabel:function(item){ return item.name + '（' + item.code + '）'; }
+});
+
+/* 渲染关联项目列表 */
+function renderRelTable(){
+  var tbody = document.getElementById('rel-tbody');
+  tbody.innerHTML = '';
+  relData.forEach(function(row, i){
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td><input type="checkbox" class="rel-row-check" data-index="' + i + '" onchange="updateRelCheckAll()"></td>' +
+      '<td>' + (i + 1) + '</td>' +
+      '<td>' + row.item + '</td>' +
+      '<td>' + row.related + '</td>' +
+      '<td><span class="link" style="color:var(--danger);" onclick="deleteRelRow(' + i + ')">删除</span></td>';
+    tbody.appendChild(tr);
+  });
+  document.getElementById('rel-check-all').checked = false;
+}
+
+/* 打开关联项目配置抽屉 */
+function openRelDrawer(){
+  var activeTab = document.querySelector('.hospital-tab.active');
+  var hospitalName = activeTab ? activeTab.textContent.trim() : '医院';
+  document.getElementById('rel-drawer-title').textContent = hospitalName + ' - 关联项目配置';
+  renderRelTable();
+  document.getElementById('rel-drawer').classList.add('open');
+  document.getElementById('rel-overlay').classList.add('open');
+}
+function closeRelDrawer(){
+  document.getElementById('rel-drawer').classList.remove('open');
+  document.getElementById('rel-overlay').classList.remove('open');
+}
+
+/* 新增关联项目弹窗 */
+function openRelAddModal(){
+  var activeTab = document.querySelector('.hospital-tab.active');
+  document.getElementById('rel-hospital').value = activeTab ? activeTab.textContent.trim() : '';
+  relItemSelect.clear();
+  relTargetSelect.clear();
+  document.getElementById('rel-modal-overlay').classList.add('open');
+}
+function closeRelAddModal(){
+  document.getElementById('rel-modal-overlay').classList.remove('open');
+}
+function saveRelItem(){
+  var itemIdx = relItemSelect.getValue();
+  var targetIdx = relTargetSelect.getValue();
+  if(itemIdx === '' || targetIdx === ''){ alert('请选择体检项目和关联项目'); return; }
+  if(itemIdx === targetIdx){ alert('体检项目与关联项目不能相同'); return; }
+  var item = itemData[Number(itemIdx)];
+  var target = itemData[Number(targetIdx)];
+  var itemLabel = item.name + '（' + item.code + '）';
+  var targetLabel = target.name + '（' + target.code + '）';
+  var dup = relData.some(function(r){ return r.item === itemLabel && r.related === targetLabel; });
+  if(dup){ alert('该关联关系已存在'); return; }
+  relData.push({item:itemLabel, related:targetLabel});
+  renderRelTable();
+  closeRelAddModal();
+}
+
+/* 删除关联项目 */
+function deleteRelRow(i){
+  if(!confirm('确认删除该关联关系？')) return;
+  relData.splice(i, 1);
+  renderRelTable();
+}
+function toggleRelCheckAll(el){
+  document.querySelectorAll('.rel-row-check').forEach(function(c){ c.checked = el.checked; });
+}
+function updateRelCheckAll(){
+  var all = document.querySelectorAll('.rel-row-check');
+  var checked = document.querySelectorAll('.rel-row-check:checked');
+  document.getElementById('rel-check-all').checked = all.length > 0 && checked.length === all.length;
+}
+function batchDeleteRel(){
+  var checked = document.querySelectorAll('.rel-row-check:checked');
+  if(checked.length === 0){ alert('请先选择要删除的记录'); return; }
+  if(!confirm('确认删除选中的 ' + checked.length + ' 条关联关系？')) return;
+  var indexes = [];
+  checked.forEach(function(c){ indexes.push(Number(c.dataset.index)); });
+  indexes.sort(function(a, b){ return b - a; });
+  indexes.forEach(function(i){ relData.splice(i, 1); });
+  renderRelTable();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-item-required.html b/web-admin/health-checkup/pre-item-required.html
index 866656d..f7b216f 100644
--- a/web-admin/health-checkup/pre-item-required.html
+++ b/web-admin/health-checkup/pre-item-required.html
@@ -1,239 +1,239 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:140px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:140px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .tag-orange{background:#FFF7E6;color:var(--warning);}
-  .tag-red{background:#FFF1F0;color:var(--danger);}
-  .tag-gray{background:#F5F5F5;color:var(--text-placeholder);}
-  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-  .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);}
-  .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);}
-  /* 中间弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-display{display:flex;align-items:center;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;background:#F5F5F5;}
-  /* 可搜索下拉 */
-  .search-select{position:relative;}
-  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
-  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
-  .search-select__clear:hover{background:#999;}
-  .search-select.has-value:hover .search-select__clear{display:flex;}
-  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
-  .search-select__dropdown.show{display:block;}
-  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
-  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
-  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
-  .generate-tip{margin-top:4px;font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.6;background:#F5F7FA;border-radius:var(--radius-sm);padding:10px 12px;}
-  /* 表单行 */
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  /* 详情抽屉 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1199;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1200;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 项目 TAB */
-  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
-  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
-  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
-  .tab-nav__item:hover{color:var(--primary);}
-  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
-  .tab-panel{display:none;padding:16px;height:300px;overflow-y:auto;}
-  .tab-panel.active{display:block;}
-  /* 拒绝原因提示条 */
-  .rejected-tip{display:flex;gap:8px;align-items:flex-start;background:#FFF1F0;border:1px solid #FFCCC7;color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:var(--font-sm);line-height:1.6;}
-  /* 差额徽章 */
-  .diff-badge{margin-left:10px;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .diff-up{background:#FFF7E6;color:var(--warning);}
-  .diff-down{background:#F6FFED;color:var(--success);}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item active">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:140px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .tag-gray{background:#F5F5F5;color:var(--text-placeholder);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .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);}
+  /* 中间弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:480px;max-width:92vw;z-index:1101;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-display{display:flex;align-items:center;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;background:#F5F5F5;}
+  /* 可搜索下拉 */
+  .search-select{position:relative;}
+  .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 48px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;}
+  .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .search-select__clear{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#BFBFBF;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;z-index:2;}
+  .search-select__clear:hover{background:#999;}
+  .search-select.has-value:hover .search-select__clear{display:flex;}
+  .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:20;display:none;}
+  .search-select__dropdown.show{display:block;}
+  .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+  .search-select__option:hover{background:var(--primary-light);color:var(--primary);}
+  .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+  .generate-tip{margin-top:4px;font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.6;background:#F5F7FA;border-radius:var(--radius-sm);padding:10px 12px;}
+  /* 表单行 */
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  /* 详情抽屉 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1199;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-820px;bottom:0;width:820px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1200;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 项目 TAB */
+  .tab-box{margin-top:4px;border:1px solid var(--border);border-radius:var(--radius-sm);}
+  .tab-nav{display:flex;flex-wrap:wrap;background:#FAFAFA;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
+  .tab-nav__item{padding:10px 16px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;user-select:none;}
+  .tab-nav__item:hover{color:var(--primary);}
+  .tab-nav__item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:#fff;}
+  .tab-panel{display:none;padding:16px;height:300px;overflow-y:auto;}
+  .tab-panel.active{display:block;}
+  /* 拒绝原因提示条 */
+  .rejected-tip{display:flex;gap:8px;align-items:flex-start;background:#FFF1F0;border:1px solid #FFCCC7;color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:var(--font-sm);line-height:1.6;}
+  /* 差额徽章 */
+  .diff-badge{margin-left:10px;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .diff-up{background:#FFF7E6;color:var(--warning);}
+  .diff-down{background:#F6FFED;color:var(--success);}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item active">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -245,735 +245,719 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>2025</option><option>2024</option><option>2023</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>项目组合名称：</label>
-      <input class="filter-input" type="text" placeholder="请输入">
-    </div>
-    <div class="filter-item">
-      <label>单位：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>体检医院：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄范围：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>费用审核状态：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>审核通过</option><option>待审核</option><option>已拒绝</option><option>未提交</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;">
-    <button class="btn btn-primary" onclick="openGenerateModal()">+ 生成单位本年度项目组合</button>
-    <button class="btn btn-default" onclick="openAuditModal()">医院审核</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">单位体检项目审核</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th><input type="checkbox" id="check-all" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></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 data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>1</td><td>45岁以上男性标准套餐</td><td>泾河医院</td><td>第一采油厂</td><td>2025</td><td>男</td><td>45岁及以上</td><td class="declared-fee">2200.00</td><td class="audit-status-cell"><span class="tag tag-green">审核通过</span></td><td class="effective-fee">2200.00</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-15 10:30</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并提交</span></td></tr>
-        <tr data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>2</td><td>35岁以下女性标准套餐</td><td>庆阳医院</td><td>第二采油厂</td><td>2025</td><td>女</td><td>35岁以下</td><td class="declared-fee">2100.00</td><td class="audit-status-cell"><span class="tag tag-orange">待审核</span></td><td class="effective-fee">—</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-18 14:20</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并重新提交</span></td></tr>
-        <tr data-reject-reason="部分项目费用超出医院承检范围，请核对后重新提交"><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>3</td><td>35-45岁通用套餐</td><td>延安医院</td><td>第三采油厂</td><td>2025</td><td>通用</td><td>35-45岁</td><td class="declared-fee">1800.00</td><td class="audit-status-cell"><span class="tag tag-red">已拒绝</span></td><td class="effective-fee">—</td><td><span class="tag tag-orange">生成中</span></td><td>—</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并重新提交</span></td></tr>
-        <tr data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>4</td><td>45岁及以上女性标准套餐</td><td>兴隆园医院</td><td>采油一厂</td><td>2025</td><td>女</td><td>45岁及以上</td><td class="declared-fee">—</td><td class="audit-status-cell"><span class="tag tag-gray">未提交</span></td><td class="effective-fee">—</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-20 09:15</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">提交审核</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 56 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <span>...</span>
-      <button class="page-btn">6</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 生成单位本年度项目组合弹窗 -->
-<div class="modal-overlay" id="generate-modal-overlay" onclick="if(event.target===this)closeGenerateModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">生成单位本年度项目组合</div>
-      <button class="modal__close" onclick="closeGenerateModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-item">
-        <div class="form-label">本年度</div>
-        <input class="form-input" id="generate-year" value="2025" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 单位</div>
-        <div id="generate-unit-select"></div>
-      </div>
-      <div class="generate-tip">确认后将根据所选单位本年度的员工信息及体检项目组合模板，自动生成必检/选检项目配置，已存在的配置将被覆盖。</div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeGenerateModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveGenerate()">确认生成</button>
-    </div>
-  </div>
-</div>
-
-<!-- 项目组合详情抽屉 -->
-<div class="drawer-overlay" id="detail-overlay" onclick="closeDetailDrawer()"></div>
-<div class="drawer" id="detail-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">项目组合详情</div>
-    <button class="drawer__close" onclick="closeDetailDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label">项目组合名称</div>
-        <input class="form-input" id="detail-name" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label">承检医院</div>
-        <input class="form-input" id="detail-hospital" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label">单位</div>
-        <input class="form-input" id="detail-unit" disabled>
-      </div>
-    </div>
-    <div class="form-row">
-      <div class="form-item">
-        <div class="form-label">体检年份</div>
-        <input class="form-input" id="detail-year" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label">性别</div>
-        <input class="form-input" id="detail-gender" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label">年龄范围</div>
-        <input class="form-input" id="detail-age" disabled>
-      </div>
-    </div>
-    <div class="form-row">
-      <div class="form-item" id="female-fee-row" style="display:none;">
-        <div class="form-label">女性专项费用（元）</div>
-        <input class="form-input" id="detail-female-fee" disabled>
-      </div>
-      <div class="form-item">
-        <div class="form-label">生成状态</div>
-        <div class="form-display" id="detail-gen-status"></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label">费用审核状态</div>
-        <div class="form-display" id="detail-audit-status"></div>
-      </div>
-    </div>
-
-    <div class="rejected-tip" id="rejected-tip" style="display:none;"></div>
-
-    <div class="tab-box">
-      <div class="tab-nav" id="detail-tab-nav">
-        <div class="tab-nav__item active" data-tab="required" onclick="switchDetailTab(this)">必检项目</div>
-        <div class="tab-nav__item" data-tab="optional" onclick="switchDetailTab(this)">自选项目</div>
-        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchDetailTab(this)">妇科未婚项目</div>
-        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchDetailTab(this)">妇科已婚项目</div>
-        <div class="tab-nav__item" data-tab="cancer-septin9" onclick="switchDetailTab(this)">防癌筛查项目（Septin9）</div>
-        <div class="tab-nav__item" data-tab="cancer-ca724" onclick="switchDetailTab(this)">防癌筛查项目（CA724）</div>
-      </div>
-
-      <div style="display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px 0;">
-        <span class="form-label" id="detail-fee-label" style="margin-bottom:0;white-space:nowrap;">必选项目费用合计（元）</span>
-        <input class="form-input" id="detail-fee" disabled style="height:28px;width:120px;padding:0 8px;text-align:right;">
-      </div>
-
-      <div class="tab-panel active" id="dpanel-required">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-required"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="dpanel-optional">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-optional"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="dpanel-gyn-unmarried">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-gyn-unmarried"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="dpanel-gyn-married">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-gyn-married"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="dpanel-cancer-septin9">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-cancer-septin9"></tbody>
-        </table>
-      </div>
-      <div class="tab-panel" id="dpanel-cancer-ca724">
-        <table>
-          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-          <tbody id="dtbody-cancer-ca724"></tbody>
-        </table>
-      </div>
-    </div>
-
-    <div class="form-row" style="margin-top:16px;">
-      <div class="form-item">
-        <div class="form-label">必检项目费用（已生效）</div>
-        <div class="form-display" id="detail-effective-fee"></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label">本次提交费用（元）<span class="diff-badge" id="fee-diff" style="display:none;font-weight:400;"></span></div>
-        <input class="form-input" id="detail-submit-fee" disabled>
-      </div>
-    </div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-primary" id="submit-audit-btn" style="display:none;" onclick="submitAudit()">提交审核</button>
-    <button class="btn btn-default" onclick="closeDetailDrawer()">关闭</button>
-  </div>
-</div>
-
-<!-- 医院费用审核弹窗 -->
-<div class="modal-overlay" id="audit-modal-overlay" onclick="if(event.target===this)closeAuditModal()">
-  <div class="modal" style="width:820px;max-height:92vh;display:flex;flex-direction:column;">
-    <div class="modal__header">
-      <div class="modal__title">费用审核</div>
-      <button class="modal__close" onclick="closeAuditModal()">✕</button>
-    </div>
-    <div class="modal__body" style="overflow-y:auto;flex:1;">
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">项目组合名称</div>
-          <input class="form-input" id="audit-name" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">承检医院</div>
-          <input class="form-input" id="audit-hospital" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">单位</div>
-          <input class="form-input" id="audit-unit" disabled>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">体检年份</div>
-          <input class="form-input" id="audit-year" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">性别</div>
-          <input class="form-input" id="audit-gender" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">年龄范围</div>
-          <input class="form-input" id="audit-age" disabled>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">本次提交费用（元）</div>
-          <input class="form-input" id="audit-declared" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">必检项目费用（已生效）</div>
-          <input class="form-input" id="audit-effective" disabled>
-        </div>
-        <div class="form-item" id="audit-diff-row">
-          <div class="form-label">与必检项目费用（已生效）差额（元）</div>
-          <div class="form-display" id="audit-diff"></div>
-        </div>
-      </div>
-
-      <div class="tab-box">
-        <div class="tab-nav" id="audit-tab-nav">
-          <div class="tab-nav__item active" data-tab="required" onclick="switchAuditTab(this)">必检项目</div>
-          <div class="tab-nav__item" data-tab="optional" onclick="switchAuditTab(this)">自选项目</div>
-          <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchAuditTab(this)">妇科未婚项目</div>
-          <div class="tab-nav__item" data-tab="gyn-married" onclick="switchAuditTab(this)">妇科已婚项目</div>
-          <div class="tab-nav__item" data-tab="cancer-septin9" onclick="switchAuditTab(this)">防癌筛查项目（Septin9）</div>
-          <div class="tab-nav__item" data-tab="cancer-ca724" onclick="switchAuditTab(this)">防癌筛查项目（CA724）</div>
-        </div>
-        <div style="display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px 0;">
-          <span class="form-label" id="audit-fee-label" style="margin-bottom:0;white-space:nowrap;">必选项目费用合计（元）</span>
-          <input class="form-input" id="audit-fee-total" disabled style="height:28px;width:120px;padding:0 8px;text-align:right;">
-        </div>
-        <div class="tab-panel active" id="apanel-required">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-required"></tbody>
-          </table>
-        </div>
-        <div class="tab-panel" id="apanel-optional">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-optional"></tbody>
-          </table>
-        </div>
-        <div class="tab-panel" id="apanel-gyn-unmarried">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-gyn-unmarried"></tbody>
-          </table>
-        </div>
-        <div class="tab-panel" id="apanel-gyn-married">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-gyn-married"></tbody>
-          </table>
-        </div>
-        <div class="tab-panel" id="apanel-cancer-septin9">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-cancer-septin9"></tbody>
-          </table>
-        </div>
-        <div class="tab-panel" id="apanel-cancer-ca724">
-          <table>
-            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
-            <tbody id="atbody-cancer-ca724"></tbody>
-          </table>
-        </div>
-      </div>
-
-      <div class="form-item" style="margin-top:16px;margin-bottom:0;">
-        <div class="form-label"><span class="required">*</span> 拒绝原因（拒绝时必填）</div>
-        <input class="form-input" id="audit-reason" placeholder="请输入拒绝原因">
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-danger" id="audit-reject-btn" onclick="doAudit(false)">拒绝</button>
-      <button class="btn btn-primary" id="audit-pass-btn" onclick="doAudit(true)">审核通过</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 可搜索下拉通用组件 ===== */
-function createSearchSelect(data, opts){
-  var container = document.createElement('div');
-  container.className = 'search-select';
-  var input = document.createElement('input');
-  input.type = 'text';
-  input.className = 'search-select__input';
-  input.placeholder = opts.placeholder || '请输入关键词搜索';
-  input.setAttribute('autocomplete', 'off');
-  var hidden = document.createElement('input');
-  hidden.type = 'hidden';
-  var clear = document.createElement('span');
-  clear.className = 'search-select__clear';
-  clear.textContent = '✕';
-  clear.title = '清除';
-  var dropdown = document.createElement('div');
-  dropdown.className = 'search-select__dropdown';
-  container.appendChild(input);
-  container.appendChild(hidden);
-  container.appendChild(clear);
-  container.appendChild(dropdown);
-
-  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
-
-  function renderOptions(kw){
-    dropdown.innerHTML = '';
-    var kwl = kw.trim().toLowerCase();
-    var has = false;
-    data.forEach(function(item, idx){
-      var label = getLabel(item);
-      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
-        has = true;
-        (function(item, label){
-          var opt = document.createElement('div');
-          opt.className = 'search-select__option';
-          opt.textContent = label;
-          opt.onclick = function(){
-            hidden.value = idx;
-            input.value = label;
-            container.classList.add('has-value');
-            dropdown.classList.remove('show');
-            if(opts.onSelect) opts.onSelect(item);
-          };
-          dropdown.appendChild(opt);
-        })(item, label);
-      }
-    });
-    if(!has){
-      var empty = document.createElement('div');
-      empty.className = 'search-select__empty';
-      empty.textContent = '无匹配';
-      dropdown.appendChild(empty);
-    }
-  }
-
-  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
-  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
-  clear.addEventListener('click', function(){
-    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
-    if(opts.onSelect) opts.onSelect(null);
-  });
-  document.addEventListener('click', function(e){
-    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
-  });
-
-  return {
-    container: container,
-    getValue: function(){ return hidden.value; },
-    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
-  };
-}
-
-/* ===== 生成单位本年度项目组合弹窗 ===== */
-var unitData = ['第一采油厂','第二采油厂','第三采油厂','采油一厂','采油二厂','采油三厂','采油四厂','第二采气厂','CQ工程设计有限公司','勘探开发研究院','公司机关','工程技术科'];
-
-var unitSelect = createSearchSelect(unitData, { placeholder: '请输入单位名称搜索' });
-document.getElementById('generate-unit-select').appendChild(unitSelect.container);
-
-function openGenerateModal(){
-  unitSelect.clear();
-  document.getElementById('generate-modal-overlay').classList.add('open');
-}
-function closeGenerateModal(){
-  document.getElementById('generate-modal-overlay').classList.remove('open');
-}
-function saveGenerate(){
-  if(unitSelect.getValue() === ''){ alert('请选择单位'); return; }
-  var unit = unitData[Number(unitSelect.getValue())];
-  alert('已生成「' + unit + '」本年度项目组合（原型演示）');
-  closeGenerateModal();
-}
-
-/* ===== 项目组合详情抽屉 ===== */
-var detailProjects = {
-  'required': [
-    {name:'血常规', code:'BLD-003', mark:'重点项目', fee:'30.00'},
-    {name:'尿常规', code:'URI-010', mark:'一般项目', fee:'25.00'},
-    {name:'心电图', code:'ECG-004', mark:'重点项目', fee:'60.00'},
-    {name:'胸部X光', code:'XRY-005', mark:'重点项目', fee:'80.00'},
-    {name:'腹部彩超', code:'BUS-002', mark:'重点项目', fee:'120.00'},
-    {name:'空腹血糖', code:'GLU-008', mark:'一般项目', fee:'20.00'}
-  ],
-  'optional': [
-    {name:'经颅多普勒', code:'TCD-001', mark:'一般项目', fee:'150.00'},
-    {name:'骨密度检测', code:'BMD-012', mark:'一般项目', fee:'180.00'},
-    {name:'幽门螺杆菌检测', code:'HP-013', mark:'一般项目', fee:'100.00'}
-  ],
-  'gyn-unmarried': [
-    {name:'乳腺彩超', code:'MAM-014', mark:'重点项目', fee:'120.00'},
-    {name:'盆腔彩超（未婚）', code:'PEL-015', mark:'重点项目', fee:'110.00'}
-  ],
-  'gyn-married': [
-    {name:'乳腺彩超', code:'MAM-014', mark:'重点项目', fee:'120.00'},
-    {name:'宫颈TCT', code:'TCT-016', mark:'重点项目', fee:'160.00'},
-    {name:'HPV检测', code:'HPV-017', mark:'重点项目', fee:'220.00'}
-  ],
-  'cancer-septin9': [
-    {name:'结直肠癌Septin9基因甲基化检测', code:'SEP-018', mark:'重点项目', fee:'680.00'}
-  ],
-  'cancer-ca724': [
-    {name:'胃癌CA724标志物检测', code:'CA7-019', mark:'重点项目', fee:'260.00'}
-  ]
-};
-
-function renderDetailTabs(){
-  Object.keys(detailProjects).forEach(function(key){
-    ['dtbody-', 'atbody-'].forEach(function(prefix){
-      var tbody = document.getElementById(prefix + key);
-      tbody.innerHTML = '';
-      detailProjects[key].forEach(function(p){
-        var tr = document.createElement('tr');
-        tr.innerHTML = '<td>' + p.name + '</td><td>' + p.code + '</td><td>' + p.mark + '</td><td>' + p.fee + '</td>';
-        tbody.appendChild(tr);
-      });
-    });
-  });
-}
-renderDetailTabs();
-
-function switchDetailTab(el){
-  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
-  el.classList.add('active');
-  var key = el.dataset.tab;
-  document.querySelectorAll('#detail-drawer .tab-panel').forEach(function(p){ p.classList.remove('active'); });
-  document.getElementById('dpanel-' + key).classList.add('active');
-  var feeLabel = document.getElementById('detail-fee-label');
-  if(key === 'cancer-septin9' || key === 'cancer-ca724'){
-    feeLabel.textContent = '防癌筛查项目费用合计（元）';
-  }else{
-    feeLabel.textContent = '必选项目费用合计（元）';
-  }
-  var sum = detailProjects[key].reduce(function(s, p){ return s + Number(p.fee); }, 0);
-  document.getElementById('detail-fee').value = sum.toFixed(2);
-}
-/* 审核弹窗 Tab：数据与详情抽屉一致 */
-function switchAuditTab(el){
-  document.querySelectorAll('#audit-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
-  el.classList.add('active');
-  var key = el.dataset.tab;
-  document.querySelectorAll('#audit-modal-overlay .tab-panel').forEach(function(p){ p.classList.remove('active'); });
-  document.getElementById('apanel-' + key).classList.add('active');
-  var feeLabel = document.getElementById('audit-fee-label');
-  if(key === 'cancer-septin9' || key === 'cancer-ca724'){
-    feeLabel.textContent = '防癌筛查项目费用合计（元）';
-  }else{
-    feeLabel.textContent = '必选项目费用合计（元）';
-  }
-  var sum = detailProjects[key].reduce(function(s, p){ return s + Number(p.fee); }, 0);
-  document.getElementById('audit-fee-total').value = sum.toFixed(2);
-}
-
-var editRow = null;
-var drawerEditMode = false;
-
-function renderStatusTag(status){
-  var map = {
-    '审核通过':'tag-green','待审核':'tag-orange','已拒绝':'tag-red','未提交':'tag-gray',
-    '已生成':'tag-green','生成中':'tag-orange','未生成':'tag-orange'
-  };
-  return '<span class="tag ' + (map[status] || 'tag-gray') + '">' + status + '</span>';
-}
-
-/* 操作按钮文案随费用审核状态联动 */
-function actionText(status){
-  return { '审核通过':'修改并提交', '待审核':'修改并重新提交', '已拒绝':'修改并重新提交', '未提交':'提交审核' }[status] || '提交审核';
-}
-function refreshRowLinks(tr, status){
-  var link = tr.querySelector('[data-action-link]');
-  if(link) link.textContent = actionText(status);
-}
-
-function openDetailDrawer(btn){
-  populateDrawer(btn.closest('tr'), false);
-}
-function openSubmitDrawer(btn){
-  populateDrawer(btn.closest('tr'), true);
-}
-function populateDrawer(tr, editMode){
-  editRow = tr;
-  drawerEditMode = editMode;
-  var cells = tr.cells;
-  var gender = cells[6].textContent.trim();
-  var auditStatus = cells[9].textContent.trim();
-  var effectiveText = cells[10].textContent.trim();
-  var declaredText = cells[8].textContent.trim();
-  document.getElementById('detail-name').value = cells[2].textContent.trim();
-  document.getElementById('detail-hospital').value = cells[3].textContent.trim();
-  document.getElementById('detail-unit').value = cells[4].textContent.trim();
-  document.getElementById('detail-year').value = cells[5].textContent.trim();
-  document.getElementById('detail-gender').value = gender;
-  document.getElementById('detail-age').value = cells[7].textContent.trim();
-  document.getElementById('detail-audit-status').innerHTML = renderStatusTag(auditStatus);
-  document.getElementById('detail-gen-status').innerHTML = renderStatusTag(cells[11].textContent.trim());
-  var femaleFeeRow = document.getElementById('female-fee-row');
-  if(gender === '女'){
-    femaleFeeRow.style.display = '';
-    document.getElementById('detail-female-fee').value = '280.00 元';
-  }else{
-    femaleFeeRow.style.display = 'none';
-  }
-  var effectiveNum = effectiveText === '—' ? null : Number(effectiveText);
-  document.getElementById('detail-effective-fee').textContent = effectiveNum === null ? '—' : effectiveText + ' 元';
-  var rejectedTip = document.getElementById('rejected-tip');
-  if(auditStatus === '已拒绝'){
-    rejectedTip.style.display = 'flex';
-    rejectedTip.innerHTML = '<span>⚠</span><span>费用审核未通过：' + (tr.dataset.rejectReason || '请核对费用后重新提交') + '，请修改费用后重新提交审核。</span>';
-  }else{
-    rejectedTip.style.display = 'none';
-  }
-  var submitInput = document.getElementById('detail-submit-fee');
-  var submitBtn = document.getElementById('submit-audit-btn');
-  if(editMode){
-    submitInput.disabled = false;
-    submitBtn.style.display = '';
-    if(auditStatus === '未提交'){
-      submitInput.value = '';
-      submitInput.placeholder = '请录入必检项目费用';
-    }else if(auditStatus === '审核通过'){
-      submitInput.value = effectiveNum.toFixed(2);
-      submitInput.placeholder = '修改后需重新提交审核';
-    }else{
-      submitInput.value = declaredText === '—' ? '' : declaredText;
-      submitInput.placeholder = '';
-    }
-  }else{
-    submitInput.disabled = true;
-    submitInput.placeholder = '';
-    submitInput.value = declaredText === '—' ? '—' : declaredText + ' 元';
-    submitBtn.style.display = 'none';
-  }
-  renderFeeDiff();
-  switchDetailTab(document.querySelector('#detail-tab-nav .tab-nav__item[data-tab="required"]'));
-  document.getElementById('detail-drawer').classList.add('open');
-  document.getElementById('detail-overlay').classList.add('open');
-}
-/* 必检项目费用（已生效） vs 本次提交费用 差额徽章 */
-function renderFeeDiff(){
-  var badge = document.getElementById('fee-diff');
-  var input = document.getElementById('detail-submit-fee');
-  var effTd = editRow ? editRow.querySelector('.effective-fee') : null;
-  var effText = effTd ? effTd.textContent.trim() : '—';
-  var eff = effText === '—' ? NaN : Number(effText);
-  var val = parseFloat(input.value);
-  if(!drawerEditMode || isNaN(eff) || isNaN(val)){
-    badge.style.display = 'none';
-    badge.className = 'diff-badge';
-    return;
-  }
-  var diff = val - eff;
-  if(diff > 0.005){
-    badge.style.display = '';
-    badge.textContent = '较已生效 +' + diff.toFixed(2);
-    badge.className = 'diff-badge diff-up';
-  }else if(diff < -0.005){
-    badge.style.display = '';
-    badge.textContent = '较已生效 ' + diff.toFixed(2);
-    badge.className = 'diff-badge diff-down';
-  }else{
-    badge.style.display = 'none';
-    badge.className = 'diff-badge';
-  }
-}
-function closeDetailDrawer(){
-  document.getElementById('detail-drawer').classList.remove('open');
-  document.getElementById('detail-overlay').classList.remove('open');
-}
-document.getElementById('detail-submit-fee').addEventListener('input', renderFeeDiff);
-
-/* ===== 提交审核 ===== */
-function submitAudit(){
-  var input = document.getElementById('detail-submit-fee');
-  var val = input.value.trim();
-  if(!val || isNaN(Number(val)) || Number(val) < 0){ alert('请输入正确的费用金额'); return; }
-  editRow.querySelector('.declared-fee').textContent = Number(val).toFixed(2);
-  editRow.cells[9].innerHTML = renderStatusTag('待审核');
-  refreshRowLinks(editRow, '待审核');
-  alert('已提交审核，等待医院勾选后点击「医院审核」进行处理（原型演示）');
-  closeDetailDrawer();
-}
-
-/* ===== 医院费用审核：勾选条目后点顶部「医院审核」 ===== */
-var auditRow = null;
-var checkAll = document.getElementById('check-all');
-checkAll.addEventListener('click', function(){
-  document.querySelectorAll('.row-check').forEach(function(c){ c.checked = checkAll.checked; });
-});
-document.querySelectorAll('.row-check').forEach(function(c){
-  c.addEventListener('change', function(){
-    var all = document.querySelectorAll('.row-check');
-    var checked = document.querySelectorAll('.row-check:checked');
-    checkAll.checked = all.length > 0 && checked.length === all.length;
-    checkAll.indeterminate = checked.length > 0 && checked.length < all.length;
-  });
-});
-function openAuditModal(){
-  var checked = Array.prototype.slice.call(document.querySelectorAll('.row-check:checked'));
-  if(checked.length !== 1){ alert('请在表格中勾选一条待审核的记录'); return; }
-  var tr = checked[0].closest('tr');
-  if(tr.querySelector('.audit-status-cell').textContent.trim() !== '待审核'){ alert('仅「待审核」状态的费用可进行审核'); return; }
-  auditRow = tr;
-  var effText = tr.querySelector('.effective-fee').textContent.trim();
-  var declared = tr.querySelector('.declared-fee').textContent.trim();
-  document.getElementById('audit-name').value = tr.cells[2].textContent.trim();
-  document.getElementById('audit-hospital').value = tr.cells[3].textContent.trim();
-  document.getElementById('audit-unit').value = tr.cells[4].textContent.trim();
-  document.getElementById('audit-year').value = tr.cells[5].textContent.trim();
-  document.getElementById('audit-gender').value = tr.cells[6].textContent.trim();
-  document.getElementById('audit-age').value = tr.cells[7].textContent.trim();
-  document.getElementById('audit-declared').value = declared + ' 元';
-  document.getElementById('audit-effective').value = effText === '—' ? '—（首次申报）' : effText + ' 元';
-  var diffRow = document.getElementById('audit-diff-row');
-  if(effText === '—'){
-    diffRow.style.display = 'none';
-  }else{
-    diffRow.style.display = '';
-    var d = Number(declared) - Number(effText);
-    var el = document.getElementById('audit-diff');
-    if(d > 0.005) el.innerHTML = '<span style="color:var(--warning);font-weight:600;">+' + d.toFixed(2) + ' 元</span>';
-    else if(d < -0.005) el.innerHTML = '<span style="color:var(--success);font-weight:600;">' + d.toFixed(2) + ' 元</span>';
-    else el.innerHTML = '<span style="color:var(--text-placeholder);">0.00 元（无变化）</span>';
-  }
-  document.getElementById('audit-reason').value = '';
-  switchAuditTab(document.querySelector('#audit-tab-nav .tab-nav__item[data-tab="required"]'));
-  document.getElementById('audit-modal-overlay').classList.add('open');
-}
-function closeAuditModal(){
-  document.getElementById('audit-modal-overlay').classList.remove('open');
-}
-function doAudit(pass){
-  var reason = document.getElementById('audit-reason').value.trim();
-  if(!pass){
-    if(!reason){ alert('请填写拒绝原因'); return; }
-    auditRow.cells[9].innerHTML = renderStatusTag('已拒绝');
-    auditRow.dataset.rejectReason = reason;
-  }else{
-    auditRow.cells[9].innerHTML = renderStatusTag('审核通过');
-    auditRow.querySelector('.effective-fee').textContent = auditRow.querySelector('.declared-fee').textContent.trim();
-    auditRow.dataset.rejectReason = '';
-  }
-  refreshRowLinks(auditRow, pass ? '审核通过' : '已拒绝');
-  auditRow.querySelector('.row-check').checked = false;
-  checkAll.checked = false;
-  checkAll.indeterminate = false;
-  closeAuditModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>2025</option><option>2024</option><option>2023</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>项目组合名称：</label>
+      <input class="filter-input" type="text" placeholder="请输入">
+    </div>
+    <div class="filter-item">
+      <label>单位：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>体检医院：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>男</option><option>女</option><option>通用</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄范围：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>年龄&lt;35</option><option>35≤年龄&lt;40</option><option>40≤年龄&lt;45</option><option>年龄≥45</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>费用审核状态：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>审核通过</option><option>待审核</option><option>已拒绝</option><option>未提交</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;">
+    <button class="btn btn-primary" onclick="openGenerateModal()">+ 生成单位本年度项目组合</button>
+    <button class="btn btn-default" onclick="openAuditModal()">医院审核</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">单位体检项目审核</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th><input type="checkbox" id="check-all" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></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 data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>1</td><td>45岁以上男性标准套餐</td><td>泾河医院</td><td>第一采油厂</td><td>2025</td><td>男</td><td>45岁及以上</td><td class="declared-fee">2200.00</td><td class="audit-status-cell"><span class="tag tag-green">审核通过</span></td><td class="effective-fee">2200.00</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-15 10:30</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并提交</span></td></tr>
+        <tr data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>2</td><td>35岁以下女性标准套餐</td><td>庆阳医院</td><td>第二采油厂</td><td>2025</td><td>女</td><td>35岁以下</td><td class="declared-fee">2100.00</td><td class="audit-status-cell"><span class="tag tag-orange">待审核</span></td><td class="effective-fee">—</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-18 14:20</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并重新提交</span></td></tr>
+        <tr data-reject-reason="部分项目费用超出医院承检范围，请核对后重新提交"><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>3</td><td>35-45岁通用套餐</td><td>延安医院</td><td>第三采油厂</td><td>2025</td><td>通用</td><td>35-45岁</td><td class="declared-fee">1800.00</td><td class="audit-status-cell"><span class="tag tag-red">已拒绝</span></td><td class="effective-fee">—</td><td><span class="tag tag-orange">生成中</span></td><td>—</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">修改并重新提交</span></td></tr>
+        <tr data-reject-reason=""><td><input type="checkbox" class="row-check" style="cursor:pointer;width:14px;height:14px;accent-color:var(--primary);vertical-align:middle;"></td><td>4</td><td>45岁及以上女性标准套餐</td><td>兴隆园医院</td><td>采油一厂</td><td>2025</td><td>女</td><td>45岁及以上</td><td class="declared-fee">—</td><td class="audit-status-cell"><span class="tag tag-gray">未提交</span></td><td class="effective-fee">—</td><td><span class="tag tag-green">已生成</span></td><td>2025-03-20 09:15</td><td><span class="link" onclick="openDetailDrawer(this)">详情</span> <span class="link" style="margin-left:8px;" data-action-link onclick="openSubmitDrawer(this)">提交审核</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 56 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <span>...</span>
+      <button class="page-btn">6</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 生成单位本年度项目组合弹窗 -->
+<div class="modal-overlay" id="generate-modal-overlay" onclick="if(event.target===this)closeGenerateModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">生成单位本年度项目组合</div>
+      <button class="modal__close" onclick="closeGenerateModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-item">
+        <div class="form-label">本年度</div>
+        <input class="form-input" id="generate-year" value="2025" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 单位</div>
+        <div id="generate-unit-select"></div>
+      </div>
+      <div class="generate-tip">确认后将根据所选单位本年度的员工信息及体检项目组合模板，自动生成必检/选检项目配置，已存在的配置将被覆盖。</div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeGenerateModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveGenerate()">确认生成</button>
+    </div>
+  </div>
+</div>
+
+<!-- 项目组合详情抽屉 -->
+<div class="drawer-overlay" id="detail-overlay" onclick="closeDetailDrawer()"></div>
+<div class="drawer" id="detail-drawer">
+  <div class="drawer__header">
+    <div class="drawer__title">项目组合详情</div>
+    <button class="drawer__close" onclick="closeDetailDrawer()">✕</button>
+  </div>
+  <div class="drawer__body">
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label">项目组合名称</div>
+        <input class="form-input" id="detail-name" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label">承检医院</div>
+        <input class="form-input" id="detail-hospital" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label">单位</div>
+        <input class="form-input" id="detail-unit" disabled>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="form-item">
+        <div class="form-label">体检年份</div>
+        <input class="form-input" id="detail-year" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label">性别</div>
+        <input class="form-input" id="detail-gender" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label">年龄范围</div>
+        <input class="form-input" id="detail-age" disabled>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="form-item" id="female-fee-row" style="display:none;">
+        <div class="form-label">女性专项费用（元）</div>
+        <input class="form-input" id="detail-female-fee" disabled>
+      </div>
+      <div class="form-item">
+        <div class="form-label">生成状态</div>
+        <div class="form-display" id="detail-gen-status"></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label">费用审核状态</div>
+        <div class="form-display" id="detail-audit-status"></div>
+      </div>
+    </div>
+
+    <div class="rejected-tip" id="rejected-tip" style="display:none;"></div>
+
+    <div class="tab-box">
+      <div class="tab-nav" id="detail-tab-nav">
+        <div class="tab-nav__item active" data-tab="required" onclick="switchDetailTab(this)">必检项目</div>
+        <div class="tab-nav__item" data-tab="optional" onclick="switchDetailTab(this)">自选项目</div>
+        <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchDetailTab(this)">妇科未婚项目</div>
+        <div class="tab-nav__item" data-tab="gyn-married" onclick="switchDetailTab(this)">妇科已婚项目</div>
+        <div class="tab-nav__item" data-tab="cancer" onclick="switchDetailTab(this)">防癌筛查项目</div>
+      </div>
+
+      <div style="display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px 0;">
+        <span class="form-label" id="detail-fee-label" style="margin-bottom:0;white-space:nowrap;">必选项目费用合计（元）</span>
+        <input class="form-input" id="detail-fee" disabled style="height:28px;width:120px;padding:0 8px;text-align:right;">
+      </div>
+
+      <div class="tab-panel active" id="dpanel-required">
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+          <tbody id="dtbody-required"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="dpanel-optional">
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+          <tbody id="dtbody-optional"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="dpanel-gyn-unmarried">
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+          <tbody id="dtbody-gyn-unmarried"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="dpanel-gyn-married">
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+          <tbody id="dtbody-gyn-married"></tbody>
+        </table>
+      </div>
+      <div class="tab-panel" id="dpanel-cancer">
+        <table>
+          <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+          <tbody id="dtbody-cancer"></tbody>
+        </table>
+      </div>
+    </div>
+
+    <div class="form-row" style="margin-top:16px;">
+      <div class="form-item">
+        <div class="form-label">必检项目费用（已生效）</div>
+        <div class="form-display" id="detail-effective-fee"></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label">本次提交费用（元）<span class="diff-badge" id="fee-diff" style="display:none;font-weight:400;"></span></div>
+        <input class="form-input" id="detail-submit-fee" disabled>
+      </div>
+    </div>
+  </div>
+  <div class="drawer__footer">
+    <button class="btn btn-primary" id="submit-audit-btn" style="display:none;" onclick="submitAudit()">提交审核</button>
+    <button class="btn btn-default" onclick="closeDetailDrawer()">关闭</button>
+  </div>
+</div>
+
+<!-- 医院费用审核弹窗 -->
+<div class="modal-overlay" id="audit-modal-overlay" onclick="if(event.target===this)closeAuditModal()">
+  <div class="modal" style="width:820px;max-height:92vh;display:flex;flex-direction:column;">
+    <div class="modal__header">
+      <div class="modal__title">费用审核</div>
+      <button class="modal__close" onclick="closeAuditModal()">✕</button>
+    </div>
+    <div class="modal__body" style="overflow-y:auto;flex:1;">
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">项目组合名称</div>
+          <input class="form-input" id="audit-name" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">承检医院</div>
+          <input class="form-input" id="audit-hospital" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">单位</div>
+          <input class="form-input" id="audit-unit" disabled>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">体检年份</div>
+          <input class="form-input" id="audit-year" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">性别</div>
+          <input class="form-input" id="audit-gender" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">年龄范围</div>
+          <input class="form-input" id="audit-age" disabled>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">本次提交费用（元）</div>
+          <input class="form-input" id="audit-declared" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">必检项目费用（已生效）</div>
+          <input class="form-input" id="audit-effective" disabled>
+        </div>
+        <div class="form-item" id="audit-diff-row">
+          <div class="form-label">与必检项目费用（已生效）差额（元）</div>
+          <div class="form-display" id="audit-diff"></div>
+        </div>
+      </div>
+
+      <div class="tab-box">
+        <div class="tab-nav" id="audit-tab-nav">
+          <div class="tab-nav__item active" data-tab="required" onclick="switchAuditTab(this)">必检项目</div>
+          <div class="tab-nav__item" data-tab="optional" onclick="switchAuditTab(this)">自选项目</div>
+          <div class="tab-nav__item" data-tab="gyn-unmarried" onclick="switchAuditTab(this)">妇科未婚项目</div>
+          <div class="tab-nav__item" data-tab="gyn-married" onclick="switchAuditTab(this)">妇科已婚项目</div>
+          <div class="tab-nav__item" data-tab="cancer" onclick="switchAuditTab(this)">防癌筛查项目</div>
+        </div>
+        <div style="display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px 0;">
+          <span class="form-label" id="audit-fee-label" style="margin-bottom:0;white-space:nowrap;">必选项目费用合计（元）</span>
+          <input class="form-input" id="audit-fee-total" disabled style="height:28px;width:120px;padding:0 8px;text-align:right;">
+        </div>
+        <div class="tab-panel active" id="apanel-required">
+          <table>
+            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+            <tbody id="atbody-required"></tbody>
+          </table>
+        </div>
+        <div class="tab-panel" id="apanel-optional">
+          <table>
+            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+            <tbody id="atbody-optional"></tbody>
+          </table>
+        </div>
+        <div class="tab-panel" id="apanel-gyn-unmarried">
+          <table>
+            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+            <tbody id="atbody-gyn-unmarried"></tbody>
+          </table>
+        </div>
+        <div class="tab-panel" id="apanel-gyn-married">
+          <table>
+            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+            <tbody id="atbody-gyn-married"></tbody>
+          </table>
+        </div>
+        <div class="tab-panel" id="apanel-cancer">
+          <table>
+            <thead><tr><th>体检项目</th><th>项目编码</th><th>项目标记</th><th>体检项目费用（元）</th></tr></thead>
+            <tbody id="atbody-cancer"></tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="form-item" style="margin-top:16px;margin-bottom:0;">
+        <div class="form-label"><span class="required">*</span> 拒绝原因（拒绝时必填）</div>
+        <input class="form-input" id="audit-reason" placeholder="请输入拒绝原因">
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-danger" id="audit-reject-btn" onclick="doAudit(false)">拒绝</button>
+      <button class="btn btn-primary" id="audit-pass-btn" onclick="doAudit(true)">审核通过</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 可搜索下拉通用组件 ===== */
+function createSearchSelect(data, opts){
+  var container = document.createElement('div');
+  container.className = 'search-select';
+  var input = document.createElement('input');
+  input.type = 'text';
+  input.className = 'search-select__input';
+  input.placeholder = opts.placeholder || '请输入关键词搜索';
+  input.setAttribute('autocomplete', 'off');
+  var hidden = document.createElement('input');
+  hidden.type = 'hidden';
+  var clear = document.createElement('span');
+  clear.className = 'search-select__clear';
+  clear.textContent = '✕';
+  clear.title = '清除';
+  var dropdown = document.createElement('div');
+  dropdown.className = 'search-select__dropdown';
+  container.appendChild(input);
+  container.appendChild(hidden);
+  container.appendChild(clear);
+  container.appendChild(dropdown);
+
+  function getLabel(item){ return opts.getLabel ? opts.getLabel(item) : String(item); }
+
+  function renderOptions(kw){
+    dropdown.innerHTML = '';
+    var kwl = kw.trim().toLowerCase();
+    var has = false;
+    data.forEach(function(item, idx){
+      var label = getLabel(item);
+      if(!kwl || label.toLowerCase().indexOf(kwl) !== -1){
+        has = true;
+        (function(item, label){
+          var opt = document.createElement('div');
+          opt.className = 'search-select__option';
+          opt.textContent = label;
+          opt.onclick = function(){
+            hidden.value = idx;
+            input.value = label;
+            container.classList.add('has-value');
+            dropdown.classList.remove('show');
+            if(opts.onSelect) opts.onSelect(item);
+          };
+          dropdown.appendChild(opt);
+        })(item, label);
+      }
+    });
+    if(!has){
+      var empty = document.createElement('div');
+      empty.className = 'search-select__empty';
+      empty.textContent = '无匹配';
+      dropdown.appendChild(empty);
+    }
+  }
+
+  input.addEventListener('focus', function(){ renderOptions(this.value); dropdown.classList.add('show'); });
+  input.addEventListener('input', function(){ hidden.value=''; renderOptions(this.value); dropdown.classList.add('show'); });
+  clear.addEventListener('click', function(){
+    input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show');
+    if(opts.onSelect) opts.onSelect(null);
+  });
+  document.addEventListener('click', function(e){
+    if(!container.contains(e.target)){ dropdown.classList.remove('show'); }
+  });
+
+  return {
+    container: container,
+    getValue: function(){ return hidden.value; },
+    clear: function(){ input.value=''; hidden.value=''; container.classList.remove('has-value'); dropdown.classList.remove('show'); }
+  };
+}
+
+/* ===== 生成单位本年度项目组合弹窗 ===== */
+var unitData = ['第一采油厂','第二采油厂','第三采油厂','采油一厂','采油二厂','采油三厂','采油四厂','第二采气厂','CQ工程设计有限公司','勘探开发研究院','公司机关','工程技术科'];
+
+var unitSelect = createSearchSelect(unitData, { placeholder: '请输入单位名称搜索' });
+document.getElementById('generate-unit-select').appendChild(unitSelect.container);
+
+function openGenerateModal(){
+  unitSelect.clear();
+  document.getElementById('generate-modal-overlay').classList.add('open');
+}
+function closeGenerateModal(){
+  document.getElementById('generate-modal-overlay').classList.remove('open');
+}
+function saveGenerate(){
+  if(unitSelect.getValue() === ''){ alert('请选择单位'); return; }
+  var unit = unitData[Number(unitSelect.getValue())];
+  alert('已生成「' + unit + '」本年度项目组合（原型演示）');
+  closeGenerateModal();
+}
+
+/* ===== 项目组合详情抽屉 ===== */
+var detailProjects = {
+  'required': [
+    {name:'血常规', code:'BLD-003', mark:'重点项目', fee:'30.00'},
+    {name:'尿常规', code:'URI-010', mark:'一般项目', fee:'25.00'},
+    {name:'心电图', code:'ECG-004', mark:'重点项目', fee:'60.00'},
+    {name:'胸部X光', code:'XRY-005', mark:'重点项目', fee:'80.00'},
+    {name:'腹部彩超', code:'BUS-002', mark:'重点项目', fee:'120.00'},
+    {name:'空腹血糖', code:'GLU-008', mark:'一般项目', fee:'20.00'}
+  ],
+  'optional': [
+    {name:'经颅多普勒', code:'TCD-001', mark:'一般项目', fee:'150.00'},
+    {name:'骨密度检测', code:'BMD-012', mark:'一般项目', fee:'180.00'},
+    {name:'幽门螺杆菌检测', code:'HP-013', mark:'一般项目', fee:'100.00'}
+  ],
+  'gyn-unmarried': [
+    {name:'乳腺彩超', code:'MAM-014', mark:'重点项目', fee:'120.00'},
+    {name:'盆腔彩超（未婚）', code:'PEL-015', mark:'重点项目', fee:'110.00'}
+  ],
+  'gyn-married': [
+    {name:'乳腺彩超', code:'MAM-014', mark:'重点项目', fee:'120.00'},
+    {name:'宫颈TCT', code:'TCT-016', mark:'重点项目', fee:'160.00'},
+    {name:'HPV检测', code:'HPV-017', mark:'重点项目', fee:'220.00'}
+  ],
+  'cancer': [
+    {name:'结直肠癌Septin9基因甲基化检测', code:'SEP-018', mark:'重点项目', fee:'680.00'},
+    {name:'胃癌CA724标志物检测', code:'CA7-019', mark:'重点项目', fee:'260.00'}
+  ]
+};
+
+function renderDetailTabs(){
+  Object.keys(detailProjects).forEach(function(key){
+    ['dtbody-', 'atbody-'].forEach(function(prefix){
+      var tbody = document.getElementById(prefix + key);
+      tbody.innerHTML = '';
+      detailProjects[key].forEach(function(p){
+        var tr = document.createElement('tr');
+        tr.innerHTML = '<td>' + p.name + '</td><td>' + p.code + '</td><td>' + p.mark + '</td><td>' + p.fee + '</td>';
+        tbody.appendChild(tr);
+      });
+    });
+  });
+}
+renderDetailTabs();
+
+function switchDetailTab(el){
+  document.querySelectorAll('#detail-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  var key = el.dataset.tab;
+  document.querySelectorAll('#detail-drawer .tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('dpanel-' + key).classList.add('active');
+  var feeLabel = document.getElementById('detail-fee-label');
+  if(key === 'cancer'){
+    feeLabel.textContent = '防癌筛查项目费用合计（元）';
+  }else{
+    feeLabel.textContent = '必选项目费用合计（元）';
+  }
+  var sum = detailProjects[key].reduce(function(s, p){ return s + Number(p.fee); }, 0);
+  document.getElementById('detail-fee').value = sum.toFixed(2);
+}
+/* 审核弹窗 Tab：数据与详情抽屉一致 */
+function switchAuditTab(el){
+  document.querySelectorAll('#audit-tab-nav .tab-nav__item').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  var key = el.dataset.tab;
+  document.querySelectorAll('#audit-modal-overlay .tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('apanel-' + key).classList.add('active');
+  var feeLabel = document.getElementById('audit-fee-label');
+  if(key === 'cancer'){
+    feeLabel.textContent = '防癌筛查项目费用合计（元）';
+  }else{
+    feeLabel.textContent = '必选项目费用合计（元）';
+  }
+  var sum = detailProjects[key].reduce(function(s, p){ return s + Number(p.fee); }, 0);
+  document.getElementById('audit-fee-total').value = sum.toFixed(2);
+}
+
+var editRow = null;
+var drawerEditMode = false;
+
+function renderStatusTag(status){
+  var map = {
+    '审核通过':'tag-green','待审核':'tag-orange','已拒绝':'tag-red','未提交':'tag-gray',
+    '已生成':'tag-green','生成中':'tag-orange','未生成':'tag-orange'
+  };
+  return '<span class="tag ' + (map[status] || 'tag-gray') + '">' + status + '</span>';
+}
+
+/* 操作按钮文案随费用审核状态联动 */
+function actionText(status){
+  return { '审核通过':'修改并提交', '待审核':'修改并重新提交', '已拒绝':'修改并重新提交', '未提交':'提交审核' }[status] || '提交审核';
+}
+function refreshRowLinks(tr, status){
+  var link = tr.querySelector('[data-action-link]');
+  if(link) link.textContent = actionText(status);
+}
+
+function openDetailDrawer(btn){
+  populateDrawer(btn.closest('tr'), false);
+}
+function openSubmitDrawer(btn){
+  populateDrawer(btn.closest('tr'), true);
+}
+function populateDrawer(tr, editMode){
+  editRow = tr;
+  drawerEditMode = editMode;
+  var cells = tr.cells;
+  var gender = cells[6].textContent.trim();
+  var auditStatus = cells[9].textContent.trim();
+  var effectiveText = cells[10].textContent.trim();
+  var declaredText = cells[8].textContent.trim();
+  document.getElementById('detail-name').value = cells[2].textContent.trim();
+  document.getElementById('detail-hospital').value = cells[3].textContent.trim();
+  document.getElementById('detail-unit').value = cells[4].textContent.trim();
+  document.getElementById('detail-year').value = cells[5].textContent.trim();
+  document.getElementById('detail-gender').value = gender;
+  document.getElementById('detail-age').value = cells[7].textContent.trim();
+  document.getElementById('detail-audit-status').innerHTML = renderStatusTag(auditStatus);
+  document.getElementById('detail-gen-status').innerHTML = renderStatusTag(cells[11].textContent.trim());
+  var femaleFeeRow = document.getElementById('female-fee-row');
+  if(gender === '女'){
+    femaleFeeRow.style.display = '';
+    document.getElementById('detail-female-fee').value = '280.00 元';
+  }else{
+    femaleFeeRow.style.display = 'none';
+  }
+  var effectiveNum = effectiveText === '—' ? null : Number(effectiveText);
+  document.getElementById('detail-effective-fee').textContent = effectiveNum === null ? '—' : effectiveText + ' 元';
+  var rejectedTip = document.getElementById('rejected-tip');
+  if(auditStatus === '已拒绝'){
+    rejectedTip.style.display = 'flex';
+    rejectedTip.innerHTML = '<span>⚠</span><span>费用审核未通过：' + (tr.dataset.rejectReason || '请核对费用后重新提交') + '，请修改费用后重新提交审核。</span>';
+  }else{
+    rejectedTip.style.display = 'none';
+  }
+  var submitInput = document.getElementById('detail-submit-fee');
+  var submitBtn = document.getElementById('submit-audit-btn');
+  if(editMode){
+    submitInput.disabled = false;
+    submitBtn.style.display = '';
+    if(auditStatus === '未提交'){
+      submitInput.value = '';
+      submitInput.placeholder = '请录入必检项目费用';
+    }else if(auditStatus === '审核通过'){
+      submitInput.value = effectiveNum.toFixed(2);
+      submitInput.placeholder = '修改后需重新提交审核';
+    }else{
+      submitInput.value = declaredText === '—' ? '' : declaredText;
+      submitInput.placeholder = '';
+    }
+  }else{
+    submitInput.disabled = true;
+    submitInput.placeholder = '';
+    submitInput.value = declaredText === '—' ? '—' : declaredText + ' 元';
+    submitBtn.style.display = 'none';
+  }
+  renderFeeDiff();
+  switchDetailTab(document.querySelector('#detail-tab-nav .tab-nav__item[data-tab="required"]'));
+  document.getElementById('detail-drawer').classList.add('open');
+  document.getElementById('detail-overlay').classList.add('open');
+}
+/* 必检项目费用（已生效） vs 本次提交费用 差额徽章 */
+function renderFeeDiff(){
+  var badge = document.getElementById('fee-diff');
+  var input = document.getElementById('detail-submit-fee');
+  var effTd = editRow ? editRow.querySelector('.effective-fee') : null;
+  var effText = effTd ? effTd.textContent.trim() : '—';
+  var eff = effText === '—' ? NaN : Number(effText);
+  var val = parseFloat(input.value);
+  if(!drawerEditMode || isNaN(eff) || isNaN(val)){
+    badge.style.display = 'none';
+    badge.className = 'diff-badge';
+    return;
+  }
+  var diff = val - eff;
+  if(diff > 0.005){
+    badge.style.display = '';
+    badge.textContent = '较已生效 +' + diff.toFixed(2);
+    badge.className = 'diff-badge diff-up';
+  }else if(diff < -0.005){
+    badge.style.display = '';
+    badge.textContent = '较已生效 ' + diff.toFixed(2);
+    badge.className = 'diff-badge diff-down';
+  }else{
+    badge.style.display = 'none';
+    badge.className = 'diff-badge';
+  }
+}
+function closeDetailDrawer(){
+  document.getElementById('detail-drawer').classList.remove('open');
+  document.getElementById('detail-overlay').classList.remove('open');
+}
+document.getElementById('detail-submit-fee').addEventListener('input', renderFeeDiff);
+
+/* ===== 提交审核 ===== */
+function submitAudit(){
+  var input = document.getElementById('detail-submit-fee');
+  var val = input.value.trim();
+  if(!val || isNaN(Number(val)) || Number(val) < 0){ alert('请输入正确的费用金额'); return; }
+  editRow.querySelector('.declared-fee').textContent = Number(val).toFixed(2);
+  editRow.cells[9].innerHTML = renderStatusTag('待审核');
+  refreshRowLinks(editRow, '待审核');
+  alert('已提交审核，等待医院勾选后点击「医院审核」进行处理（原型演示）');
+  closeDetailDrawer();
+}
+
+/* ===== 医院费用审核：勾选条目后点顶部「医院审核」 ===== */
+var auditRow = null;
+var checkAll = document.getElementById('check-all');
+checkAll.addEventListener('click', function(){
+  document.querySelectorAll('.row-check').forEach(function(c){ c.checked = checkAll.checked; });
+});
+document.querySelectorAll('.row-check').forEach(function(c){
+  c.addEventListener('change', function(){
+    var all = document.querySelectorAll('.row-check');
+    var checked = document.querySelectorAll('.row-check:checked');
+    checkAll.checked = all.length > 0 && checked.length === all.length;
+    checkAll.indeterminate = checked.length > 0 && checked.length < all.length;
+  });
+});
+function openAuditModal(){
+  var checked = Array.prototype.slice.call(document.querySelectorAll('.row-check:checked'));
+  if(checked.length !== 1){ alert('请在表格中勾选一条待审核的记录'); return; }
+  var tr = checked[0].closest('tr');
+  if(tr.querySelector('.audit-status-cell').textContent.trim() !== '待审核'){ alert('仅「待审核」状态的费用可进行审核'); return; }
+  auditRow = tr;
+  var effText = tr.querySelector('.effective-fee').textContent.trim();
+  var declared = tr.querySelector('.declared-fee').textContent.trim();
+  document.getElementById('audit-name').value = tr.cells[2].textContent.trim();
+  document.getElementById('audit-hospital').value = tr.cells[3].textContent.trim();
+  document.getElementById('audit-unit').value = tr.cells[4].textContent.trim();
+  document.getElementById('audit-year').value = tr.cells[5].textContent.trim();
+  document.getElementById('audit-gender').value = tr.cells[6].textContent.trim();
+  document.getElementById('audit-age').value = tr.cells[7].textContent.trim();
+  document.getElementById('audit-declared').value = declared + ' 元';
+  document.getElementById('audit-effective').value = effText === '—' ? '—（首次申报）' : effText + ' 元';
+  var diffRow = document.getElementById('audit-diff-row');
+  if(effText === '—'){
+    diffRow.style.display = 'none';
+  }else{
+    diffRow.style.display = '';
+    var d = Number(declared) - Number(effText);
+    var el = document.getElementById('audit-diff');
+    if(d > 0.005) el.innerHTML = '<span style="color:var(--warning);font-weight:600;">+' + d.toFixed(2) + ' 元</span>';
+    else if(d < -0.005) el.innerHTML = '<span style="color:var(--success);font-weight:600;">' + d.toFixed(2) + ' 元</span>';
+    else el.innerHTML = '<span style="color:var(--text-placeholder);">0.00 元（无变化）</span>';
+  }
+  document.getElementById('audit-reason').value = '';
+  switchAuditTab(document.querySelector('#audit-tab-nav .tab-nav__item[data-tab="required"]'));
+  document.getElementById('audit-modal-overlay').classList.add('open');
+}
+function closeAuditModal(){
+  document.getElementById('audit-modal-overlay').classList.remove('open');
+}
+function doAudit(pass){
+  var reason = document.getElementById('audit-reason').value.trim();
+  if(!pass){
+    if(!reason){ alert('请填写拒绝原因'); return; }
+    auditRow.cells[9].innerHTML = renderStatusTag('已拒绝');
+    auditRow.dataset.rejectReason = reason;
+  }else{
+    auditRow.cells[9].innerHTML = renderStatusTag('审核通过');
+    auditRow.querySelector('.effective-fee').textContent = auditRow.querySelector('.declared-fee').textContent.trim();
+    auditRow.dataset.rejectReason = '';
+  }
+  refreshRowLinks(auditRow, pass ? '审核通过' : '已拒绝');
+  auditRow.querySelector('.row-check').checked = false;
+  checkAll.checked = false;
+  checkAll.indeterminate = false;
+  closeAuditModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-item-unit-fee.html b/web-admin/health-checkup/pre-item-unit-fee.html
index 9ceecbe..8ccdb4a 100644
--- a/web-admin/health-checkup/pre-item-unit-fee.html
+++ b/web-admin/health-checkup/pre-item-unit-fee.html
@@ -1,204 +1,204 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  /* 媒体预览图标 */
-  .media-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;}
-  .media-icon--active{background:var(--primary-light);color:var(--primary);}
-  .media-icon--empty{background:#F5F5F5;color:var(--text-placeholder);}
-  .media-icon:hover{opacity:.8;}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* 信息展示 */
-  .fee-info{background:#FAFAFA;border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px;}
-  .fee-info__item{display:flex;font-size:var(--font-sm);color:var(--text-primary);}
-  .fee-info__item label{color:var(--text-secondary);width:88px;flex-shrink:0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item active">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  /* 媒体预览图标 */
+  .media-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;}
+  .media-icon--active{background:var(--primary-light);color:var(--primary);}
+  .media-icon--empty{background:#F5F5F5;color:var(--text-placeholder);}
+  .media-icon:hover{opacity:.8;}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* 信息展示 */
+  .fee-info{background:#FAFAFA;border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px;}
+  .fee-info__item{display:flex;font-size:var(--font-sm);color:var(--text-primary);}
+  .fee-info__item label{color:var(--text-secondary);width:88px;flex-shrink:0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item active">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -210,166 +210,166 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select">
-        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>体检医院：</label>
-      <select class="filter-select">
-        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>体检项目：</label>
-      <input class="filter-input" type="text" placeholder="请输入项目名称" style="min-width:160px;">
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;">
-    <button class="btn btn-primary" onclick="openGenerateConfirm()">+ 生成单位本年度体检项目费用</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">单位体检项目费用</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <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>2025</td><td>泾河医院</td><td>经颅多普勒</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>280.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
-        <tr><td>2</td><td>第二采油厂</td><td>2025</td><td>庆阳医院</td><td>腹部彩超</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>200.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
-        <tr><td>3</td><td>第三采油厂</td><td>2025</td><td>延安医院</td><td>血常规</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>40.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 243 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 更改费用弹窗 -->
-<div class="modal-overlay" id="fee-modal-overlay" onclick="if(event.target===this)closeFeeModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">更改费用</div>
-      <button class="modal__close" onclick="closeFeeModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="fee-info">
-        <div class="fee-info__item"><label>单位：</label><span id="fee-unit"></span></div>
-        <div class="fee-info__item"><label>体检年份：</label><span id="fee-year"></span></div>
-        <div class="fee-info__item"><label>医院名称：</label><span id="fee-hospital"></span></div>
-        <div class="fee-info__item"><label>体检项目：</label><span id="fee-item"></span></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 项目费用（元）</div>
-        <input class="form-input" id="fee-amount" type="number" min="0" step="0.01" placeholder="请输入项目费用">
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeFeeModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveFee()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<!-- 生成费用二次确认弹窗 -->
-<div class="modal-overlay" id="generate-confirm-overlay" onclick="if(event.target===this)closeGenerateConfirm()">
-  <div class="modal" style="width:420px;">
-    <div class="modal__header">
-      <div class="modal__title">生成确认</div>
-      <button class="modal__close" onclick="closeGenerateConfirm()">✕</button>
-    </div>
-    <div class="modal__body" style="display:flex;gap:12px;align-items:flex-start;">
-      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:2px;"><circle cx="11" cy="11" r="10" fill="#FAAD14"/><path d="M11 6.5v6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><circle cx="11" cy="15.5" r="1.2" fill="#fff"/></svg>
-      <div style="font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;">
-        确定要生成单位本年度体检项目费用吗？<br>
-        <span style="color:var(--text-secondary);">生成后将按医院项目费用基准初始化本年度各单位的体检项目费用。</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeGenerateConfirm()">取消</button>
-      <button class="btn btn-primary" onclick="confirmGenerate()">确认生成</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 更改费用弹窗 ===== */
-var feeTr = null;
-
-function openFeeModal(btn){
-  feeTr = btn.closest('tr');
-  var cells = feeTr.cells;
-  document.getElementById('fee-unit').textContent = cells[1].textContent.trim();
-  document.getElementById('fee-year').textContent = cells[2].textContent.trim();
-  document.getElementById('fee-hospital').textContent = cells[3].textContent.trim();
-  document.getElementById('fee-item').textContent = cells[4].textContent.trim();
-  document.getElementById('fee-amount').value = cells[6].textContent.trim();
-  document.getElementById('fee-modal-overlay').classList.add('open');
-}
-function closeFeeModal(){
-  document.getElementById('fee-modal-overlay').classList.remove('open');
-}
-function saveFee(){
-  if(!feeTr) return;
-  var amount = document.getElementById('fee-amount').value.trim();
-  if(!amount || Number(amount) < 0){ alert('请输入正确的项目费用'); return; }
-  feeTr.cells[6].textContent = Number(amount).toFixed(2);
-  closeFeeModal();
-}
-
-/* ===== 生成费用二次确认 ===== */
-function openGenerateConfirm(){
-  document.getElementById('generate-confirm-overlay').classList.add('open');
-}
-function closeGenerateConfirm(){
-  document.getElementById('generate-confirm-overlay').classList.remove('open');
-}
-function confirmGenerate(){
-  closeGenerateConfirm();
-  alert('单位本年度体检项目费用生成任务已提交（原型演示）');
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select">
+        <option>请选择</option><option selected>2025</option><option>2024</option><option>2026</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>体检医院：</label>
+      <select class="filter-select">
+        <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option><option>兴隆园医院</option><option>宁夏宝石花医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>体检项目：</label>
+      <input class="filter-input" type="text" placeholder="请输入项目名称" style="min-width:160px;">
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;">
+    <button class="btn btn-primary" onclick="openGenerateConfirm()">+ 生成单位本年度体检项目费用</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">单位体检项目费用</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <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>2025</td><td>泾河医院</td><td>经颅多普勒</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>280.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
+        <tr><td>2</td><td>第二采油厂</td><td>2025</td><td>庆阳医院</td><td>腹部彩超</td><td><span class="media-icon media-icon--active" title="查看图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>200.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
+        <tr><td>3</td><td>第三采油厂</td><td>2025</td><td>延安医院</td><td>血常规</td><td><span class="media-icon media-icon--empty" title="暂无图片"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.3"/><circle cx="5.5" cy="6.5" r="1.2" stroke="currentColor" stroke-width="1"/><path d="M2 11l3.5-3 2.5 2 3-2.5L14 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td>40.00</td><td><span class="link" onclick="openFeeModal(this)">更改费用</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 243 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 更改费用弹窗 -->
+<div class="modal-overlay" id="fee-modal-overlay" onclick="if(event.target===this)closeFeeModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">更改费用</div>
+      <button class="modal__close" onclick="closeFeeModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="fee-info">
+        <div class="fee-info__item"><label>单位：</label><span id="fee-unit"></span></div>
+        <div class="fee-info__item"><label>体检年份：</label><span id="fee-year"></span></div>
+        <div class="fee-info__item"><label>医院名称：</label><span id="fee-hospital"></span></div>
+        <div class="fee-info__item"><label>体检项目：</label><span id="fee-item"></span></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 项目费用（元）</div>
+        <input class="form-input" id="fee-amount" type="number" min="0" step="0.01" placeholder="请输入项目费用">
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeFeeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveFee()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<!-- 生成费用二次确认弹窗 -->
+<div class="modal-overlay" id="generate-confirm-overlay" onclick="if(event.target===this)closeGenerateConfirm()">
+  <div class="modal" style="width:420px;">
+    <div class="modal__header">
+      <div class="modal__title">生成确认</div>
+      <button class="modal__close" onclick="closeGenerateConfirm()">✕</button>
+    </div>
+    <div class="modal__body" style="display:flex;gap:12px;align-items:flex-start;">
+      <svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:2px;"><circle cx="11" cy="11" r="10" fill="#FAAD14"/><path d="M11 6.5v6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><circle cx="11" cy="15.5" r="1.2" fill="#fff"/></svg>
+      <div style="font-size:var(--font-sm);color:var(--text-primary);line-height:1.7;">
+        确定要生成单位本年度体检项目费用吗？<br>
+        <span style="color:var(--text-secondary);">生成后将按医院项目费用基准初始化本年度各单位的体检项目费用。</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeGenerateConfirm()">取消</button>
+      <button class="btn btn-primary" onclick="confirmGenerate()">确认生成</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 更改费用弹窗 ===== */
+var feeTr = null;
+
+function openFeeModal(btn){
+  feeTr = btn.closest('tr');
+  var cells = feeTr.cells;
+  document.getElementById('fee-unit').textContent = cells[1].textContent.trim();
+  document.getElementById('fee-year').textContent = cells[2].textContent.trim();
+  document.getElementById('fee-hospital').textContent = cells[3].textContent.trim();
+  document.getElementById('fee-item').textContent = cells[4].textContent.trim();
+  document.getElementById('fee-amount').value = cells[6].textContent.trim();
+  document.getElementById('fee-modal-overlay').classList.add('open');
+}
+function closeFeeModal(){
+  document.getElementById('fee-modal-overlay').classList.remove('open');
+}
+function saveFee(){
+  if(!feeTr) return;
+  var amount = document.getElementById('fee-amount').value.trim();
+  if(!amount || Number(amount) < 0){ alert('请输入正确的项目费用'); return; }
+  feeTr.cells[6].textContent = Number(amount).toFixed(2);
+  closeFeeModal();
+}
+
+/* ===== 生成费用二次确认 ===== */
+function openGenerateConfirm(){
+  document.getElementById('generate-confirm-overlay').classList.add('open');
+}
+function closeGenerateConfirm(){
+  document.getElementById('generate-confirm-overlay').classList.remove('open');
+}
+function confirmGenerate(){
+  closeGenerateConfirm();
+  alert('单位本年度体检项目费用生成任务已提交（原型演示）');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-plan.html b/web-admin/health-checkup/pre-plan.html
index fad7dc4..b238cae 100644
--- a/web-admin/health-checkup/pre-plan.html
+++ b/web-admin/health-checkup/pre-plan.html
@@ -1,317 +1,317 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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-pane{display:none;}
-  .tab-pane.active{display:block;}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-  /* 弹窗表单 */
-  .form-item{margin-bottom:16px;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .req{color:var(--danger);}
-  .form-input{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;transition:border-color .2s;}
-  .form-input:focus{border-color:var(--primary);}
-  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
-  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
-  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
-  .date-pair{display:flex;align-items:center;gap:8px;}
-  .date-pair .form-input{flex:1;}
-  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
-  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
-  /* 单选组 */
-  .radio-group{display:flex;gap:20px;padding-top:4px;}
-  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
-  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-  /* 人员筛选条件面板 */
-  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
-  .person-panel.show{display:block;}
-  .person-panel__row{margin-bottom:12px;}
-  .person-panel__row:last-child{margin-bottom:0;}
-  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  /* 树形多选（指定机构） */
-  .tree-select{position:relative;width:100%;}
-  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .tree-select__trigger:hover{border-color:var(--primary);}
-  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
-  .tree-select__panel.show{display:block;}
-  .tree-node__children{display:none;}
-  .tree-node.expanded > .tree-node__children{display:block;}
-  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
-  .tree-node__row:hover{background:#F5F7FA;}
-  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
-  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
-  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
-  .tree-node__children .tree-select__cb{margin-left:20px;}
-  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
-  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
-  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
-  /* 多选下拉 */
-  .multi-select{position:relative;width:100%;}
-  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
-  .multi-select__trigger:hover{border-color:var(--primary);}
-  .multi-select__trigger.disabled{cursor:not-allowed;opacity:0.5;background:#FAFAFA;}
-  .multi-select__trigger.disabled:hover{border-color:var(--border);}
-  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
-  .multi-select__trigger.disabled::after{border-top-color:#ccc;}
-  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
-  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
-  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
-  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
-  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
-  .multi-select__panel.show{display:block;}
-  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
-  .multi-select__opt:hover{background:#F5F7FA;}
-  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
-  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
-  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
-  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
-  /* 员工选择触发器 */
-  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
-  .emp-trigger:hover{border-color:var(--primary);}
-  .emp-trigger.disabled{cursor:not-allowed;opacity:0.5;background:#FAFAFA;}
-  .emp-trigger.disabled:hover{border-color:var(--border);}
-  .emp-trigger__text{color:var(--text-placeholder);}
-  .emp-trigger__count{color:var(--primary);font-weight:500;}
-  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
-  /* 员工选择弹窗（二级） */
-  .modal-overlay--emp{z-index:1100;}
-  .modal--emp{width:860px;}
-  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
-  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
-  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
-  .emp-filter__input:focus{border-color:var(--primary);}
-  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
-  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
-  .emp-filter__btn:hover{background:#40a9ff;}
-  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
-  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
-  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
-  .emp-table thead{position:sticky;top:0;z-index:1;}
-  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
-  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
-  .emp-table tbody tr:hover{background:#F5F7FA;}
-  .emp-table tbody tr.checked{background:var(--primary-light);}
-  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
-  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
-  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
-  .emp-table__info strong{color:var(--primary);}
-  /* 详情展示 */
-  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
-  .detail-item{margin-bottom:16px;}
-  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
-  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
-  /* 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;}
-  /* 右侧抽屉 */
-  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
-  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
-  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
-  .drawer.open{right:0;}
-  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
-  .drawer__title{font-size:var(--font-lg);font-weight:600;}
-  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .drawer__close:hover{background:#F5F5F5;}
-  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
-  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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-pane{display:none;}
+  .tab-pane.active{display:block;}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1001;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{width:720px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+  /* 弹窗表单 */
+  .form-item{margin-bottom:16px;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .req{color:var(--danger);}
+  .form-input{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;transition:border-color .2s;}
+  .form-input:focus{border-color:var(--primary);}
+  select.form-input{appearance:none;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 12px center;padding-right:32px;cursor:pointer;}
+  .form-input:disabled{background:#F5F5F5;color:var(--text-secondary);cursor:not-allowed;}
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
+  .date-pair{display:flex;align-items:center;gap:8px;}
+  .date-pair .form-input{flex:1;}
+  .date-pair span{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;}
+  .form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  /* 单选组 */
+  .radio-group{display:flex;gap:20px;padding-top:4px;}
+  .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);}
+  .radio-item input[type="radio"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;height:36px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+  /* 人员筛选条件面板 */
+  .person-panel{margin-top:12px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);display:none;}
+  .person-panel.show{display:block;}
+  .person-panel__row{margin-bottom:12px;}
+  .person-panel__row:last-child{margin-bottom:0;}
+  .person-panel__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  /* 树形多选（指定机构） */
+  .tree-select{position:relative;width:100%;}
+  .tree-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .tree-select__trigger:hover{border-color:var(--primary);}
+  .tree-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .tree-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .tree-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .tree-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .tree-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .tree-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:6px 0;max-height:320px;overflow-y:auto;}
+  .tree-select__panel.show{display:block;}
+  .tree-node__children{display:none;}
+  .tree-node.expanded > .tree-node__children{display:block;}
+  .tree-node__row{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;user-select:none;}
+  .tree-node__row:hover{background:#F5F7FA;}
+  .tree-node__arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;font-size:10px;color:var(--text-placeholder);}
+  .tree-node.expanded > .tree-node__row .tree-node__arrow{transform:rotate(90deg);}
+  .tree-node__name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+  .tree-leaf{font-weight:normal !important;color:var(--text-secondary) !important;}
+  .tree-node__children .tree-select__cb{margin-left:20px;}
+  .tree-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:#fff;}
+  .tree-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  .tree-select__cb.indeterminate{background:var(--primary);border-color:var(--primary);}
+  .tree-select__cb.indeterminate::after{content:'';width:8px;height:2px;background:#fff;}
+  /* 多选下拉 */
+  .multi-select{position:relative;width:100%;}
+  .multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 32px 4px 8px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;flex-wrap:wrap;user-select:none;position:relative;transition:border-color .2s;}
+  .multi-select__trigger:hover{border-color:var(--primary);}
+  .multi-select__trigger.disabled{cursor:not-allowed;opacity:0.5;background:#FAFAFA;}
+  .multi-select__trigger.disabled:hover{border-color:var(--border);}
+  .multi-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;pointer-events:none;}
+  .multi-select__trigger.disabled::after{border-top-color:#ccc;}
+  .multi-select__trigger.placeholder{padding:0 32px 0 12px;color:var(--text-placeholder);align-items:center;}
+  .multi-select__trigger .sel-tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;}
+  .multi-select__trigger .sel-tag .tag-x{cursor:pointer;font-size:12px;line-height:1;margin-left:2px;}
+  .multi-select__trigger .sel-tag .tag-x:hover{color:var(--danger);}
+  .multi-select__panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;display:none;padding:8px 0;max-height:240px;overflow-y:auto;}
+  .multi-select__panel.show{display:block;}
+  .multi-select__opt{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
+  .multi-select__opt:hover{background:#F5F7FA;}
+  .multi-select__opt.checked{color:var(--primary);background:var(--primary-light);}
+  .multi-select__cb{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
+  .multi-select__cb.checked{background:var(--primary);border-color:var(--primary);}
+  .multi-select__cb.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  /* 员工选择触发器 */
+  .emp-trigger{display:flex;align-items:center;gap:8px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;transition:border-color .2s;user-select:none;}
+  .emp-trigger:hover{border-color:var(--primary);}
+  .emp-trigger.disabled{cursor:not-allowed;opacity:0.5;background:#FAFAFA;}
+  .emp-trigger.disabled:hover{border-color:var(--border);}
+  .emp-trigger__text{color:var(--text-placeholder);}
+  .emp-trigger__count{color:var(--primary);font-weight:500;}
+  .emp-trigger__icon{margin-left:auto;color:var(--text-placeholder);}
+  /* 员工选择弹窗（二级） */
+  .modal-overlay--emp{z-index:1100;}
+  .modal--emp{width:860px;}
+  .emp-filter{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end;}
+  .emp-filter__item{display:flex;flex-direction:column;gap:4px;}
+  .emp-filter__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-filter__input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:160px;transition:border-color .2s;background:#fff;}
+  .emp-filter__input:focus{border-color:var(--primary);}
+  select.emp-filter__input{appearance:none;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;padding-right:26px;cursor:pointer;}
+  .emp-filter__btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;transition:all .15s;}
+  .emp-filter__btn:hover{background:#40a9ff;}
+  .emp-filter__reset{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary);transition:all .15s;}
+  .emp-filter__reset:hover{color:var(--primary);border-color:var(--primary);}
+  .emp-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
+  .emp-table thead{position:sticky;top:0;z-index:1;}
+  .emp-table th{background:#FAFAFA;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;}
+  .emp-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;color:var(--text-primary);vertical-align:middle;}
+  .emp-table tbody tr:hover{background:#F5F7FA;}
+  .emp-table tbody tr.checked{background:var(--primary-light);}
+  .emp-table__cb{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .emp-table__empty{text-align:center;padding:40px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+  .emp-table__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);margin-top:8px;}
+  .emp-table__info{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-table__info strong{color:var(--primary);}
+  /* 详情展示 */
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
+  .detail-item{margin-bottom:16px;}
+  .detail-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .detail-value{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;}
+  /* 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;}
+  /* 右侧抽屉 */
+  .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1001;pointer-events:none;transition:background .3s;}
+  .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+  .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;max-width:calc(100vw - 48px);background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,0.15);z-index:1002;transition:right .3s;display:flex;flex-direction:column;}
+  .drawer.open{right:0;}
+  .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .drawer__title{font-size:var(--font-lg);font-weight:600;}
+  .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .drawer__close:hover{background:#F5F5F5;}
+  .drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
+  .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -323,1081 +323,1081 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 常规体检 -->
-  <div class="tab-pane active" id="pane-normal">
-    <!-- 筛选栏 -->
-    <div class="filter-bar">
-      <div class="filter-item">
-        <label>体检年份：</label>
-        <select class="filter-select plan-year"></select>
-      </div>
-      <div class="filter-item">
-        <label>计划名称：</label>
-        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
-      </div>
-      <div class="filter-item">
-        <label>有效标志：</label>
-        <select class="filter-select">
-          <option>请选择</option><option>有效</option><option>无效</option>
-        </select>
-      </div>
-      <div class="filter-item">
-        <label>开展单位：</label>
-        <select class="filter-select">
-          <option>请选择</option>
-        </select>
-      </div>
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-
-    <!-- 操作按钮 -->
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <!-- [交互] 点击打开新增体检计划弹窗 -->
-      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
-    </div>
-
-    <!-- 数据表格 -->
-    <div class="table-card">
-      <div class="table-card__header">
-        <div class="table-card__title">常规体检计划列表</div>
-      </div>
-      <div class="table-card__content">
-      <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>
-          </tr>
-        </thead>
-        <tbody id="plan-tbody">
-          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工非职业健康体检</td><td>兴隆园医院</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-18 09:20</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工非职业健康体检</td><td>宝石花</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-18 09:45</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工职业健康体检</td><td>兴隆园医院</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-19 14:10</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
-        </tbody>
-      </table>
-      </div>
-      <div class="pagination">
-        <span>共 243 条</span>
-        <button class="page-btn active">1</button>
-        <span>每页</span>
-        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
-      </div>
-    </div>
-  </div>
-
-</main>
-
-<!-- [抽屉] 新增/编辑单位体检计划 -->
-<div class="drawer-overlay" id="plan-modal-overlay"></div>
-<div class="drawer" id="plan-drawer">
-    <div class="drawer__header">
-      <div class="drawer__title" id="plan-modal-title">新增单位体检计划</div>
-      <button class="drawer__close" onclick="closePlanModal()">✕</button>
-    </div>
-    <div class="drawer__body">
-      <div class="form-grid">
-        <div class="form-item">
-          <div class="form-label"><span class="req">*</span> 单位</div>
-          <select class="form-input" id="planUnit">
-            <option value="">请选择单位</option>
-          </select>
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="req">*</span> 体检年份</div>
-          <select class="form-input plan-year"></select>
-        </div>
-        <div class="form-item" style="grid-column:1/-1;">
-          <div class="form-label"><span class="req">*</span> 体检计划名称</div>
-          <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="req">*</span> 承检医院</div>
-          <div class="multi-select" id="hospitalSelect">
-            <!-- [交互] 点击展开医院多选下拉 -->
-            <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
-            <div class="multi-select__panel" id="hospitalPanel"></div>
-          </div>
-        </div>
-        <div class="form-item">
-          <div class="form-label">签约医院</div>
-          <div class="multi-select" id="signHospitalSelect">
-            <!-- [交互] 多选，选项仅限已勾选的承检医院，未选承检医院时禁用 -->
-            <div class="multi-select__trigger placeholder disabled" onclick="toggleSignPanel()" id="signHospitalTrigger">请先选择承检医院</div>
-            <div class="multi-select__panel" id="signHospitalPanel"></div>
-          </div>
-        </div>
-        <div class="form-item" style="grid-column:1/-1;">
-          <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
-          <div class="date-pair">
-            <input class="form-input" id="planDateFrom" type="date">
-            <span>至</span>
-            <input class="form-input" id="planDateTo" type="date">
-          </div>
-        </div>
-      </div>
-
-      <!-- 参加人员范围 -->
-      <div class="form-item">
-        <div class="form-label"><span class="req">*</span> 参加人员范围</div>
-        <div class="radio-group">
-          <label class="radio-item">
-            <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
-            全体人员
-          </label>
-          <label class="radio-item">
-            <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
-            指定人员
-          </label>
-        </div>
-        <!-- [交互] 选择"指定人员"时展开筛选条件，指定机构随所选单位联动 -->
-        <div class="person-panel" id="personPanel">
-          <div class="person-panel__row">
-            <div class="person-panel__label">指定机构</div>
-            <div class="tree-select" id="orgSelect">
-              <!-- [交互] 单位-部门两级树状层级多选 -->
-              <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
-              <div class="tree-select__panel" id="orgPanel"></div>
-            </div>
-          </div>
-          <div class="person-panel__row">
-            <div class="person-panel__label">指定员工</div>
-            <!-- [交互] 点击打开员工选择弹窗，可按已勾选机构过滤 -->
-            <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
-              <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
-              <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-            </div>
-          </div>
-          <div class="person-panel__row">
-            <div class="person-panel__label">已选员工</div>
-            <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
-            <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 是否开启预约 -->
-      <div class="form-item">
-        <div class="form-label">是否开启预约</div>
-        <!-- [交互] 开关控制员工能否在线预约，开启后需设定允许预约日期范围 -->
-        <div class="switch-row">
-          <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
-          <span class="switch-label" id="switchApptLabel">已开启</span>
-        </div>
-      </div>
-      <div class="form-item" id="apptRangeItem">
-        <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
-        <div class="date-pair">
-          <input class="form-input" id="apptDateFrom" type="date">
-          <span>至</span>
-          <input class="form-input" id="apptDateTo" type="date">
-        </div>
-      </div>
-    </div>
-    <div class="drawer__footer">
-      <button class="btn btn-default" onclick="closePlanModal()">取消</button>
-      <!-- [交互] 校验通过后新增计划并刷新列表 -->
-      <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
-    </div>
-  </div>
-
-
-<!-- [弹窗] 单位体检计划详情 -->
-<div class="modal-overlay" id="detail-modal-overlay">
-  <div class="modal" style="width:640px;">
-    <div class="modal__header">
-      <div class="modal__title">单位体检计划详情</div>
-      <button class="modal__close" onclick="closePlanDetail()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="detail-grid">
-        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
-        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
-        <div class="detail-item"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
-        <div class="detail-item"><div class="detail-label">签约医院</div><div class="detail-value" id="d-sign">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
-        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
-        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
-        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
-        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
-        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
-        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
-    </div>
-  </div>
-</div>
-
-<!-- [二级弹窗] 选择员工 -->
-<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
-  <div class="modal modal--emp">
-    <div class="modal__header">
-      <div class="modal__title">选择员工</div>
-      <button class="modal__close" onclick="closeEmpModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="emp-filter">
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">机构</label>
-          <select class="emp-filter__input" id="empFilterOrg">
-            <option value="">全部机构</option>
-          </select>
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">姓名</label>
-          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
-        </div>
-        <div class="emp-filter__item">
-          <label class="emp-filter__label">员工编号</label>
-          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
-        </div>
-        <div class="emp-filter__item" style="align-self:flex-end;">
-          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
-        </div>
-      </div>
-      <table class="emp-table">
-        <thead>
-          <tr>
-            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
-            <th>单位</th>
-            <th>机构</th>
-            <th>姓名</th>
-            <th>员工编号</th>
-            <th>性别</th>
-            <th>年龄</th>
-          </tr>
-        </thead>
-        <tbody id="empTableBody"></tbody>
-      </table>
-      <div class="emp-table__footer">
-        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
-      <!-- [交互] 点击确定将选中员工带回表单 -->
-      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
-    </div>
-  </div>
-</div>
-
-<!-- toast -->
-<div class="toast" id="toast"></div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 体检年份默认当年 */
-(function(){
-  var year = new Date().getFullYear();
-  document.querySelectorAll('.plan-year').forEach(function(sel){
-    sel.innerHTML = '';
-    for(var y = year - 3; y <= year + 1; y++){
-      var opt = document.createElement('option');
-      opt.value = y;
-      opt.textContent = y + '年';
-      if(y === year) opt.selected = true;
-      sel.appendChild(opt);
-    }
-  });
-})();
-
-/* ===================== 新增计划弹窗 ===================== */
-/* 模拟数据：可选医院 */
-var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
-/* 模拟数据：单位 -> 下属机构 */
-var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
-var UNIT_ORGS = {
-  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
-  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
-  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
-  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
-  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
-};
-/* 模拟员工数据 */
-var mockPlanEmployees = [
-  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
-  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
-  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
-  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
-  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
-  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
-  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
-  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
-  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
-  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
-  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
-  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
-  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
-  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
-  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
-];
-
-/* 单位下拉初始化 */
-(function(){
-  var sel = document.getElementById('planUnit');
-  UNITS.forEach(function(u){
-    var opt = document.createElement('option');
-    opt.value = u; opt.textContent = u;
-    sel.appendChild(opt);
-  });
-})();
-
-/* [交互] 打开抽屉并重置表单 */
-var editingPlanRid = null;
-function openPlanModal(){
-  editingPlanRid = null;
-  document.getElementById('plan-modal-title').textContent = '新增单位体检计划';
-  document.getElementById('plan-save-btn').textContent = '确认新增';
-  resetPlanForm();
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-function closePlanModal(){
-  document.getElementById('plan-modal-overlay').classList.remove('open');
-  document.getElementById('plan-drawer').classList.remove('open');
-}
-
-/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
-function openPlanEdit(el){
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无该计划的编辑数据'); return; }
-  editingPlanRid = rid;
-  document.getElementById('plan-modal-title').textContent = '编辑单位体检计划';
-  document.getElementById('plan-save-btn').textContent = '保存';
-  resetPlanForm();
-  document.getElementById('planUnit').value = d.unit;
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
-  document.getElementById('planNameInput').value = d.name;
-  /* 承检/签约医院：由已存字符串还原多选 */
-  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
-  selectedSignHospitals = (d.signHospitals || '').split('、').filter(Boolean);
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  syncSignHospitalOptions();
-  document.getElementById('planDateFrom').value = d.planFrom;
-  document.getElementById('planDateTo').value = d.planTo;
-  /* 参加人员范围 */
-  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
-  if(radio) radio.checked = true;
-  togglePersonPanel();
-  selectedInstitutions = (d.institutions || []).slice();
-  renderOrgTree();
-  updateOrgTrigger();
-  syncEmpFilterOrg();
-  selectedEmployees = [];
-  (d.employees || []).forEach(function(s){
-    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
-    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
-    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
-  });
-  renderSelectedPersons();
-  /* 预约开关与日期 */
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on', !!d.appt);
-  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
-  document.getElementById('apptDateFrom').value = d.apptFrom || '';
-  document.getElementById('apptDateTo').value = d.apptTo || '';
-  document.getElementById('plan-modal-overlay').classList.add('open');
-  document.getElementById('plan-drawer').classList.add('open');
-}
-
-function resetPlanForm(){
-  document.getElementById('planUnit').value = '';
-  var yearSel = document.querySelector('#plan-drawer .plan-year');
-  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
-  selectedExamHospitals = [];
-  selectedSignHospitals = [];
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  syncSignHospitalOptions();
-  document.getElementById('planNameInput').value = '';
-  document.getElementById('planDateFrom').value = '';
-  document.getElementById('planDateTo').value = '';
-  document.getElementById('apptDateFrom').value = '';
-  document.getElementById('apptDateTo').value = '';
-  document.querySelector('input[name="personType"][value="all"]').checked = true;
-  document.getElementById('personPanel').classList.remove('show');
-  /* 预约默认开启 */
-  document.getElementById('switchAppt').classList.add('on');
-  document.getElementById('switchApptLabel').textContent = '已开启';
-  document.getElementById('apptRangeItem').style.display = '';
-  /* 清空人员选择 */
-  selectedInstitutions = [];
-  selectedEmployees = [];
-  expandedUnits = {};
-  renderOrgTree();
-  updateOrgTrigger();
-  renderSelectedPersons();
-}
-
-/* ===== 承检医院多选 ===== */
-var selectedExamHospitals = [];
-
-function renderHospitalPanel(){
-  var html = '';
-  PLAN_HOSPITALS.forEach(function(h){
-    var checked = selectedExamHospitals.indexOf(h) > -1;
-    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
-  });
-  document.getElementById('hospitalPanel').innerHTML = html;
-}
-
-function toggleHospitalPanel(){
-  var panel = document.getElementById('hospitalPanel');
-  var isShow = panel.classList.contains('show');
-  document.getElementById('hospitalPanel').classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function toggleHospitalOpt(el, val){
-  var cb = el.querySelector('.multi-select__cb');
-  if(cb.classList.contains('checked')){
-    el.classList.remove('checked'); cb.classList.remove('checked');
-    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  } else {
-    el.classList.add('checked'); cb.classList.add('checked');
-    selectedExamHospitals.push(val);
-  }
-  updateHospitalTrigger();
-  syncSignHospitalOptions();
-}
-
-function updateHospitalTrigger(){
-  var trigger = document.getElementById('hospitalTrigger');
-  if(selectedExamHospitals.length === 0){
-    trigger.textContent = '请选择承检医院（可多选）';
-    trigger.className = 'multi-select__trigger placeholder';
-  } else {
-    trigger.className = 'multi-select__trigger';
-    var html = '';
-    selectedExamHospitals.forEach(function(h){
-      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
-    });
-    trigger.innerHTML = html;
-  }
-}
-
-function removeHospitalTag(e, val){
-  e.stopPropagation();
-  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
-  renderHospitalPanel();
-  updateHospitalTrigger();
-  syncSignHospitalOptions();
-}
-
-/* ===== 签约医院多选（选项仅限已选承检医院） ===== */
-var selectedSignHospitals = [];
-
-function toggleSignPanel(){
-  if(selectedExamHospitals.length === 0){ showToast('请先选择承检医院'); return; }
-  var panel = document.getElementById('signHospitalPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-function renderSignPanel(){
-  var html = '';
-  selectedExamHospitals.forEach(function(h){
-    var checked = selectedSignHospitals.indexOf(h) > -1;
-    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleSignOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
-  });
-  document.getElementById('signHospitalPanel').innerHTML = html;
-}
-
-function toggleSignOpt(el, val){
-  var cb = el.querySelector('.multi-select__cb');
-  if(cb.classList.contains('checked')){
-    el.classList.remove('checked'); cb.classList.remove('checked');
-    selectedSignHospitals = selectedSignHospitals.filter(function(c){ return c !== val; });
-  } else {
-    el.classList.add('checked'); cb.classList.add('checked');
-    selectedSignHospitals.push(val);
-  }
-  updateSignTrigger();
-}
-
-function removeSignTag(e, val){
-  e.stopPropagation();
-  selectedSignHospitals = selectedSignHospitals.filter(function(c){ return c !== val; });
-  renderSignPanel();
-  updateSignTrigger();
-}
-
-function updateSignTrigger(){
-  var trigger = document.getElementById('signHospitalTrigger');
-  if(selectedExamHospitals.length === 0){
-    trigger.textContent = '请先选择承检医院';
-    trigger.className = 'multi-select__trigger placeholder disabled';
-    return;
-  }
-  if(selectedSignHospitals.length === 0){
-    trigger.textContent = '请选择签约医院（可多选）';
-    trigger.className = 'multi-select__trigger placeholder';
-  } else {
-    trigger.className = 'multi-select__trigger';
-    var html = '';
-    selectedSignHospitals.forEach(function(h){
-      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeSignTag(event,\'' + esc(h) + '\')">×</span></span>';
-    });
-    trigger.innerHTML = html;
-  }
-}
-
-/* [交互] 承检医院变化时同步签约医院：剔除失效项并刷新选项 */
-function syncSignHospitalOptions(){
-  selectedSignHospitals = selectedSignHospitals.filter(function(h){ return selectedExamHospitals.indexOf(h) > -1; });
-  renderSignPanel();
-  updateSignTrigger();
-}
-
-/* ===== 参加人员范围 ===== */
-function togglePersonPanel(){
-  var val = document.querySelector('input[name="personType"]:checked').value;
-  var panel = document.getElementById('personPanel');
-  if(val === 'specific'){ panel.classList.add('show'); }
-  else{ panel.classList.remove('show'); }
-}
-
-/* ===== 指定机构：单位-部门两级树状多选 =====
- * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
- * 勾选二级（部门）= 仅选中该部门；两者可混选 */
-var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
-var expandedUnits = {};        /* 单位展开状态 */
-
-function instKey(u, o){ return u + '|' + o; }
-
-/* 员工 e 是否落在已勾选机构范围内 */
-function empInSelectedInstitutions(e){
-  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
-}
-
-/* 员工是否在某个已勾选机构的候选范围内 */
-function empInOrgScope(e, scope){
-  if(scope.indexOf(e.org) > -1) return true;
-  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
-  return false;
-}
-
-/* 勾选一级后，该单位下已单独勾选的二级失效，自动清理 */
-function pruneSubOrgs(u){
-  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-}
-
-function toggleOrgPanel(){
-  var panel = document.getElementById('orgPanel');
-  var isShow = panel.classList.contains('show');
-  panel.classList.remove('show');
-  if(!isShow) panel.classList.add('show');
-}
-
-/* [交互] 点击单位行展开/收起部门层级 */
-function toggleUnitExpand(e, u){
-  e.stopPropagation();
-  expandedUnits[u] = !expandedUnits[u];
-  renderOrgTree();
-}
-
-/* [交互] 勾选单位：整个单位作为一个选项选中/取消 */
-function toggleUnitCheck(e, u){
-  e.stopPropagation();
-  var i = selectedInstitutions.indexOf(u);
-  if(i > -1){
-    selectedInstitutions.splice(i, 1);
-  } else {
-    pruneSubOrgs(u);
-    selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-/* [交互] 勾选部门叶子节点：所属单位已整体勾选时，转为仅勾选其余部门 */
-function toggleLeafCheck(e, u, o){
-  e.stopPropagation();
-  var unitChecked = selectedInstitutions.indexOf(u) > -1;
-  var val = instKey(u, o);
-  var i = selectedInstitutions.indexOf(val);
-  if(unitChecked){
-    /* 单位已整体勾选时点击某部门 = 剔除该部门：取消整体，其余部门转为独立勾选 */
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
-    (UNIT_ORGS[u] || []).forEach(function(other){
-      if(other !== o) selectedInstitutions.push(instKey(u, other));
-    });
-  } else {
-    if(i > -1) selectedInstitutions.splice(i, 1);
-    else selectedInstitutions.push(val);
-  }
-  /* 该单位下部门全部勾满时，自动收拢为单位级选中（标签只展示一级） */
-  var orgs = UNIT_ORGS[u] || [];
-  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
-    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
-    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
-  }
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-function renderOrgTree(){
-  var html = '';
-  UNITS.forEach(function(u){
-    var orgs = UNIT_ORGS[u] || [];
-    var unitChecked = selectedInstitutions.indexOf(u) > -1;
-    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
-    var partial = !unitChecked && orgs.some(leafChecked);
-    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
-    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
-    html += '<span class="tree-node__arrow">▶</span>';
-    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
-    html += '<span class="tree-node__name">' + esc(u) + '</span>';
-    html += '</div>';
-    html += '<div class="tree-node__children">';
-    orgs.forEach(function(o){
-      var checked = unitChecked || leafChecked(o);
-      html += '<div class="tree-node__row">';
-      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
-      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
-      html += '</div>';
-    });
-    html += '</div></div>';
-  });
-  document.getElementById('orgPanel').innerHTML = html;
-}
-
-/* 标签展示：一级整体勾选只显示单位名，二级显示"单位 / 部门" */
-function instValLabel(v){
-  var i = v.indexOf('|');
-  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
-}
-
-function updateOrgTrigger(){
-  var trigger = document.getElementById('orgTrigger');
-  if(selectedInstitutions.length === 0){
-    trigger.textContent = '请选择机构（可多选）';
-    trigger.className = 'tree-select__trigger placeholder';
-    return;
-  }
-  trigger.className = 'tree-select__trigger';
-  var html = '';
-  selectedInstitutions.forEach(function(v){
-    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
-  });
-  trigger.innerHTML = html;
-}
-
-function removeOrgTag(e, val){
-  e.stopPropagation();
-  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
-  syncEmpFilterOrg();
-  renderOrgTree();
-  updateOrgTrigger();
-  filterEmployeesByInstitutions();
-}
-
-/* 员工选择器随勾选机构联动过滤（未勾选任何机构时不过滤） */
-function filterEmployeesByInstitutions(){
-  if(selectedInstitutions.length > 0){
-    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
-    renderSelectedPersons();
-  }
-}
-
-/* ===== 员工选择弹窗 ===== */
-var selectedEmployees = [];
-var tempSelectedEmps = [];
-
-function openEmpModal(){
-  tempSelectedEmps = selectedEmployees.slice();
-  syncEmpFilterOrg();
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-  document.getElementById('emp-modal-overlay').classList.add('open');
-}
-
-/* [交互] 机构筛选项随指定机构勾选联动；未勾选任何机构时列出全部 */
-function syncEmpFilterOrg(){
-  var sel = document.getElementById('empFilterOrg');
-  var opts;
-  if(selectedInstitutions.length > 0){
-    /* 选项与已勾选机构一致：单位级选项以单位名展示 */
-    opts = selectedInstitutions.map(function(v){
-      return {val:v, label:instValLabel(v)};
-    });
-  } else {
-    opts = [];
-    UNITS.forEach(function(u){
-      opts.push({val:u, label:u + '（全部）'});
-      (UNIT_ORGS[u] || []).forEach(function(o){
-        opts.push({val:instKey(u, o), label:u + ' / ' + o});
-      });
-    });
-  }
-  var html = '<option value="">全部机构</option>';
-  opts.forEach(function(o){
-    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
-  });
-  sel.innerHTML = html;
-  sel.value = '';
-}
-
-function closeEmpModal(){
-  document.getElementById('emp-modal-overlay').classList.remove('open');
-}
-
-function renderEmpTable(){
-  /* filterOrg 值为 '单位'（整个单位）或 '单位|部门'；未指定筛选时按已勾选机构范围过滤 */
-  var filterOrg = document.getElementById('empFilterOrg').value;
-  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
-  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
-  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
-  var filtered = mockPlanEmployees.filter(function(e){
-    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
-    if(filterName && e.name.indexOf(filterName) === -1) return false;
-    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
-    return true;
-  });
-  var tbody = document.getElementById('empTableBody');
-  if(filtered.length === 0){
-    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
-  } else {
-    var html = '';
-    filtered.forEach(function(e){
-      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
-      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
-      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
-      html += '<td>' + esc(e.org) + '</td>';
-      html += '<td>' + esc(e.dept) + '</td>';
-      html += '<td>' + esc(e.name) + '</td>';
-      html += '<td>' + esc(e.id) + '</td>';
-      html += '<td>' + esc(e.gender) + '</td>';
-      html += '<td>' + e.age + '</td>';
-      html += '</tr>';
-    });
-    tbody.innerHTML = html;
-  }
-  document.getElementById('empTotalCount').textContent = filtered.length;
-  updateEmpCheckedCount();
-  updateCheckAllState();
-}
-
-function resetEmpFilter(){
-  document.getElementById('empFilterOrg').value = '';
-  document.getElementById('empFilterName').value = '';
-  document.getElementById('empFilterId').value = '';
-  renderEmpTable();
-}
-
-function toggleEmpAll(el){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  checkboxes.forEach(function(cb){
-    cb.checked = el.checked;
-    var empId = cb.getAttribute('data-id');
-    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-    if(el.checked){
-      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-    } else {
-      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-    }
-  });
-  renderEmpTable();
-}
-
-function updateCheckAllState(){
-  var checkboxes = document.querySelectorAll('.emp-row-cb');
-  var checkAll = document.getElementById('empCheckAll');
-  if(checkboxes.length === 0){ checkAll.checked = false; return; }
-  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
-}
-
-function toggleEmpRow(el){
-  var empId = el.getAttribute('data-id');
-  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
-  if(el.checked){
-    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
-      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
-  } else {
-    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
-  }
-  updateEmpCheckedCount();
-  updateCheckAllState();
-  el.closest('tr').className = el.checked ? 'checked' : '';
-}
-
-function updateEmpCheckedCount(){
-  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
-}
-
-function confirmEmpSelect(){
-  selectedEmployees = tempSelectedEmps.slice();
-  renderSelectedPersons();
-  closeEmpModal();
-}
-
-function renderSelectedPersons(){
-  var container = document.getElementById('selectedPersons');
-  var empty = document.getElementById('selectedPersonsEmpty');
-  var text = document.getElementById('empTriggerText');
-  if(selectedEmployees.length === 0){
-    container.innerHTML = '';
-    empty.style.display = '';
-    text.textContent = '点击选择员工';
-    text.className = 'emp-trigger__text';
-  } else {
-    empty.style.display = 'none';
-    var html = '';
-    selectedEmployees.forEach(function(e){
-      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
-      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
-    });
-    container.innerHTML = html;
-    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
-    text.className = 'emp-trigger__count';
-  }
-}
-
-function removeEmp(empId){
-  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
-  renderSelectedPersons();
-}
-
-/* ===== 是否开启预约 ===== */
-/* [交互] 开关切换预约状态，开启时才需设定允许预约日期范围 */
-function toggleAppointment(){
-  var sw = document.getElementById('switchAppt');
-  sw.classList.toggle('on');
-  var on = sw.classList.contains('on');
-  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
-  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
-}
-
-/* ===== 保存 ===== */
-function savePlan(){
-  var unit = document.getElementById('planUnit').value;
-  if(!unit){ showToast('请选择单位'); return; }
-  var year = document.querySelector('#plan-drawer .plan-year').value;
-  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
-  var examHospital = selectedExamHospitals.join('、');
-  var signHospital = selectedSignHospitals.join('、');
-  var name = document.getElementById('planNameInput').value.trim();
-  if(!name){ showToast('请输入体检计划名称'); return; }
-  var dateFrom = document.getElementById('planDateFrom').value;
-  var dateTo = document.getElementById('planDateTo').value;
-  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
-  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
-  var personType = document.querySelector('input[name="personType"]:checked').value;
-  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
-    showToast('请至少选择指定机构或指定员工'); return;
-  }
-  var apptOn = document.getElementById('switchAppt').classList.contains('on');
-  var apptFrom = document.getElementById('apptDateFrom').value;
-  var apptTo = document.getElementById('apptDateTo').value;
-  if(apptOn){
-    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
-    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
-  }
-
-  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
-  var signCell = signHospital ? esc(signHospital) : '<span style="color:var(--text-placeholder);">—</span>';
-  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
-  var tbody = document.getElementById('plan-tbody');
-  /* 操作列：新增/编辑生成的行均带详情/编辑/删除 */
-  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
-
-  if(editingPlanRid){
-    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
-    var rid = editingPlanRid;
-    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
-    if(etr){
-      var old = planDetails[rid] || {};
-      etr.cells[1].textContent = unit;
-      etr.cells[2].textContent = year;
-      etr.cells[3].textContent = name;
-      etr.cells[4].textContent = examHospital;
-      etr.cells[5].innerHTML = signCell;
-      etr.cells[7].innerHTML = dateFrom + '至' + dateTo;
-      etr.cells[8].innerHTML = apptCell;
-      planDetails[rid] = {
-        unit: unit, year: year, name: name,
-        examHospitals: examHospital, signHospitals: signHospital,
-        planFrom: dateFrom, planTo: dateTo,
-        personType: personType,
-        institutions: selectedInstitutions.slice(),
-        employees: empSnapshot,
-        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-        creator: old.creator || '系统管理员', ctime: old.ctime || ''
-      };
-    }
-    closePlanModal();
-    showToast('保存成功');
-    return;
-  }
-
-  /* 新增：追加行 */
-  var now = new Date();
-  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
-  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
-  var tr = document.createElement('tr');
-  var rid = ++detailRid;
-  tr.setAttribute('data-rid', rid);
-  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td><td>' + signCell + '</td>' +
-    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
-  planDetails[rid] = {
-    unit: unit, year: year, name: name,
-    examHospitals: examHospital, signHospitals: signHospital,
-    planFrom: dateFrom, planTo: dateTo,
-    personType: personType,
-    institutions: selectedInstitutions.slice(),
-    employees: empSnapshot,
-    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
-    creator: '系统管理员', ctime: createTime
-  };
-  tbody.appendChild(tr);
-  /* 重排序号并更新总数 */
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-  var countEl = document.querySelector('#pane-normal .pagination span');
-  var m = countEl.textContent.match(/\d+/);
-  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
-
-  closePlanModal();
-  showToast('新增成功');
-}
-
-/* 删除计划行 */
-function deletePlan(el){
-  if(!confirm('确认删除该体检计划？')) return;
-  var tr = el.closest('tr');
-  var rid = tr.getAttribute('data-rid');
-  if(rid && planDetails[rid]) delete planDetails[rid];
-  var tbody = tr.parentElement;
-  tr.remove();
-  var rows = tbody.querySelectorAll('tr');
-  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
-}
-
-/* ===================== 计划详情弹窗 ===================== */
-/* 模拟存量计划的详情数据（与新增弹窗字段对应），新增保存时动态写入 */
-var planDetails = {
-  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工非职业健康体检', examHospitals:'兴隆园医院', signHospitals:'宝石花',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
-        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-18 09:20'},
-  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工非职业健康体检', examHospitals:'宝石花', signHospitals:'宝石花',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
-        institutions:[], employees:[],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-18 09:45'},
-  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工职业健康体检', examHospitals:'兴隆园医院', signHospitals:'兴隆园医院',
-        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
-        institutions:['采油二厂'],
-        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
-        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-19 14:10'}
-};
-var detailRid = 3;
-
-/* [交互] 点击操作列"详情"打开只读弹窗 */
-function openPlanDetail(el){
-  var rid = el.closest('tr').getAttribute('data-rid');
-  var d = planDetails[rid];
-  if(!d){ showToast('暂无详情数据'); return; }
-  document.getElementById('d-unit').textContent = d.unit;
-  document.getElementById('d-year').textContent = d.year;
-  document.getElementById('d-name').textContent = d.name;
-  document.getElementById('d-exam').textContent = d.examHospitals;
-  document.getElementById('d-sign').textContent = d.signHospitals || '—';
-  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
-  var orgsItem = document.getElementById('d-orgs-item');
-  var empsItem = document.getElementById('d-emps-item');
-  if(d.personType === 'all'){
-    document.getElementById('d-person').textContent = '全体人员';
-    orgsItem.style.display = 'none';
-    empsItem.style.display = 'none';
-  } else {
-    document.getElementById('d-person').textContent = '指定人员';
-    orgsItem.style.display = '';
-    empsItem.style.display = '';
-    document.getElementById('d-orgs').innerHTML = d.institutions.length
-      ? d.institutions.map(function(v){
-          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-    document.getElementById('d-emps').innerHTML = d.employees.length
-      ? d.employees.map(function(e){
-          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
-        }).join('')
-      : '<span style="color:var(--text-placeholder);">—</span>';
-  }
-  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
-  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
-  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
-  document.getElementById('d-creator').textContent = d.creator;
-  document.getElementById('d-ctime').textContent = d.ctime;
-  document.getElementById('detail-modal-overlay').classList.add('open');
-}
-
-function closePlanDetail(){
-  document.getElementById('detail-modal-overlay').classList.remove('open');
-}
-
-/* 工具函数 */
-function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
-
-function showToast(msg){
-  var t = document.getElementById('toast');
-  t.textContent = msg; t.classList.add('show');
-  setTimeout(function(){ t.classList.remove('show'); }, 1500);
-}
-
-/* 点击外部关闭机构/医院下拉 */
-document.addEventListener('click', function(e){
-  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
-  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
-  if(!e.target.closest('#signHospitalSelect')) document.getElementById('signHospitalPanel').classList.remove('show');
-});
-
-/* 点击遮罩关闭弹窗 */
-document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanModal();
-});
-document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closeEmpModal();
-});
-document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
-  if(e.target === this) closePlanDetail();
-});
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 常规体检 -->
+  <div class="tab-pane active" id="pane-normal">
+    <!-- 筛选栏 -->
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>体检年份：</label>
+        <select class="filter-select plan-year"></select>
+      </div>
+      <div class="filter-item">
+        <label>计划名称：</label>
+        <input class="filter-input" type="text" placeholder="请输入" style="min-width:180px;">
+      </div>
+      <div class="filter-item">
+        <label>有效标志：</label>
+        <select class="filter-select">
+          <option>请选择</option><option>有效</option><option>无效</option>
+        </select>
+      </div>
+      <div class="filter-item">
+        <label>开展单位：</label>
+        <select class="filter-select">
+          <option>请选择</option>
+        </select>
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <!-- [交互] 点击打开新增体检计划弹窗 -->
+      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
+    </div>
+
+    <!-- 数据表格 -->
+    <div class="table-card">
+      <div class="table-card__header">
+        <div class="table-card__title">常规体检计划列表</div>
+      </div>
+      <div class="table-card__content">
+      <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>
+          </tr>
+        </thead>
+        <tbody id="plan-tbody">
+          <tr data-rid="1"><td>1</td><td>新闻中心</td><td>2026</td><td>新闻中心2026年员工非职业健康体检</td><td>兴隆园医院</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-18 09:20</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="2"><td>2</td><td>公司机关</td><td>2026</td><td>公司机关2026年员工非职业健康体检</td><td>宝石花</td><td>宝石花</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-18 09:45</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+          <tr data-rid="3"><td>3</td><td>采油二厂</td><td>2026</td><td>采油二厂2026年员工职业健康体检</td><td>兴隆园医院</td><td>兴隆园医院</td><td><span class="tag tag-green">有效</span></td><td>2025-06-23至2025-08-31</td><td>2025-06-23至2025-08-31</td><td>系统管理员</td><td>2025-06-19 14:10</td><td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td></tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>共 243 条</span>
+        <button class="page-btn active">1</button>
+        <span>每页</span>
+        <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option><option>50条</option></select>
+      </div>
+    </div>
+  </div>
+
+</main>
+
+<!-- [抽屉] 新增/编辑单位体检计划 -->
+<div class="drawer-overlay" id="plan-modal-overlay"></div>
+<div class="drawer" id="plan-drawer">
+    <div class="drawer__header">
+      <div class="drawer__title" id="plan-modal-title">新增单位体检计划</div>
+      <button class="drawer__close" onclick="closePlanModal()">✕</button>
+    </div>
+    <div class="drawer__body">
+      <div class="form-grid">
+        <div class="form-item">
+          <div class="form-label"><span class="req">*</span> 单位</div>
+          <select class="form-input" id="planUnit">
+            <option value="">请选择单位</option>
+          </select>
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="req">*</span> 体检年份</div>
+          <select class="form-input plan-year"></select>
+        </div>
+        <div class="form-item" style="grid-column:1/-1;">
+          <div class="form-label"><span class="req">*</span> 体检计划名称</div>
+          <input class="form-input" id="planNameInput" type="text" placeholder="请输入体检计划名称">
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="req">*</span> 承检医院</div>
+          <div class="multi-select" id="hospitalSelect">
+            <!-- [交互] 点击展开医院多选下拉 -->
+            <div class="multi-select__trigger placeholder" onclick="toggleHospitalPanel()" id="hospitalTrigger">请选择承检医院（可多选）</div>
+            <div class="multi-select__panel" id="hospitalPanel"></div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-label">签约医院</div>
+          <div class="multi-select" id="signHospitalSelect">
+            <!-- [交互] 多选，选项仅限已勾选的承检医院，未选承检医院时禁用 -->
+            <div class="multi-select__trigger placeholder disabled" onclick="toggleSignPanel()" id="signHospitalTrigger">请先选择承检医院</div>
+            <div class="multi-select__panel" id="signHospitalPanel"></div>
+          </div>
+        </div>
+        <div class="form-item" style="grid-column:1/-1;">
+          <div class="form-label"><span class="req">*</span> 体检计划日期范围</div>
+          <div class="date-pair">
+            <input class="form-input" id="planDateFrom" type="date">
+            <span>至</span>
+            <input class="form-input" id="planDateTo" type="date">
+          </div>
+        </div>
+      </div>
+
+      <!-- 参加人员范围 -->
+      <div class="form-item">
+        <div class="form-label"><span class="req">*</span> 参加人员范围</div>
+        <div class="radio-group">
+          <label class="radio-item">
+            <input type="radio" name="personType" value="all" checked onchange="togglePersonPanel()">
+            全体人员
+          </label>
+          <label class="radio-item">
+            <input type="radio" name="personType" value="specific" onchange="togglePersonPanel()">
+            指定人员
+          </label>
+        </div>
+        <!-- [交互] 选择"指定人员"时展开筛选条件，指定机构随所选单位联动 -->
+        <div class="person-panel" id="personPanel">
+          <div class="person-panel__row">
+            <div class="person-panel__label">指定机构</div>
+            <div class="tree-select" id="orgSelect">
+              <!-- [交互] 单位-部门两级树状层级多选 -->
+              <div class="tree-select__trigger placeholder" onclick="toggleOrgPanel()" id="orgTrigger">请选择机构（可多选）</div>
+              <div class="tree-select__panel" id="orgPanel"></div>
+            </div>
+          </div>
+          <div class="person-panel__row">
+            <div class="person-panel__label">指定员工</div>
+            <!-- [交互] 点击打开员工选择弹窗，可按已勾选机构过滤 -->
+            <div class="emp-trigger" id="empTrigger" onclick="openEmpModal()">
+              <span class="emp-trigger__text" id="empTriggerText">点击选择员工</span>
+              <svg class="emp-trigger__icon" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+            </div>
+          </div>
+          <div class="person-panel__row">
+            <div class="person-panel__label">已选员工</div>
+            <div id="selectedPersons" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px;"></div>
+            <div id="selectedPersonsEmpty" style="font-size:var(--font-xs);color:var(--text-placeholder);">暂未选择具体员工</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 是否开启预约 -->
+      <div class="form-item">
+        <div class="form-label">是否开启预约</div>
+        <!-- [交互] 开关控制员工能否在线预约，开启后需设定允许预约日期范围 -->
+        <div class="switch-row">
+          <div class="switch on" id="switchAppt" onclick="toggleAppointment()"></div>
+          <span class="switch-label" id="switchApptLabel">已开启</span>
+        </div>
+      </div>
+      <div class="form-item" id="apptRangeItem">
+        <div class="form-label"><span class="req">*</span> 允许预约日期范围</div>
+        <div class="date-pair">
+          <input class="form-input" id="apptDateFrom" type="date">
+          <span>至</span>
+          <input class="form-input" id="apptDateTo" type="date">
+        </div>
+      </div>
+    </div>
+    <div class="drawer__footer">
+      <button class="btn btn-default" onclick="closePlanModal()">取消</button>
+      <!-- [交互] 校验通过后新增计划并刷新列表 -->
+      <button class="btn btn-primary" id="plan-save-btn" onclick="savePlan()">确认新增</button>
+    </div>
+  </div>
+
+
+<!-- [弹窗] 单位体检计划详情 -->
+<div class="modal-overlay" id="detail-modal-overlay">
+  <div class="modal" style="width:640px;">
+    <div class="modal__header">
+      <div class="modal__title">单位体检计划详情</div>
+      <button class="modal__close" onclick="closePlanDetail()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><div class="detail-label">单位</div><div class="detail-value" id="d-unit">—</div></div>
+        <div class="detail-item"><div class="detail-label">体检年份</div><div class="detail-value" id="d-year">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划名称</div><div class="detail-value" id="d-name">—</div></div>
+        <div class="detail-item"><div class="detail-label">承检医院</div><div class="detail-value" id="d-exam">—</div></div>
+        <div class="detail-item"><div class="detail-label">签约医院</div><div class="detail-value" id="d-sign">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">体检计划日期范围</div><div class="detail-value" id="d-range">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">参加人员范围</div><div class="detail-value" id="d-person">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-orgs-item"><div class="detail-label">指定机构</div><div class="detail-value" id="d-orgs"></div></div>
+        <div class="detail-item" style="grid-column:1/-1;display:none;" id="d-emps-item"><div class="detail-label">指定员工</div><div class="detail-value" id="d-emps"></div></div>
+        <div class="detail-item"><div class="detail-label">是否开启预约</div><div class="detail-value" id="d-appt">—</div></div>
+        <div class="detail-item"><div class="detail-label">允许预约日期范围</div><div class="detail-value" id="d-appt-range">—</div></div>
+        <div class="detail-item"><div class="detail-label">有效标志</div><div class="detail-value" id="d-valid">—</div></div>
+        <div class="detail-item"><div class="detail-label">创建人</div><div class="detail-value" id="d-creator">—</div></div>
+        <div class="detail-item" style="grid-column:1/-1;"><div class="detail-label">创建时间</div><div class="detail-value" id="d-ctime">—</div></div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closePlanDetail()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- [二级弹窗] 选择员工 -->
+<div class="modal-overlay modal-overlay--emp" id="emp-modal-overlay">
+  <div class="modal modal--emp">
+    <div class="modal__header">
+      <div class="modal__title">选择员工</div>
+      <button class="modal__close" onclick="closeEmpModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="emp-filter">
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">机构</label>
+          <select class="emp-filter__input" id="empFilterOrg">
+            <option value="">全部机构</option>
+          </select>
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">姓名</label>
+          <input class="emp-filter__input" id="empFilterName" placeholder="请输入姓名">
+        </div>
+        <div class="emp-filter__item">
+          <label class="emp-filter__label">员工编号</label>
+          <input class="emp-filter__input" id="empFilterId" placeholder="请输入员工编号">
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__btn" onclick="renderEmpTable()">查询</button>
+        </div>
+        <div class="emp-filter__item" style="align-self:flex-end;">
+          <button class="emp-filter__reset" onclick="resetEmpFilter()">重置</button>
+        </div>
+      </div>
+      <table class="emp-table">
+        <thead>
+          <tr>
+            <th style="width:40px;"><input type="checkbox" class="emp-table__cb" id="empCheckAll" onclick="toggleEmpAll(this)"></th>
+            <th>单位</th>
+            <th>机构</th>
+            <th>姓名</th>
+            <th>员工编号</th>
+            <th>性别</th>
+            <th>年龄</th>
+          </tr>
+        </thead>
+        <tbody id="empTableBody"></tbody>
+      </table>
+      <div class="emp-table__footer">
+        <span class="emp-table__info">共 <strong id="empTotalCount">0</strong> 条，已选 <strong id="empCheckedCount">0</strong> 条</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEmpModal()">取消</button>
+      <!-- [交互] 点击确定将选中员工带回表单 -->
+      <button class="btn btn-primary" onclick="confirmEmpSelect()">确定</button>
+    </div>
+  </div>
+</div>
+
+<!-- toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 体检年份默认当年 */
+(function(){
+  var year = new Date().getFullYear();
+  document.querySelectorAll('.plan-year').forEach(function(sel){
+    sel.innerHTML = '';
+    for(var y = year - 3; y <= year + 1; y++){
+      var opt = document.createElement('option');
+      opt.value = y;
+      opt.textContent = y + '年';
+      if(y === year) opt.selected = true;
+      sel.appendChild(opt);
+    }
+  });
+})();
+
+/* ===================== 新增计划弹窗 ===================== */
+/* 模拟数据：可选医院 */
+var PLAN_HOSPITALS = ['兴隆园医院', '宝石花', '庆阳医院'];
+/* 模拟数据：单位 -> 下属机构 */
+var UNITS = ['新闻中心', '公司机关', '采油一厂', '采油二厂', '采气一厂'];
+var UNIT_ORGS = {
+  '新闻中心':  ['编辑部', '总编室', '媒体运营部', '综合办公室', '财务部', '党委办公室'],
+  '公司机关':  ['综合管理部', '人力资源部', '财务部', '生产运行部', '党委办公室', '纪检监察部'],
+  '采油一厂':  ['健康管理部', '安全环保科', '采油管理一区', '采油管理二区', '综合办公室', '财务组'],
+  '采油二厂':  ['健康管理部', '安全环保科', '工会办公室', '生产技术部', '财务部', '信息中心'],
+  '采气一厂':  ['健康管理部', '安全环保科', '采气管理一区', '采气管理二区', '综合办公室', '信息中心']
+};
+/* 模拟员工数据 */
+var mockPlanEmployees = [
+  {org:'新闻中心', dept:'编辑部',       name:'张伟', id:'CQ001234', gender:'男', age:42},
+  {org:'新闻中心', dept:'总编室',       name:'李娜', id:'CQ001235', gender:'女', age:35},
+  {org:'新闻中心', dept:'媒体运营部',   name:'王磊', id:'CQ001236', gender:'男', age:28},
+  {org:'新闻中心', dept:'综合办公室',   name:'赵敏', id:'CQ001237', gender:'女', age:39},
+  {org:'公司机关', dept:'综合管理部',   name:'刘洋', id:'CQ001238', gender:'男', age:45},
+  {org:'公司机关', dept:'人力资源部',   name:'陈静', id:'CQ001239', gender:'女', age:26},
+  {org:'公司机关', dept:'财务部',       name:'孙丽', id:'CQ001240', gender:'女', age:31},
+  {org:'采油一厂', dept:'健康管理部',   name:'杨帆', id:'CQ001241', gender:'男', age:38},
+  {org:'采油一厂', dept:'安全环保科',   name:'周强', id:'CQ001242', gender:'男', age:50},
+  {org:'采油一厂', dept:'采油管理一区', name:'吴芳', id:'CQ001243', gender:'女', age:29},
+  {org:'采油二厂', dept:'健康管理部',   name:'郑浩', id:'CQ001244', gender:'男', age:33},
+  {org:'采油二厂', dept:'安全环保科',   name:'黄丽', id:'CQ001245', gender:'女', age:27},
+  {org:'采油二厂', dept:'财务部',       name:'林涛', id:'CQ001246', gender:'男', age:41},
+  {org:'采气一厂', dept:'采气管理一区', name:'何婷', id:'CQ001247', gender:'女', age:34},
+  {org:'采气一厂', dept:'信息中心',     name:'马超', id:'CQ001248', gender:'男', age:36}
+];
+
+/* 单位下拉初始化 */
+(function(){
+  var sel = document.getElementById('planUnit');
+  UNITS.forEach(function(u){
+    var opt = document.createElement('option');
+    opt.value = u; opt.textContent = u;
+    sel.appendChild(opt);
+  });
+})();
+
+/* [交互] 打开抽屉并重置表单 */
+var editingPlanRid = null;
+function openPlanModal(){
+  editingPlanRid = null;
+  document.getElementById('plan-modal-title').textContent = '新增单位体检计划';
+  document.getElementById('plan-save-btn').textContent = '确认新增';
+  resetPlanForm();
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+function closePlanModal(){
+  document.getElementById('plan-modal-overlay').classList.remove('open');
+  document.getElementById('plan-drawer').classList.remove('open');
+}
+
+/* [交互] 编辑：复用新增抽屉，按已存计划回填全部字段 */
+function openPlanEdit(el){
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无该计划的编辑数据'); return; }
+  editingPlanRid = rid;
+  document.getElementById('plan-modal-title').textContent = '编辑单位体检计划';
+  document.getElementById('plan-save-btn').textContent = '保存';
+  resetPlanForm();
+  document.getElementById('planUnit').value = d.unit;
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  for(var i=0;i<yearSel.options.length;i++){ if(yearSel.options[i].value === d.year){ yearSel.selectedIndex = i; break; } }
+  document.getElementById('planNameInput').value = d.name;
+  /* 承检/签约医院：由已存字符串还原多选 */
+  selectedExamHospitals = (d.examHospitals || '').split('、').filter(Boolean);
+  selectedSignHospitals = (d.signHospitals || '').split('、').filter(Boolean);
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  syncSignHospitalOptions();
+  document.getElementById('planDateFrom').value = d.planFrom;
+  document.getElementById('planDateTo').value = d.planTo;
+  /* 参加人员范围 */
+  var radio = document.querySelector('input[name="personType"][value="' + d.personType + '"]');
+  if(radio) radio.checked = true;
+  togglePersonPanel();
+  selectedInstitutions = (d.institutions || []).slice();
+  renderOrgTree();
+  updateOrgTrigger();
+  syncEmpFilterOrg();
+  selectedEmployees = [];
+  (d.employees || []).forEach(function(s){
+    var m = mockPlanEmployees.find(function(e){ return e.name === s.name && e.dept === s.dept; });
+    if(m){ selectedEmployees.push({name:m.name, id:m.id, org:m.org, dept:m.dept}); }
+    else{ selectedEmployees.push({name:s.name, id:s.id || s.name, org:d.unit, dept:s.dept}); }
+  });
+  renderSelectedPersons();
+  /* 预约开关与日期 */
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on', !!d.appt);
+  document.getElementById('switchApptLabel').textContent = d.appt ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = d.appt ? '' : 'none';
+  document.getElementById('apptDateFrom').value = d.apptFrom || '';
+  document.getElementById('apptDateTo').value = d.apptTo || '';
+  document.getElementById('plan-modal-overlay').classList.add('open');
+  document.getElementById('plan-drawer').classList.add('open');
+}
+
+function resetPlanForm(){
+  document.getElementById('planUnit').value = '';
+  var yearSel = document.querySelector('#plan-drawer .plan-year');
+  yearSel.selectedIndex = 3; /* 默认当年（列表为 年-3 至 年+1） */
+  selectedExamHospitals = [];
+  selectedSignHospitals = [];
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  syncSignHospitalOptions();
+  document.getElementById('planNameInput').value = '';
+  document.getElementById('planDateFrom').value = '';
+  document.getElementById('planDateTo').value = '';
+  document.getElementById('apptDateFrom').value = '';
+  document.getElementById('apptDateTo').value = '';
+  document.querySelector('input[name="personType"][value="all"]').checked = true;
+  document.getElementById('personPanel').classList.remove('show');
+  /* 预约默认开启 */
+  document.getElementById('switchAppt').classList.add('on');
+  document.getElementById('switchApptLabel').textContent = '已开启';
+  document.getElementById('apptRangeItem').style.display = '';
+  /* 清空人员选择 */
+  selectedInstitutions = [];
+  selectedEmployees = [];
+  expandedUnits = {};
+  renderOrgTree();
+  updateOrgTrigger();
+  renderSelectedPersons();
+}
+
+/* ===== 承检医院多选 ===== */
+var selectedExamHospitals = [];
+
+function renderHospitalPanel(){
+  var html = '';
+  PLAN_HOSPITALS.forEach(function(h){
+    var checked = selectedExamHospitals.indexOf(h) > -1;
+    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleHospitalOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
+  });
+  document.getElementById('hospitalPanel').innerHTML = html;
+}
+
+function toggleHospitalPanel(){
+  var panel = document.getElementById('hospitalPanel');
+  var isShow = panel.classList.contains('show');
+  document.getElementById('hospitalPanel').classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function toggleHospitalOpt(el, val){
+  var cb = el.querySelector('.multi-select__cb');
+  if(cb.classList.contains('checked')){
+    el.classList.remove('checked'); cb.classList.remove('checked');
+    selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  } else {
+    el.classList.add('checked'); cb.classList.add('checked');
+    selectedExamHospitals.push(val);
+  }
+  updateHospitalTrigger();
+  syncSignHospitalOptions();
+}
+
+function updateHospitalTrigger(){
+  var trigger = document.getElementById('hospitalTrigger');
+  if(selectedExamHospitals.length === 0){
+    trigger.textContent = '请选择承检医院（可多选）';
+    trigger.className = 'multi-select__trigger placeholder';
+  } else {
+    trigger.className = 'multi-select__trigger';
+    var html = '';
+    selectedExamHospitals.forEach(function(h){
+      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeHospitalTag(event,\'' + esc(h) + '\')">×</span></span>';
+    });
+    trigger.innerHTML = html;
+  }
+}
+
+function removeHospitalTag(e, val){
+  e.stopPropagation();
+  selectedExamHospitals = selectedExamHospitals.filter(function(c){ return c !== val; });
+  renderHospitalPanel();
+  updateHospitalTrigger();
+  syncSignHospitalOptions();
+}
+
+/* ===== 签约医院多选（选项仅限已选承检医院） ===== */
+var selectedSignHospitals = [];
+
+function toggleSignPanel(){
+  if(selectedExamHospitals.length === 0){ showToast('请先选择承检医院'); return; }
+  var panel = document.getElementById('signHospitalPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+function renderSignPanel(){
+  var html = '';
+  selectedExamHospitals.forEach(function(h){
+    var checked = selectedSignHospitals.indexOf(h) > -1;
+    html += '<div class="multi-select__opt' + (checked ? ' checked' : '') + '" data-val="' + esc(h) + '" onclick="toggleSignOpt(this,\'' + esc(h) + '\')"><span class="multi-select__cb' + (checked ? ' checked' : '') + '"></span>' + esc(h) + '</div>';
+  });
+  document.getElementById('signHospitalPanel').innerHTML = html;
+}
+
+function toggleSignOpt(el, val){
+  var cb = el.querySelector('.multi-select__cb');
+  if(cb.classList.contains('checked')){
+    el.classList.remove('checked'); cb.classList.remove('checked');
+    selectedSignHospitals = selectedSignHospitals.filter(function(c){ return c !== val; });
+  } else {
+    el.classList.add('checked'); cb.classList.add('checked');
+    selectedSignHospitals.push(val);
+  }
+  updateSignTrigger();
+}
+
+function removeSignTag(e, val){
+  e.stopPropagation();
+  selectedSignHospitals = selectedSignHospitals.filter(function(c){ return c !== val; });
+  renderSignPanel();
+  updateSignTrigger();
+}
+
+function updateSignTrigger(){
+  var trigger = document.getElementById('signHospitalTrigger');
+  if(selectedExamHospitals.length === 0){
+    trigger.textContent = '请先选择承检医院';
+    trigger.className = 'multi-select__trigger placeholder disabled';
+    return;
+  }
+  if(selectedSignHospitals.length === 0){
+    trigger.textContent = '请选择签约医院（可多选）';
+    trigger.className = 'multi-select__trigger placeholder';
+  } else {
+    trigger.className = 'multi-select__trigger';
+    var html = '';
+    selectedSignHospitals.forEach(function(h){
+      html += '<span class="sel-tag">' + esc(h) + '<span class="tag-x" onclick="removeSignTag(event,\'' + esc(h) + '\')">×</span></span>';
+    });
+    trigger.innerHTML = html;
+  }
+}
+
+/* [交互] 承检医院变化时同步签约医院：剔除失效项并刷新选项 */
+function syncSignHospitalOptions(){
+  selectedSignHospitals = selectedSignHospitals.filter(function(h){ return selectedExamHospitals.indexOf(h) > -1; });
+  renderSignPanel();
+  updateSignTrigger();
+}
+
+/* ===== 参加人员范围 ===== */
+function togglePersonPanel(){
+  var val = document.querySelector('input[name="personType"]:checked').value;
+  var panel = document.getElementById('personPanel');
+  if(val === 'specific'){ panel.classList.add('show'); }
+  else{ panel.classList.remove('show'); }
+}
+
+/* ===== 指定机构：单位-部门两级树状多选 =====
+ * 勾选一级（单位）= 选中整个单位，仅以该单位一个标签展示，不展开其下全部二级；
+ * 勾选二级（部门）= 仅选中该部门；两者可混选 */
+var selectedInstitutions = []; /* 项格式：'单位'（整个单位）或 '单位|部门' */
+var expandedUnits = {};        /* 单位展开状态 */
+
+function instKey(u, o){ return u + '|' + o; }
+
+/* 员工 e 是否落在已勾选机构范围内 */
+function empInSelectedInstitutions(e){
+  return selectedInstitutions.indexOf(e.org) > -1 || selectedInstitutions.indexOf(instKey(e.org, e.dept)) > -1;
+}
+
+/* 员工是否在某个已勾选机构的候选范围内 */
+function empInOrgScope(e, scope){
+  if(scope.indexOf(e.org) > -1) return true;
+  if(scope.indexOf(instKey(e.org, e.dept)) > -1) return true;
+  return false;
+}
+
+/* 勾选一级后，该单位下已单独勾选的二级失效，自动清理 */
+function pruneSubOrgs(u){
+  selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+}
+
+function toggleOrgPanel(){
+  var panel = document.getElementById('orgPanel');
+  var isShow = panel.classList.contains('show');
+  panel.classList.remove('show');
+  if(!isShow) panel.classList.add('show');
+}
+
+/* [交互] 点击单位行展开/收起部门层级 */
+function toggleUnitExpand(e, u){
+  e.stopPropagation();
+  expandedUnits[u] = !expandedUnits[u];
+  renderOrgTree();
+}
+
+/* [交互] 勾选单位：整个单位作为一个选项选中/取消 */
+function toggleUnitCheck(e, u){
+  e.stopPropagation();
+  var i = selectedInstitutions.indexOf(u);
+  if(i > -1){
+    selectedInstitutions.splice(i, 1);
+  } else {
+    pruneSubOrgs(u);
+    selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+/* [交互] 勾选部门叶子节点：所属单位已整体勾选时，转为仅勾选其余部门 */
+function toggleLeafCheck(e, u, o){
+  e.stopPropagation();
+  var unitChecked = selectedInstitutions.indexOf(u) > -1;
+  var val = instKey(u, o);
+  var i = selectedInstitutions.indexOf(val);
+  if(unitChecked){
+    /* 单位已整体勾选时点击某部门 = 剔除该部门：取消整体，其余部门转为独立勾选 */
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v !== u && v.indexOf(u + '|') !== 0; });
+    (UNIT_ORGS[u] || []).forEach(function(other){
+      if(other !== o) selectedInstitutions.push(instKey(u, other));
+    });
+  } else {
+    if(i > -1) selectedInstitutions.splice(i, 1);
+    else selectedInstitutions.push(val);
+  }
+  /* 该单位下部门全部勾满时，自动收拢为单位级选中（标签只展示一级） */
+  var orgs = UNIT_ORGS[u] || [];
+  if(orgs.length > 0 && orgs.every(function(o2){ return selectedInstitutions.indexOf(instKey(u, o2)) > -1; })){
+    selectedInstitutions = selectedInstitutions.filter(function(v){ return v.indexOf(u + '|') !== 0; });
+    if(selectedInstitutions.indexOf(u) === -1) selectedInstitutions.push(u);
+  }
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+function renderOrgTree(){
+  var html = '';
+  UNITS.forEach(function(u){
+    var orgs = UNIT_ORGS[u] || [];
+    var unitChecked = selectedInstitutions.indexOf(u) > -1;
+    var leafChecked = function(o){ return selectedInstitutions.indexOf(instKey(u, o)) > -1; };
+    var partial = !unitChecked && orgs.some(leafChecked);
+    html += '<div class="tree-node' + (expandedUnits[u] ? ' expanded' : '') + '">';
+    html += '<div class="tree-node__row" onclick="toggleUnitExpand(event,\'' + esc(u) + '\')">';
+    html += '<span class="tree-node__arrow">▶</span>';
+    html += '<span class="tree-select__cb' + (unitChecked ? ' checked' : (partial ? ' indeterminate' : '')) + '" onclick="toggleUnitCheck(event,\'' + esc(u) + '\')"></span>';
+    html += '<span class="tree-node__name">' + esc(u) + '</span>';
+    html += '</div>';
+    html += '<div class="tree-node__children">';
+    orgs.forEach(function(o){
+      var checked = unitChecked || leafChecked(o);
+      html += '<div class="tree-node__row">';
+      html += '<span class="tree-select__cb' + (checked ? ' checked' : '') + '" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')"></span>';
+      html += '<span class="tree-node__name tree-leaf" onclick="toggleLeafCheck(event,\'' + esc(u) + '\',\'' + esc(o) + '\')">' + esc(o) + '</span>';
+      html += '</div>';
+    });
+    html += '</div></div>';
+  });
+  document.getElementById('orgPanel').innerHTML = html;
+}
+
+/* 标签展示：一级整体勾选只显示单位名，二级显示"单位 / 部门" */
+function instValLabel(v){
+  var i = v.indexOf('|');
+  return i === -1 ? v : (v.substring(0, i) + ' / ' + v.substring(i + 1));
+}
+
+function updateOrgTrigger(){
+  var trigger = document.getElementById('orgTrigger');
+  if(selectedInstitutions.length === 0){
+    trigger.textContent = '请选择机构（可多选）';
+    trigger.className = 'tree-select__trigger placeholder';
+    return;
+  }
+  trigger.className = 'tree-select__trigger';
+  var html = '';
+  selectedInstitutions.forEach(function(v){
+    html += '<span class="sel-tag">' + esc(instValLabel(v)) + '<span class="tag-x" onclick="removeOrgTag(event,\'' + esc(v) + '\')">×</span></span>';
+  });
+  trigger.innerHTML = html;
+}
+
+function removeOrgTag(e, val){
+  e.stopPropagation();
+  selectedInstitutions = selectedInstitutions.filter(function(c){ return c !== val; });
+  syncEmpFilterOrg();
+  renderOrgTree();
+  updateOrgTrigger();
+  filterEmployeesByInstitutions();
+}
+
+/* 员工选择器随勾选机构联动过滤（未勾选任何机构时不过滤） */
+function filterEmployeesByInstitutions(){
+  if(selectedInstitutions.length > 0){
+    selectedEmployees = selectedEmployees.filter(function(e){ return empInSelectedInstitutions(e); });
+    renderSelectedPersons();
+  }
+}
+
+/* ===== 员工选择弹窗 ===== */
+var selectedEmployees = [];
+var tempSelectedEmps = [];
+
+function openEmpModal(){
+  tempSelectedEmps = selectedEmployees.slice();
+  syncEmpFilterOrg();
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+  document.getElementById('emp-modal-overlay').classList.add('open');
+}
+
+/* [交互] 机构筛选项随指定机构勾选联动；未勾选任何机构时列出全部 */
+function syncEmpFilterOrg(){
+  var sel = document.getElementById('empFilterOrg');
+  var opts;
+  if(selectedInstitutions.length > 0){
+    /* 选项与已勾选机构一致：单位级选项以单位名展示 */
+    opts = selectedInstitutions.map(function(v){
+      return {val:v, label:instValLabel(v)};
+    });
+  } else {
+    opts = [];
+    UNITS.forEach(function(u){
+      opts.push({val:u, label:u + '（全部）'});
+      (UNIT_ORGS[u] || []).forEach(function(o){
+        opts.push({val:instKey(u, o), label:u + ' / ' + o});
+      });
+    });
+  }
+  var html = '<option value="">全部机构</option>';
+  opts.forEach(function(o){
+    html += '<option value="' + esc(o.val) + '">' + esc(o.label) + '</option>';
+  });
+  sel.innerHTML = html;
+  sel.value = '';
+}
+
+function closeEmpModal(){
+  document.getElementById('emp-modal-overlay').classList.remove('open');
+}
+
+function renderEmpTable(){
+  /* filterOrg 值为 '单位'（整个单位）或 '单位|部门'；未指定筛选时按已勾选机构范围过滤 */
+  var filterOrg = document.getElementById('empFilterOrg').value;
+  var filterName = document.getElementById('empFilterName').value.trim().toLowerCase();
+  var filterId = document.getElementById('empFilterId').value.trim().toLowerCase();
+  var scope = filterOrg ? [filterOrg] : selectedInstitutions;
+  var filtered = mockPlanEmployees.filter(function(e){
+    if(scope.length > 0 && !empInOrgScope(e, scope)) return false;
+    if(filterName && e.name.indexOf(filterName) === -1) return false;
+    if(filterId && e.id.toLowerCase().indexOf(filterId) === -1) return false;
+    return true;
+  });
+  var tbody = document.getElementById('empTableBody');
+  if(filtered.length === 0){
+    tbody.innerHTML = '<tr><td colspan="7" class="emp-table__empty">暂无匹配的员工数据</td></tr>';
+  } else {
+    var html = '';
+    filtered.forEach(function(e){
+      var isChecked = tempSelectedEmps.some(function(s){ return s.id === e.id; });
+      html += '<tr class="' + (isChecked ? 'checked' : '') + '">';
+      html += '<td><input type="checkbox" class="emp-table__cb emp-row-cb" data-id="' + e.id + '" ' + (isChecked ? 'checked' : '') + ' onclick="toggleEmpRow(this)"></td>';
+      html += '<td>' + esc(e.org) + '</td>';
+      html += '<td>' + esc(e.dept) + '</td>';
+      html += '<td>' + esc(e.name) + '</td>';
+      html += '<td>' + esc(e.id) + '</td>';
+      html += '<td>' + esc(e.gender) + '</td>';
+      html += '<td>' + e.age + '</td>';
+      html += '</tr>';
+    });
+    tbody.innerHTML = html;
+  }
+  document.getElementById('empTotalCount').textContent = filtered.length;
+  updateEmpCheckedCount();
+  updateCheckAllState();
+}
+
+function resetEmpFilter(){
+  document.getElementById('empFilterOrg').value = '';
+  document.getElementById('empFilterName').value = '';
+  document.getElementById('empFilterId').value = '';
+  renderEmpTable();
+}
+
+function toggleEmpAll(el){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  checkboxes.forEach(function(cb){
+    cb.checked = el.checked;
+    var empId = cb.getAttribute('data-id');
+    var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+    if(el.checked){
+      if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+        tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+    } else {
+      tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+    }
+  });
+  renderEmpTable();
+}
+
+function updateCheckAllState(){
+  var checkboxes = document.querySelectorAll('.emp-row-cb');
+  var checkAll = document.getElementById('empCheckAll');
+  if(checkboxes.length === 0){ checkAll.checked = false; return; }
+  checkAll.checked = Array.from(checkboxes).every(function(cb){ return cb.checked; });
+}
+
+function toggleEmpRow(el){
+  var empId = el.getAttribute('data-id');
+  var emp = mockPlanEmployees.find(function(e){ return e.id === empId; });
+  if(el.checked){
+    if(!tempSelectedEmps.some(function(s){ return s.id === empId; }))
+      tempSelectedEmps.push({name:emp.name, id:emp.id, org:emp.org, dept:emp.dept});
+  } else {
+    tempSelectedEmps = tempSelectedEmps.filter(function(s){ return s.id !== empId; });
+  }
+  updateEmpCheckedCount();
+  updateCheckAllState();
+  el.closest('tr').className = el.checked ? 'checked' : '';
+}
+
+function updateEmpCheckedCount(){
+  document.getElementById('empCheckedCount').textContent = tempSelectedEmps.length;
+}
+
+function confirmEmpSelect(){
+  selectedEmployees = tempSelectedEmps.slice();
+  renderSelectedPersons();
+  closeEmpModal();
+}
+
+function renderSelectedPersons(){
+  var container = document.getElementById('selectedPersons');
+  var empty = document.getElementById('selectedPersonsEmpty');
+  var text = document.getElementById('empTriggerText');
+  if(selectedEmployees.length === 0){
+    container.innerHTML = '';
+    empty.style.display = '';
+    text.textContent = '点击选择员工';
+    text.className = 'emp-trigger__text';
+  } else {
+    empty.style.display = 'none';
+    var html = '';
+    selectedEmployees.forEach(function(e){
+      var info = esc(e.name) + '（' + esc(e.org) + ' / ' + esc(e.dept) + '）';
+      html += '<span style="display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.6;">' + info + '<span style="cursor:pointer;font-size:12px;" onclick="removeEmp(\'' + esc(e.id) + '\')">×</span></span>';
+    });
+    container.innerHTML = html;
+    text.textContent = '已选 ' + selectedEmployees.length + ' 名员工';
+    text.className = 'emp-trigger__count';
+  }
+}
+
+function removeEmp(empId){
+  selectedEmployees = selectedEmployees.filter(function(e){ return e.id !== empId; });
+  renderSelectedPersons();
+}
+
+/* ===== 是否开启预约 ===== */
+/* [交互] 开关切换预约状态，开启时才需设定允许预约日期范围 */
+function toggleAppointment(){
+  var sw = document.getElementById('switchAppt');
+  sw.classList.toggle('on');
+  var on = sw.classList.contains('on');
+  document.getElementById('switchApptLabel').textContent = on ? '已开启' : '已关闭';
+  document.getElementById('apptRangeItem').style.display = on ? '' : 'none';
+}
+
+/* ===== 保存 ===== */
+function savePlan(){
+  var unit = document.getElementById('planUnit').value;
+  if(!unit){ showToast('请选择单位'); return; }
+  var year = document.querySelector('#plan-drawer .plan-year').value;
+  if(selectedExamHospitals.length === 0){ showToast('请选择承检医院'); return; }
+  var examHospital = selectedExamHospitals.join('、');
+  var signHospital = selectedSignHospitals.join('、');
+  var name = document.getElementById('planNameInput').value.trim();
+  if(!name){ showToast('请输入体检计划名称'); return; }
+  var dateFrom = document.getElementById('planDateFrom').value;
+  var dateTo = document.getElementById('planDateTo').value;
+  if(!dateFrom || !dateTo){ showToast('请选择体检计划日期范围'); return; }
+  if(dateFrom > dateTo){ showToast('体检计划开始日期不能晚于结束日期'); return; }
+  var personType = document.querySelector('input[name="personType"]:checked').value;
+  if(personType === 'specific' && selectedInstitutions.length === 0 && selectedEmployees.length === 0){
+    showToast('请至少选择指定机构或指定员工'); return;
+  }
+  var apptOn = document.getElementById('switchAppt').classList.contains('on');
+  var apptFrom = document.getElementById('apptDateFrom').value;
+  var apptTo = document.getElementById('apptDateTo').value;
+  if(apptOn){
+    if(!apptFrom || !apptTo){ showToast('请选择允许预约日期范围'); return; }
+    if(apptFrom > apptTo){ showToast('预约开始日期不能晚于结束日期'); return; }
+  }
+
+  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
+  var signCell = signHospital ? esc(signHospital) : '<span style="color:var(--text-placeholder);">—</span>';
+  var empSnapshot = selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; });
+  var tbody = document.getElementById('plan-tbody');
+  /* 操作列：新增/编辑生成的行均带详情/编辑/删除 */
+  var ACTIONS = '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;" onclick="openPlanEdit(this)">编辑</span> <span class="link" style="margin-left:8px;" onclick="deletePlan(this)">删除</span></td>';
+
+  if(editingPlanRid){
+    /* 编辑：更新既有行与详情记录（保留原创建人/创建时间） */
+    var rid = editingPlanRid;
+    var etr = tbody.querySelector('tr[data-rid="' + rid + '"]');
+    if(etr){
+      var old = planDetails[rid] || {};
+      etr.cells[1].textContent = unit;
+      etr.cells[2].textContent = year;
+      etr.cells[3].textContent = name;
+      etr.cells[4].textContent = examHospital;
+      etr.cells[5].innerHTML = signCell;
+      etr.cells[7].innerHTML = dateFrom + '至' + dateTo;
+      etr.cells[8].innerHTML = apptCell;
+      planDetails[rid] = {
+        unit: unit, year: year, name: name,
+        examHospitals: examHospital, signHospitals: signHospital,
+        planFrom: dateFrom, planTo: dateTo,
+        personType: personType,
+        institutions: selectedInstitutions.slice(),
+        employees: empSnapshot,
+        appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+        creator: old.creator || '系统管理员', ctime: old.ctime || ''
+      };
+    }
+    closePlanModal();
+    showToast('保存成功');
+    return;
+  }
+
+  /* 新增：追加行 */
+  var now = new Date();
+  var pad = function(n){ return n < 10 ? '0' + n : '' + n; };
+  var createTime = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes());
+  var tr = document.createElement('tr');
+  var rid = ++detailRid;
+  tr.setAttribute('data-rid', rid);
+  tr.innerHTML = '<td></td><td>' + esc(unit) + '</td><td>' + esc(year) + '</td><td>' + esc(name) + '</td><td>' + esc(examHospital) + '</td><td>' + signCell + '</td>' +
+    '<td><span class="tag tag-green">有效</span></td><td>' + dateFrom + '至' + dateTo + '</td><td>' + apptCell + '</td><td>系统管理员</td><td>' + createTime + '</td>' + ACTIONS;
+  planDetails[rid] = {
+    unit: unit, year: year, name: name,
+    examHospitals: examHospital, signHospitals: signHospital,
+    planFrom: dateFrom, planTo: dateTo,
+    personType: personType,
+    institutions: selectedInstitutions.slice(),
+    employees: empSnapshot,
+    appt: apptOn, apptFrom: apptOn ? apptFrom : '', apptTo: apptOn ? apptTo : '',
+    creator: '系统管理员', ctime: createTime
+  };
+  tbody.appendChild(tr);
+  /* 重排序号并更新总数 */
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+  var countEl = document.querySelector('#pane-normal .pagination span');
+  var m = countEl.textContent.match(/\d+/);
+  if(m) countEl.textContent = countEl.textContent.replace(m[0], parseInt(m[0], 10) + 1);
+
+  closePlanModal();
+  showToast('新增成功');
+}
+
+/* 删除计划行 */
+function deletePlan(el){
+  if(!confirm('确认删除该体检计划？')) return;
+  var tr = el.closest('tr');
+  var rid = tr.getAttribute('data-rid');
+  if(rid && planDetails[rid]) delete planDetails[rid];
+  var tbody = tr.parentElement;
+  tr.remove();
+  var rows = tbody.querySelectorAll('tr');
+  rows.forEach(function(r, i){ r.cells[0].textContent = i + 1; });
+}
+
+/* ===================== 计划详情弹窗 ===================== */
+/* 模拟存量计划的详情数据（与新增弹窗字段对应），新增保存时动态写入 */
+var planDetails = {
+  '1': {unit:'新闻中心', year:'2026', name:'新闻中心2026年员工非职业健康体检', examHospitals:'兴隆园医院', signHospitals:'宝石花',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['新闻中心|编辑部','新闻中心|总编室','新闻中心|媒体运营部'],
+        employees:[{name:'张伟',dept:'编辑部'},{name:'李娜',dept:'总编室'},{name:'王磊',dept:'媒体运营部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-18 09:20'},
+  '2': {unit:'公司机关', year:'2026', name:'公司机关2026年员工非职业健康体检', examHospitals:'宝石花', signHospitals:'宝石花',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'all',
+        institutions:[], employees:[],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-18 09:45'},
+  '3': {unit:'采油二厂', year:'2026', name:'采油二厂2026年员工职业健康体检', examHospitals:'兴隆园医院', signHospitals:'兴隆园医院',
+        planFrom:'2025-06-23', planTo:'2025-08-31', personType:'specific',
+        institutions:['采油二厂'],
+        employees:[{name:'郑浩',dept:'健康管理部'},{name:'黄丽',dept:'安全环保科'},{name:'林涛',dept:'财务部'}],
+        appt:true, apptFrom:'2025-06-23', apptTo:'2025-08-31', creator:'系统管理员', ctime:'2025-06-19 14:10'}
+};
+var detailRid = 3;
+
+/* [交互] 点击操作列"详情"打开只读弹窗 */
+function openPlanDetail(el){
+  var rid = el.closest('tr').getAttribute('data-rid');
+  var d = planDetails[rid];
+  if(!d){ showToast('暂无详情数据'); return; }
+  document.getElementById('d-unit').textContent = d.unit;
+  document.getElementById('d-year').textContent = d.year;
+  document.getElementById('d-name').textContent = d.name;
+  document.getElementById('d-exam').textContent = d.examHospitals;
+  document.getElementById('d-sign').textContent = d.signHospitals || '—';
+  document.getElementById('d-range').textContent = d.planFrom + ' 至 ' + d.planTo;
+  var orgsItem = document.getElementById('d-orgs-item');
+  var empsItem = document.getElementById('d-emps-item');
+  if(d.personType === 'all'){
+    document.getElementById('d-person').textContent = '全体人员';
+    orgsItem.style.display = 'none';
+    empsItem.style.display = 'none';
+  } else {
+    document.getElementById('d-person').textContent = '指定人员';
+    orgsItem.style.display = '';
+    empsItem.style.display = '';
+    document.getElementById('d-orgs').innerHTML = d.institutions.length
+      ? d.institutions.map(function(v){
+          var label = v.indexOf('|') === -1 ? (v + '（全部）') : instValLabel(v);
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(label) + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+    document.getElementById('d-emps').innerHTML = d.employees.length
+      ? d.employees.map(function(e){
+          return '<span class="tag tag-blue" style="margin:0 6px 6px 0;">' + esc(e.name + '（' + d.unit + ' / ' + e.dept + '）') + '</span>';
+        }).join('')
+      : '<span style="color:var(--text-placeholder);">—</span>';
+  }
+  document.getElementById('d-appt').textContent = d.appt ? '已开启' : '未开启';
+  document.getElementById('d-appt-range').textContent = (d.appt && d.apptFrom) ? (d.apptFrom + ' 至 ' + d.apptTo) : '—';
+  document.getElementById('d-valid').innerHTML = '<span class="tag tag-green">有效</span>';
+  document.getElementById('d-creator').textContent = d.creator;
+  document.getElementById('d-ctime').textContent = d.ctime;
+  document.getElementById('detail-modal-overlay').classList.add('open');
+}
+
+function closePlanDetail(){
+  document.getElementById('detail-modal-overlay').classList.remove('open');
+}
+
+/* 工具函数 */
+function esc(s){ return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+function showToast(msg){
+  var t = document.getElementById('toast');
+  t.textContent = msg; t.classList.add('show');
+  setTimeout(function(){ t.classList.remove('show'); }, 1500);
+}
+
+/* 点击外部关闭机构/医院下拉 */
+document.addEventListener('click', function(e){
+  if(!e.target.closest('#orgSelect')) document.getElementById('orgPanel').classList.remove('show');
+  if(!e.target.closest('#hospitalSelect')) document.getElementById('hospitalPanel').classList.remove('show');
+  if(!e.target.closest('#signHospitalSelect')) document.getElementById('signHospitalPanel').classList.remove('show');
+});
+
+/* 点击遮罩关闭弹窗 */
+document.getElementById('plan-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanModal();
+});
+document.getElementById('emp-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closeEmpModal();
+});
+document.getElementById('detail-modal-overlay').addEventListener('click', function(e){
+  if(e.target === this) closePlanDetail();
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-quota-group.html b/web-admin/health-checkup/pre-quota-group.html
index 75d53e4..facd93a 100644
--- a/web-admin/health-checkup/pre-quota-group.html
+++ b/web-admin/health-checkup/pre-quota-group.html
@@ -1,203 +1,203 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 弹窗表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* 群体信息（纯展示） */
-  .group-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
-  .group-info__item{font-size:var(--font-sm);}
-  .group-info__item label{color:var(--text-secondary);}
-  .group-info__item span{color:var(--text-primary);font-weight:500;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item active">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 弹窗表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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 12px center;appearance:none;cursor:pointer;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* 群体信息（纯展示） */
+  .group-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
+  .group-info__item{font-size:var(--font-sm);}
+  .group-info__item label{color:var(--text-secondary);}
+  .group-info__item span{color:var(--text-primary);font-weight:500;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item active">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -209,124 +209,124 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:90px;">
-        <option>请选择</option><option>男</option><option>女</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 数据表格 - 群体额度 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">群体额度列表</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th>序号</th><th>群体名称</th><th>年龄区间</th><th>性别</th><th>体检额度(元)</th><th>批量更新规则</th><th>是否已生成</th><th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td>45岁及以上-女</td><td>45岁及以上</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-        <tr><td>2</td><td>45岁及以上-男</td><td>45岁及以上</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-        <tr><td>3</td><td>36~44岁-女</td><td>35岁至44岁</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-        <tr><td>4</td><td>36~44岁-男</td><td>35岁至44岁</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-        <tr><td>5</td><td>35岁及以下-女</td><td>35岁以下</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-        <tr><td>6</td><td>35岁及以下-男</td><td>35岁以下</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 6 条</span>
-      <button class="page-btn active">1</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 设置群体额度弹窗 -->
-<div class="modal-overlay" id="quota-modal-overlay" onclick="if(event.target===this)closeQuotaModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">设置群体额度</div>
-      <button class="modal__close" onclick="closeQuotaModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="group-info">
-        <div class="group-info__item"><label>群体名称：</label><span id="quota-group-name"></span></div>
-        <div class="group-info__item"><label>年龄区间：</label><span id="quota-age"></span></div>
-        <div class="group-info__item"><label>性别：</label><span id="quota-gender"></span></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检额度(元)</div>
-        <input class="form-input" id="quota-amount" type="number" min="0" step="0.01" placeholder="请输入体检额度">
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 批量更新规则</div>
-        <select class="form-select" id="quota-rule">
-          <option value="全量">全量</option>
-          <option value="忽略手动修改">忽略手动修改</option>
-        </select>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeQuotaModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveQuota()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 设置群体额度弹窗 ===== */
-var quotaTr = null;
-
-function openQuotaModal(btn){
-  quotaTr = btn.closest('tr');
-  var cells = quotaTr.cells;
-  document.getElementById('quota-group-name').textContent = cells[1].textContent.trim();
-  document.getElementById('quota-age').textContent = cells[2].textContent.trim();
-  document.getElementById('quota-gender').textContent = cells[3].textContent.trim();
-  document.getElementById('quota-amount').value = cells[4].textContent.trim();
-  document.getElementById('quota-rule').value = cells[5].textContent.trim() || '全量';
-  document.getElementById('quota-modal-overlay').classList.add('open');
-}
-
-function closeQuotaModal(){
-  document.getElementById('quota-modal-overlay').classList.remove('open');
-}
-
-function saveQuota(){
-  if(!quotaTr) return;
-  var amount = document.getElementById('quota-amount').value.trim();
-  if(!amount || Number(amount) < 0){ alert('请输入正确的体检额度'); return; }
-  quotaTr.cells[4].textContent = Number(amount).toFixed(2);
-  quotaTr.cells[5].textContent = document.getElementById('quota-rule').value;
-  closeQuotaModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>请选择</option><option>男</option><option>女</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 数据表格 - 群体额度 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">群体额度列表</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th>序号</th><th>群体名称</th><th>年龄区间</th><th>性别</th><th>体检额度(元)</th><th>批量更新规则</th><th>是否已生成</th><th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td>45岁及以上-女</td><td>45岁及以上</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+        <tr><td>2</td><td>45岁及以上-男</td><td>45岁及以上</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+        <tr><td>3</td><td>36~44岁-女</td><td>35岁至44岁</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+        <tr><td>4</td><td>36~44岁-男</td><td>35岁至44岁</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+        <tr><td>5</td><td>35岁及以下-女</td><td>35岁以下</td><td>女</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+        <tr><td>6</td><td>35岁及以下-男</td><td>35岁以下</td><td>男</td><td>2500.00</td><td>全量</td><td><span class="tag tag-green">已生成</span></td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span> <span class="link" style="margin-left:8px;">生成额度</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 6 条</span>
+      <button class="page-btn active">1</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 设置群体额度弹窗 -->
+<div class="modal-overlay" id="quota-modal-overlay" onclick="if(event.target===this)closeQuotaModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">设置群体额度</div>
+      <button class="modal__close" onclick="closeQuotaModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="group-info">
+        <div class="group-info__item"><label>群体名称：</label><span id="quota-group-name"></span></div>
+        <div class="group-info__item"><label>年龄区间：</label><span id="quota-age"></span></div>
+        <div class="group-info__item"><label>性别：</label><span id="quota-gender"></span></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检额度(元)</div>
+        <input class="form-input" id="quota-amount" type="number" min="0" step="0.01" placeholder="请输入体检额度">
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 批量更新规则</div>
+        <select class="form-select" id="quota-rule">
+          <option value="全量">全量</option>
+          <option value="忽略手动修改">忽略手动修改</option>
+        </select>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeQuotaModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveQuota()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 设置群体额度弹窗 ===== */
+var quotaTr = null;
+
+function openQuotaModal(btn){
+  quotaTr = btn.closest('tr');
+  var cells = quotaTr.cells;
+  document.getElementById('quota-group-name').textContent = cells[1].textContent.trim();
+  document.getElementById('quota-age').textContent = cells[2].textContent.trim();
+  document.getElementById('quota-gender').textContent = cells[3].textContent.trim();
+  document.getElementById('quota-amount').value = cells[4].textContent.trim();
+  document.getElementById('quota-rule').value = cells[5].textContent.trim() || '全量';
+  document.getElementById('quota-modal-overlay').classList.add('open');
+}
+
+function closeQuotaModal(){
+  document.getElementById('quota-modal-overlay').classList.remove('open');
+}
+
+function saveQuota(){
+  if(!quotaTr) return;
+  var amount = document.getElementById('quota-amount').value.trim();
+  if(!amount || Number(amount) < 0){ alert('请输入正确的体检额度'); return; }
+  quotaTr.cells[4].textContent = Number(amount).toFixed(2);
+  quotaTr.cells[5].textContent = document.getElementById('quota-rule').value;
+  closeQuotaModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-quota-personal.html b/web-admin/health-checkup/pre-quota-personal.html
index d48988c..eb19ee5 100644
--- a/web-admin/health-checkup/pre-quota-personal.html
+++ b/web-admin/health-checkup/pre-quota-personal.html
@@ -1,208 +1,208 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  /* 人员信息 */
-  .person-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
-  .person-info__item{font-size:var(--font-sm);}
-  .person-info__item label{color:var(--text-secondary);}
-  .person-info__item span{color:var(--text-primary);font-weight:500;}
-  /* 开关 */
-  .switch-row{display:flex;align-items:center;gap:12px;}
-  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
-  .switch.on{background:var(--primary);}
-  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
-  .switch.on::after{left:20px;}
-  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item active">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:999;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:460px;max-width:92vw;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  /* 人员信息 */
+  .person-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
+  .person-info__item{font-size:var(--font-sm);}
+  .person-info__item label{color:var(--text-secondary);}
+  .person-info__item span{color:var(--text-primary);font-weight:500;}
+  /* 开关 */
+  .switch-row{display:flex;align-items:center;gap:12px;}
+  .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+  .switch.on{background:var(--primary);}
+  .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+  .switch.on::after{left:20px;}
+  .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item active">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -214,142 +214,142 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-        <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select">
-        <option>全部</option>
-        <option>采油一厂</option>
-        <option>公司机关</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作栏 -->
-  <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">
-      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
-      查看导出任务
-    </button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">个人额度列表</div>
-    </div>
-    <div class="table-card__content">
-    <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>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td>张明</td><td>100234</td><td>男</td><td>38</td><td>610113199602632255</td><td>公司机关</td><td>人事部</td><td>2500.00</td><td>否</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
-        <tr><td>2</td><td>李芳</td><td>100567</td><td>女</td><td>42</td><td>610113199602632255</td><td>公司机关</td><td>财务部</td><td>2500.00</td><td>否</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
-        <tr><td>3</td><td>王强</td><td>200891</td><td>男</td><td>50</td><td>610113199602632255</td><td>采油一厂</td><td>生产办</td><td>2500.00</td><td>是</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 1260 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <span>...</span>
-      <button class="page-btn">126</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 设置个人额度弹窗 -->
-<div class="modal-overlay" id="quota-modal-overlay" onclick="if(event.target===this)closeQuotaModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">设置个人额度</div>
-      <button class="modal__close" onclick="closeQuotaModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="person-info">
-        <div class="person-info__item"><label>姓名：</label><span id="quota-name"></span></div>
-        <div class="person-info__item"><label>员工编号：</label><span id="quota-code"></span></div>
-        <div class="person-info__item"><label>单位部门：</label><span id="quota-unit"></span></div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 体检额度(元)</div>
-        <input class="form-input" id="quota-amount" type="number" min="0" step="0.01" placeholder="请输入体检额度">
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeQuotaModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveQuota()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* ===== 设置个人额度弹窗 ===== */
-var quotaTr = null;
-
-function openQuotaModal(btn){
-  quotaTr = btn.closest('tr');
-  var cells = quotaTr.cells;
-  document.getElementById('quota-name').textContent = cells[1].textContent.trim();
-  document.getElementById('quota-code').textContent = cells[2].textContent.trim();
-  document.getElementById('quota-unit').textContent = cells[6].textContent.trim() + ' / ' + cells[7].textContent.trim();
-  document.getElementById('quota-amount').value = cells[8].textContent.trim();
-  document.getElementById('quota-modal-overlay').classList.add('open');
-}
-
-function closeQuotaModal(){
-  document.getElementById('quota-modal-overlay').classList.remove('open');
-}
-
-function saveQuota(){
-  if(!quotaTr) return;
-  var amount = document.getElementById('quota-amount').value.trim();
-  if(!amount || Number(amount) < 0){ alert('请输入正确的体检额度'); return; }
-  quotaTr.cells[8].textContent = Number(amount).toFixed(2);
-  closeQuotaModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+        <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>公司机关</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:130px;">
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作栏 -->
+  <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">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
+      查看导出任务
+    </button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">个人额度列表</div>
+    </div>
+    <div class="table-card__content">
+    <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>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td>张明</td><td>100234</td><td>男</td><td>38</td><td>610113199602632255</td><td>公司机关</td><td>人事部</td><td>2500.00</td><td>否</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
+        <tr><td>2</td><td>李芳</td><td>100567</td><td>女</td><td>42</td><td>610113199602632255</td><td>公司机关</td><td>财务部</td><td>2500.00</td><td>否</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
+        <tr><td>3</td><td>王强</td><td>200891</td><td>男</td><td>50</td><td>610113199602632255</td><td>采油一厂</td><td>生产办</td><td>2500.00</td><td>是</td><td><span class="link" onclick="openQuotaModal(this)">设置额度</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 1260 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <span>...</span>
+      <button class="page-btn">126</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 设置个人额度弹窗 -->
+<div class="modal-overlay" id="quota-modal-overlay" onclick="if(event.target===this)closeQuotaModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">设置个人额度</div>
+      <button class="modal__close" onclick="closeQuotaModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="person-info">
+        <div class="person-info__item"><label>姓名：</label><span id="quota-name"></span></div>
+        <div class="person-info__item"><label>员工编号：</label><span id="quota-code"></span></div>
+        <div class="person-info__item"><label>单位部门：</label><span id="quota-unit"></span></div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 体检额度(元)</div>
+        <input class="form-input" id="quota-amount" type="number" min="0" step="0.01" placeholder="请输入体检额度">
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeQuotaModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveQuota()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* ===== 设置个人额度弹窗 ===== */
+var quotaTr = null;
+
+function openQuotaModal(btn){
+  quotaTr = btn.closest('tr');
+  var cells = quotaTr.cells;
+  document.getElementById('quota-name').textContent = cells[1].textContent.trim();
+  document.getElementById('quota-code').textContent = cells[2].textContent.trim();
+  document.getElementById('quota-unit').textContent = cells[6].textContent.trim() + ' / ' + cells[7].textContent.trim();
+  document.getElementById('quota-amount').value = cells[8].textContent.trim();
+  document.getElementById('quota-modal-overlay').classList.add('open');
+}
+
+function closeQuotaModal(){
+  document.getElementById('quota-modal-overlay').classList.remove('open');
+}
+
+function saveQuota(){
+  if(!quotaTr) return;
+  var amount = document.getElementById('quota-amount').value.trim();
+  if(!amount || Number(amount) < 0){ alert('请输入正确的体检额度'); return; }
+  quotaTr.cells[8].textContent = Number(amount).toFixed(2);
+  closeQuotaModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-special-cancer.html b/web-admin/health-checkup/pre-special-cancer.html
index 2da6e20..a617252 100644
--- a/web-admin/health-checkup/pre-special-cancer.html
+++ b/web-admin/health-checkup/pre-special-cancer.html
@@ -1,246 +1,246 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;}
-  thead th[colspan]{text-align:center;}
-  thead th[rowspan]{vertical-align:middle;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  /* 操作列固定（右侧 sticky） */
-  th.op-col,td.op-col{position:sticky;right:0;z-index:1;box-shadow:-2px 0 4px rgba(0,0,0,0.06);}
-  th.op-col{background:#FAFAFA;z-index:3;}
-  td.op-col{background:#fff;}
-  tbody tr:hover td.op-col{background:#F8FBFF;}
-  /* 前两列固定（左侧 sticky） */
-  th.col-1,td.col-1{position:sticky;left:0;z-index:2;width:100px;min-width:100px;background:#fff;}
-  th.col-2,td.col-2{position:sticky;left:100px;z-index:2;width:120px;min-width:120px;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
-  th.col-1,th.col-2{background:#FAFAFA;z-index:4;}
-  tbody tr:hover td.col-1,tbody tr:hover td.col-2{background:#F8FBFF;}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
-  /* 人员选择弹窗 */
-  .pick-modal{width:1120px;max-width:96vw;}
-  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
-  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
-  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
-  .pick-filter__item label .required{color:var(--danger);}
-  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
-  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
-  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
-  .pick-left__scroll{flex:1;overflow-y:auto;}
-  .pick-left__table{width:100%;border-collapse:collapse;}
-  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table tbody tr:last-child td{border-bottom:none;}
-  .pick-left__table tbody tr{cursor:pointer;}
-  .pick-left__table tbody tr:hover{background:#F8FBFF;}
-  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
-  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
-  .pick-right__header .count{color:var(--primary);}
-  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
-  .pick-right__clear:hover{color:#40a9ff;}
-  .pick-right__scroll{flex:1;overflow-y:auto;}
-  .pick-right__table{width:100%;border-collapse:collapse;}
-  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
-  .pick-right__table tbody tr:last-child td{border-bottom:none;}
-  .pick-right__table tbody tr:hover{background:#F8FBFF;}
-  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
-  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
-  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
-  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);margin-left:14px;}.link-danger:hover{color:#ff7875;}
-  .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);}
-  .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);}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item active">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;}
+  thead th[colspan]{text-align:center;}
+  thead th[rowspan]{vertical-align:middle;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  /* 操作列固定（右侧 sticky） */
+  th.op-col,td.op-col{position:sticky;right:0;z-index:1;box-shadow:-2px 0 4px rgba(0,0,0,0.06);}
+  th.op-col{background:#FAFAFA;z-index:3;}
+  td.op-col{background:#fff;}
+  tbody tr:hover td.op-col{background:#F8FBFF;}
+  /* 前两列固定（左侧 sticky） */
+  th.col-1,td.col-1{position:sticky;left:0;z-index:2;width:100px;min-width:100px;background:#fff;}
+  th.col-2,td.col-2{position:sticky;left:100px;z-index:2;width:120px;min-width:120px;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
+  th.col-1,th.col-2{background:#FAFAFA;z-index:4;}
+  tbody tr:hover td.col-1,tbody tr:hover td.col-2{background:#F8FBFF;}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
+  /* 人员选择弹窗 */
+  .pick-modal{width:1120px;max-width:96vw;}
+  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
+  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
+  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+  .pick-filter__item label .required{color:var(--danger);}
+  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
+  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
+  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
+  .pick-left__scroll{flex:1;overflow-y:auto;}
+  .pick-left__table{width:100%;border-collapse:collapse;}
+  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table tbody tr:last-child td{border-bottom:none;}
+  .pick-left__table tbody tr{cursor:pointer;}
+  .pick-left__table tbody tr:hover{background:#F8FBFF;}
+  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
+  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .pick-right__header .count{color:var(--primary);}
+  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
+  .pick-right__clear:hover{color:#40a9ff;}
+  .pick-right__scroll{flex:1;overflow-y:auto;}
+  .pick-right__table{width:100%;border-collapse:collapse;}
+  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
+  .pick-right__table tbody tr:last-child td{border-bottom:none;}
+  .pick-right__table tbody tr:hover{background:#F8FBFF;}
+  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
+  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
+  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
+  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);margin-left:14px;}.link-danger:hover{color:#ff7875;}
+  .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);}
+  .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);}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item active">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -252,549 +252,549 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select" style="min-width:100px;">
-        <option value="2026" selected>2026</option>
-        <option value="2025">2025</option>
-        <option value="2024">2024</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-        <option>采油一厂</option>
-        <option>采油二厂</option>
-        <option>采油三厂</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:120px;">
-        <option>请选择性别</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄范围：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-        <option>年龄&lt;35</option>
-        <option>35≤年龄&lt;40</option>
-        <option>40≤年龄&lt;45</option>
-        <option>年龄≥45</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>防癌类型：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-        <option>Septin9</option>
-        <option>CA724</option>
-        <option>两项都有</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次防癌筛查人员</button>
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-    <button class="btn btn-default">批量导入人员</button>
-    <button class="btn btn-default">查看导入任务</button>
-    <button class="btn btn-danger">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">防癌筛查人员</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th rowspan="2">序号</th><th rowspan="2" class="col-1">姓名</th><th rowspan="2" class="col-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="7">上一次检查情况</th><th rowspan="2" class="op-col">操作</th>
-        </tr>
-        <tr>
-          <th>防癌检查年份</th><th>Septin9是否已检</th><th>Septin9检查异常</th><th>Septin9项目值</th><th>CA724是否已检</th><th>CA724检查异常</th><th>CA724项目值</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td class="col-1">刘静</td><td class="col-2">40089234</td><td>女</td><td>41</td><td>40≤年龄&lt;45</td><td>610402198506150028</td><td>13851375678</td><td>采油三厂</td><td>地质研究所</td><td>2026</td><td>2026年度常规体检</td><td>采油三厂</td><td>两项都有</td><td>2025</td><td>是</td><td>否</td><td>阴性</td><td>是</td><td>否</td><td>3.2 U/mL</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
-        <tr><td>2</td><td class="col-1">王磊</td><td class="col-2">40056781</td><td>男</td><td>48</td><td>年龄≥45</td><td>610402197803220015</td><td>13952741234</td><td>采油一厂</td><td>作业区</td><td>2026</td><td>2026年度常规体检</td><td>采油一厂</td><td>Septin9</td><td>2025</td><td>是</td><td>是</td><td>阳性</td><td>—</td><td>—</td><td>—</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
-        <tr><td>3</td><td class="col-1">张丽华</td><td class="col-2">40023456</td><td>女</td><td>44</td><td>40≤年龄&lt;45</td><td>610402198201080046</td><td>13754119012</td><td>采油二厂</td><td>综合办</td><td>2026</td><td>2026年度常规体检</td><td>采油二厂</td><td>CA724</td><td>2025</td><td>—</td><td>—</td><td>—</td><td>是</td><td>否</td><td>4.1 U/mL</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 120 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <span>...</span>
-      <button class="page-btn">12</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 添加本次防癌筛查人员弹窗 -->
-<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
-  <div class="modal pick-modal">
-    <div class="modal__header">
-      <div class="modal__title">添加本次防癌筛查人员</div>
-      <button class="modal__close" onclick="closeAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="pick-filter">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 单位部门</label>
-          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
-            <option value="">请先选择单位部门</option>
-            <option value="采油一厂">采油一厂</option>
-            <option value="采油二厂">采油二厂</option>
-            <option value="采油三厂">采油三厂</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>姓名</label>
-          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
-        </div>
-        <div class="pick-filter__item">
-          <label>年龄范围</label>
-          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="40-50">40-50</option>
-            <option value="50-60">50-60</option>
-            <option value="60以上">60以上</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>Septin9是否检查</label>
-          <select class="form-select" id="pick-s9-checked" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="已检">已检</option>
-            <option value="未检">未检</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>Septin9结果</label>
-          <select class="form-select" id="pick-s9-result" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="正常">正常</option>
-            <option value="异常">异常</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>CA724是否检查</label>
-          <select class="form-select" id="pick-ca-checked" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="已检">已检</option>
-            <option value="未检">未检</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>CA724结果</label>
-          <select class="form-select" id="pick-ca-result" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="正常">正常</option>
-            <option value="异常">异常</option>
-          </select>
-        </div>
-      </div>
-      <div class="pick-layout">
-        <div class="pick-left">
-          <div class="pick-left__scroll">
-            <table class="pick-left__table">
-              <thead>
-                <tr>
-                  <th>姓名</th><th>身份证</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th><th>Septin9结果</th><th>CA724结果</th>
-                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
-                </tr>
-              </thead>
-              <tbody id="pick-candidate-body"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="pick-right">
-          <div class="pick-right__header">
-            <span>已选人员 <span class="count" id="pick-count">0</span></span>
-            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
-          </div>
-          <div class="pick-right__scroll">
-            <table class="pick-right__table">
-              <thead>
-                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
-              </thead>
-              <tbody id="pick-selected-body"></tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:16px;align-items:flex-end;">
-        <div class="pick-filter__item" style="width:320px;">
-          <label><span class="required">*</span> 筛查类型</label>
-          <select class="form-select" id="pick-cancer-type">
-            <option value="">请选择筛查类型</option>
-            <option value="Septin9">Septin9</option>
-            <option value="CA724">CA724</option>
-            <option value="两项都有">两项都有</option>
-          </select>
-        </div>
-        <span style="color:var(--text-placeholder);font-size:var(--font-sm);padding-bottom:8px;">筛查类型将统一应用到本次添加的全部人员</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
-      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
-    </div>
-  </div>
-</div>
-
-<!-- 编辑防癌筛查人员弹窗 -->
-<div class="modal-overlay" id="edit-modal-overlay" onclick="if(event.target===this)closeEditModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">编辑防癌筛查人员</div>
-      <button class="modal__close" onclick="closeEditModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="form-section-title">员工基本信息</div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">姓名</div>
-          <input class="form-input" id="edit-name" type="text" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">员工编号</div>
-          <input class="form-input" id="edit-code" type="text" disabled>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">身份证号</div>
-          <input class="form-input" id="edit-idcard" type="text" disabled>
-        </div>
-        <div class="form-item">
-          <div class="form-label">单位</div>
-          <input class="form-input" id="edit-unit" type="text" disabled>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label">部门</div>
-          <input class="form-input" id="edit-dept" type="text" disabled>
-        </div>
-      </div>
-      <div class="form-section-title" style="margin-top:24px;">防癌筛查类型</div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 筛查类型</div>
-          <select class="form-select" id="edit-cancer-type">
-            <option value="Septin9">Septin9</option>
-            <option value="CA724">CA724</option>
-            <option value="两项都有">两项都有</option>
-          </select>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEditModal()">保存</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 重新编号 */
-function renumberRows(){
-  var tbody = document.querySelector('.table-card__content tbody');
-  var rows = tbody.querySelectorAll('tr');
-  for(var i=0;i<rows.length;i++){
-    var cell = rows[i].querySelector('td');
-    if(cell) cell.textContent = (i+1);
-  }
-}
-
-/* 删除人员行 */
-function deleteRow(el){
-  if(!confirm('确定删除该人员吗？')) return;
-  el.closest('tr').remove();
-  renumberRows();
-}
-
-/* ===== 添加本次防癌筛查人员弹窗 ===== */
-var candidateData = [
-  {code:'40072341', name:'赵敏', idcard:'610402199203140027', gender:'女', phone:'13655487788', unit:'采油一厂', dept:'作业区', age:'42', ageRange:'40-50', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'},
-  {code:'40084512', name:'孙强', idcard:'610402197805120034', gender:'男', phone:'13556855566', unit:'采油一厂', dept:'作业区', age:'52', ageRange:'50-60', cancerType:'两项都有', s9Checked:'已检', s9Result:'异常', caChecked:'已检', caResult:'正常'},
-  {code:'40091234', name:'李娜', idcard:'610402198703080024', gender:'女', phone:'13958227788', unit:'采油二厂', dept:'综合办', age:'45', ageRange:'40-50', cancerType:'CA724', s9Checked:'未检', s9Result:'—', caChecked:'已检', caResult:'正常'},
-  {code:'40035678', name:'周建国', idcard:'610402197109220011', gender:'男', phone:'13759596677', unit:'采油二厂', dept:'采油队', age:'55', ageRange:'50-60', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'},
-  {code:'40046789', name:'吴婷', idcard:'610402198511090026', gender:'女', phone:'13860968899', unit:'采油三厂', dept:'地质研究所', age:'41', ageRange:'40-50', cancerType:'两项都有', s9Checked:'已检', s9Result:'异常', caChecked:'已检', caResult:'异常'},
-  {code:'40058901', name:'郑军', idcard:'610402196403150019', gender:'男', phone:'13662330011', unit:'采油三厂', dept:'地质研究所', age:'62', ageRange:'60以上', cancerType:'CA724', s9Checked:'未检', s9Result:'—', caChecked:'已检', caResult:'正常'},
-  {code:'40067812', name:'陈晓', idcard:'610402197904210025', gender:'女', phone:'13563702233', unit:'采油一厂', dept:'综合办', age:'47', ageRange:'40-50', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'已检', caResult:'正常'},
-  {code:'40079023', name:'王芳', idcard:'610402196807260046', gender:'女', phone:'13965073344', unit:'采油二厂', dept:'地质研究所', age:'58', ageRange:'50-60', cancerType:'两项都有', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'}
-];
-var selectedMap = {};
-
-function openAddModal(){
-  selectedMap = {};
-  document.getElementById('pick-unit').value = '';
-  document.getElementById('pick-name').value = '';
-  document.getElementById('pick-age-range').value = '';
-  document.getElementById('pick-s9-checked').value = '';
-  document.getElementById('pick-s9-result').value = '';
-  document.getElementById('pick-ca-checked').value = '';
-  document.getElementById('pick-ca-result').value = '';
-  document.getElementById('pick-cancer-type').value = '';
-  renderCandidateList();
-  document.getElementById('add-modal-overlay').classList.add('open');
-}
-
-function onUnitChange(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function closeAddModal(){
-  document.getElementById('add-modal-overlay').classList.remove('open');
-}
-
-function findCandidate(code){
-  for(var i=0;i<candidateData.length;i++){
-    if(candidateData[i].code === code) return candidateData[i];
-  }
-  return null;
-}
-
-function getFilteredCandidates(){
-  var unit = document.getElementById('pick-unit').value;
-  if(!unit) return [];
-  var name = document.getElementById('pick-name').value.trim().toLowerCase();
-  var ageRange = document.getElementById('pick-age-range').value;
-  var s9Checked = document.getElementById('pick-s9-checked').value;
-  var s9Result = document.getElementById('pick-s9-result').value;
-  var caChecked = document.getElementById('pick-ca-checked').value;
-  var caResult = document.getElementById('pick-ca-result').value;
-  return candidateData.filter(function(c){
-    if(c.unit !== unit) return false;
-    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
-    if(ageRange && c.ageRange !== ageRange) return false;
-    if(s9Checked && c.s9Checked !== s9Checked) return false;
-    if(s9Result && c.s9Result !== s9Result) return false;
-    if(caChecked && c.caChecked !== caChecked) return false;
-    if(caResult && c.caResult !== caResult) return false;
-    return true;
-  });
-}
-
-function renderCandidateList(){
-  var tbody = document.getElementById('pick-candidate-body');
-  var unit = document.getElementById('pick-unit').value;
-  var html = '';
-  if(!unit){
-    html = '<tr><td colspan="9" class="pick-no-data">请先选择单位部门</td></tr>';
-  } else {
-    var list = getFilteredCandidates();
-    if(list.length === 0){
-      html = '<tr><td colspan="9" class="pick-no-data">暂无匹配人员</td></tr>';
-    } else {
-      list.forEach(function(c){
-        var checked = selectedMap[c.code] ? 'checked' : '';
-        html += '<tr>' +
-          '<td>' + c.name + '</td>' +
-          '<td>' + c.idcard + '</td>' +
-          '<td>' + c.gender + '</td>' +
-          '<td>' + c.age + '</td>' +
-          '<td>' + c.unit + '</td>' +
-          '<td>' + c.dept + '</td>' +
-          '<td>' + c.s9Result + '</td>' +
-          '<td>' + c.caResult + '</td>' +
-          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
-        '</tr>';
-      });
-    }
-  }
-  tbody.innerHTML = html;
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function updateCheckAll(){
-  var list = getFilteredCandidates();
-  var all = document.getElementById('pick-check-all');
-  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
-  all.checked = list.length > 0 && checkedCount === list.length;
-  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
-}
-
-function togglePick(checkbox, code){
-  if(checkbox.checked){
-    selectedMap[code] = true;
-  } else {
-    delete selectedMap[code];
-  }
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function toggleCheckAll(checkbox){
-  var list = getFilteredCandidates();
-  list.forEach(function(c){
-    if(checkbox.checked) selectedMap[c.code] = true;
-    else delete selectedMap[c.code];
-  });
-  renderCandidateList();
-}
-
-function renderSelectedList(){
-  var keys = Object.keys(selectedMap);
-  var tbody = document.getElementById('pick-selected-body');
-  document.getElementById('pick-count').textContent = keys.length;
-  var html = '';
-  if(keys.length === 0){
-    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
-  } else {
-    keys.forEach(function(code){
-      var c = findCandidate(code);
-      if(!c) return;
-      html += '<tr>' +
-        '<td>' + c.name + '</td>' +
-        '<td>' + c.idcard + '</td>' +
-        '<td>' + c.dept + '</td>' +
-        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
-      '</tr>';
-    });
-  }
-  tbody.innerHTML = html;
-  updateConfirmBtn();
-}
-
-function removePick(code){
-  delete selectedMap[code];
-  renderCandidateList();
-}
-
-function clearSelected(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function updateConfirmBtn(){
-  var n = Object.keys(selectedMap).length;
-  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
-}
-
-function mapChecked(v){ return v === '已检' ? '是' : (v === '未检' ? '否' : '—'); }
-function mapResult(checked, result){
-  if(checked === '未检') return '—';
-  return result === '异常' ? '是' : '否';
-}
-function mapValue(checked, result, abnormal, normal){
-  if(checked === '未检') return '—';
-  return result === '异常' ? abnormal : normal;
-}
-
-function saveAddModal(){
-  var keys = Object.keys(selectedMap);
-  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
-  var cancerType = document.getElementById('pick-cancer-type').value;
-  if(!cancerType){ alert('请选择筛查类型'); return; }
-  var tbody = document.querySelector('.table-card__content tbody');
-  keys.forEach(function(code){
-    var c = findCandidate(code);
-    if(!c) return;
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td></td>' +
-      '<td class="col-1">' + c.name + '</td>' +
-      '<td class="col-2">' + c.code + '</td>' +
-      '<td>' + c.gender + '</td>' +
-      '<td>' + c.age + '</td>' +
-      '<td>' + c.idcard + '</td>' +
-      '<td>' + c.phone + '</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + c.dept + '</td>' +
-      '<td>2026</td>' +
-      '<td>2026年度常规体检</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + cancerType + '</td>' +
-      '<td>2025</td>' +
-      '<td>' + mapChecked(c.s9Checked) + '</td>' +
-      '<td>' + mapResult(c.s9Checked, c.s9Result) + '</td>' +
-      '<td>' + mapValue(c.s9Checked, c.s9Result, '阳性', '阴性') + '</td>' +
-      '<td>' + mapChecked(c.caChecked) + '</td>' +
-      '<td>' + mapResult(c.caChecked, c.caResult) + '</td>' +
-      '<td>' + mapValue(c.caChecked, c.caResult, '偏高', '正常') + '</td>' +
-      '<td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-  });
-  renumberRows();
-  closeAddModal();
-}
-
-/* ===== 编辑防癌筛查人员弹窗 ===== */
-var editingRow = null;
-
-function openEditModal(el){
-  var tr = el.closest('tr');
-  if(!tr) return;
-  editingRow = tr;
-  var cells = tr.cells;
-  document.getElementById('edit-name').value = cells[1].textContent;
-  document.getElementById('edit-code').value = cells[2].textContent;
-  document.getElementById('edit-idcard').value = cells[6].textContent;
-  document.getElementById('edit-unit').value = cells[8].textContent;
-  document.getElementById('edit-dept').value = cells[9].textContent;
-  document.getElementById('edit-cancer-type').value = cells[13].textContent;
-  document.getElementById('edit-modal-overlay').classList.add('open');
-}
-
-function closeEditModal(){
-  document.getElementById('edit-modal-overlay').classList.remove('open');
-}
-
-function saveEditModal(){
-  if(!editingRow) return;
-  var type = document.getElementById('edit-cancer-type').value;
-  if(!type){ alert('请选择筛查类型'); return; }
-  editingRow.cells[13].textContent = type;
-  closeEditModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option value="2026" selected>2026</option>
+        <option value="2025">2025</option>
+        <option value="2024">2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采油三厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:120px;">
+        <option>请选择性别</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄范围：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+        <option>年龄&lt;35</option>
+        <option>35≤年龄&lt;40</option>
+        <option>40≤年龄&lt;45</option>
+        <option>年龄≥45</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>防癌类型：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+        <option>Septin9</option>
+        <option>CA724</option>
+        <option>两项都有</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次防癌筛查人员</button>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-default">批量导入人员</button>
+    <button class="btn btn-default">查看导入任务</button>
+    <button class="btn btn-danger">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">防癌筛查人员</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th rowspan="2">序号</th><th rowspan="2" class="col-1">姓名</th><th rowspan="2" class="col-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="7">上一次检查情况</th><th rowspan="2" class="op-col">操作</th>
+        </tr>
+        <tr>
+          <th>防癌检查年份</th><th>Septin9是否已检</th><th>Septin9检查异常</th><th>Septin9项目值</th><th>CA724是否已检</th><th>CA724检查异常</th><th>CA724项目值</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td class="col-1">刘静</td><td class="col-2">40089234</td><td>女</td><td>41</td><td>40≤年龄&lt;45</td><td>610402198506150028</td><td>13851375678</td><td>采油三厂</td><td>地质研究所</td><td>2026</td><td>2026年度常规体检</td><td>采油三厂</td><td>两项都有</td><td>2025</td><td>是</td><td>否</td><td>阴性</td><td>是</td><td>否</td><td>3.2 U/mL</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
+        <tr><td>2</td><td class="col-1">王磊</td><td class="col-2">40056781</td><td>男</td><td>48</td><td>年龄≥45</td><td>610402197803220015</td><td>13952741234</td><td>采油一厂</td><td>作业区</td><td>2026</td><td>2026年度常规体检</td><td>采油一厂</td><td>Septin9</td><td>2025</td><td>是</td><td>是</td><td>阳性</td><td>—</td><td>—</td><td>—</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
+        <tr><td>3</td><td class="col-1">张丽华</td><td class="col-2">40023456</td><td>女</td><td>44</td><td>40≤年龄&lt;45</td><td>610402198201080046</td><td>13754119012</td><td>采油二厂</td><td>综合办</td><td>2026</td><td>2026年度常规体检</td><td>采油二厂</td><td>CA724</td><td>2025</td><td>—</td><td>—</td><td>—</td><td>是</td><td>否</td><td>4.1 U/mL</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 120 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <span>...</span>
+      <button class="page-btn">12</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 添加本次防癌筛查人员弹窗 -->
+<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
+  <div class="modal pick-modal">
+    <div class="modal__header">
+      <div class="modal__title">添加本次防癌筛查人员</div>
+      <button class="modal__close" onclick="closeAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="pick-filter">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 单位部门</label>
+          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
+            <option value="">请先选择单位部门</option>
+            <option value="采油一厂">采油一厂</option>
+            <option value="采油二厂">采油二厂</option>
+            <option value="采油三厂">采油三厂</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>姓名</label>
+          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
+        </div>
+        <div class="pick-filter__item">
+          <label>年龄范围</label>
+          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="40-50">40-50</option>
+            <option value="50-60">50-60</option>
+            <option value="60以上">60以上</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>Septin9是否检查</label>
+          <select class="form-select" id="pick-s9-checked" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="已检">已检</option>
+            <option value="未检">未检</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>Septin9结果</label>
+          <select class="form-select" id="pick-s9-result" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="正常">正常</option>
+            <option value="异常">异常</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>CA724是否检查</label>
+          <select class="form-select" id="pick-ca-checked" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="已检">已检</option>
+            <option value="未检">未检</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>CA724结果</label>
+          <select class="form-select" id="pick-ca-result" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="正常">正常</option>
+            <option value="异常">异常</option>
+          </select>
+        </div>
+      </div>
+      <div class="pick-layout">
+        <div class="pick-left">
+          <div class="pick-left__scroll">
+            <table class="pick-left__table">
+              <thead>
+                <tr>
+                  <th>姓名</th><th>身份证</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th><th>Septin9结果</th><th>CA724结果</th>
+                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
+                </tr>
+              </thead>
+              <tbody id="pick-candidate-body"></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="pick-right">
+          <div class="pick-right__header">
+            <span>已选人员 <span class="count" id="pick-count">0</span></span>
+            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
+          </div>
+          <div class="pick-right__scroll">
+            <table class="pick-right__table">
+              <thead>
+                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
+              </thead>
+              <tbody id="pick-selected-body"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:16px;align-items:flex-end;">
+        <div class="pick-filter__item" style="width:320px;">
+          <label><span class="required">*</span> 筛查类型</label>
+          <select class="form-select" id="pick-cancer-type">
+            <option value="">请选择筛查类型</option>
+            <option value="Septin9">Septin9</option>
+            <option value="CA724">CA724</option>
+            <option value="两项都有">两项都有</option>
+          </select>
+        </div>
+        <span style="color:var(--text-placeholder);font-size:var(--font-sm);padding-bottom:8px;">筛查类型将统一应用到本次添加的全部人员</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
+      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
+    </div>
+  </div>
+</div>
+
+<!-- 编辑防癌筛查人员弹窗 -->
+<div class="modal-overlay" id="edit-modal-overlay" onclick="if(event.target===this)closeEditModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">编辑防癌筛查人员</div>
+      <button class="modal__close" onclick="closeEditModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-section-title">员工基本信息</div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">姓名</div>
+          <input class="form-input" id="edit-name" type="text" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">员工编号</div>
+          <input class="form-input" id="edit-code" type="text" disabled>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">身份证号</div>
+          <input class="form-input" id="edit-idcard" type="text" disabled>
+        </div>
+        <div class="form-item">
+          <div class="form-label">单位</div>
+          <input class="form-input" id="edit-unit" type="text" disabled>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label">部门</div>
+          <input class="form-input" id="edit-dept" type="text" disabled>
+        </div>
+      </div>
+      <div class="form-section-title" style="margin-top:24px;">防癌筛查类型</div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 筛查类型</div>
+          <select class="form-select" id="edit-cancer-type">
+            <option value="Septin9">Septin9</option>
+            <option value="CA724">CA724</option>
+            <option value="两项都有">两项都有</option>
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEditModal()">保存</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 重新编号 */
+function renumberRows(){
+  var tbody = document.querySelector('.table-card__content tbody');
+  var rows = tbody.querySelectorAll('tr');
+  for(var i=0;i<rows.length;i++){
+    var cell = rows[i].querySelector('td');
+    if(cell) cell.textContent = (i+1);
+  }
+}
+
+/* 删除人员行 */
+function deleteRow(el){
+  if(!confirm('确定删除该人员吗？')) return;
+  el.closest('tr').remove();
+  renumberRows();
+}
+
+/* ===== 添加本次防癌筛查人员弹窗 ===== */
+var candidateData = [
+  {code:'40072341', name:'赵敏', idcard:'610402199203140027', gender:'女', phone:'13655487788', unit:'采油一厂', dept:'作业区', age:'42', ageRange:'40-50', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'},
+  {code:'40084512', name:'孙强', idcard:'610402197805120034', gender:'男', phone:'13556855566', unit:'采油一厂', dept:'作业区', age:'52', ageRange:'50-60', cancerType:'两项都有', s9Checked:'已检', s9Result:'异常', caChecked:'已检', caResult:'正常'},
+  {code:'40091234', name:'李娜', idcard:'610402198703080024', gender:'女', phone:'13958227788', unit:'采油二厂', dept:'综合办', age:'45', ageRange:'40-50', cancerType:'CA724', s9Checked:'未检', s9Result:'—', caChecked:'已检', caResult:'正常'},
+  {code:'40035678', name:'周建国', idcard:'610402197109220011', gender:'男', phone:'13759596677', unit:'采油二厂', dept:'采油队', age:'55', ageRange:'50-60', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'},
+  {code:'40046789', name:'吴婷', idcard:'610402198511090026', gender:'女', phone:'13860968899', unit:'采油三厂', dept:'地质研究所', age:'41', ageRange:'40-50', cancerType:'两项都有', s9Checked:'已检', s9Result:'异常', caChecked:'已检', caResult:'异常'},
+  {code:'40058901', name:'郑军', idcard:'610402196403150019', gender:'男', phone:'13662330011', unit:'采油三厂', dept:'地质研究所', age:'62', ageRange:'60以上', cancerType:'CA724', s9Checked:'未检', s9Result:'—', caChecked:'已检', caResult:'正常'},
+  {code:'40067812', name:'陈晓', idcard:'610402197904210025', gender:'女', phone:'13563702233', unit:'采油一厂', dept:'综合办', age:'47', ageRange:'40-50', cancerType:'Septin9', s9Checked:'已检', s9Result:'正常', caChecked:'已检', caResult:'正常'},
+  {code:'40079023', name:'王芳', idcard:'610402196807260046', gender:'女', phone:'13965073344', unit:'采油二厂', dept:'地质研究所', age:'58', ageRange:'50-60', cancerType:'两项都有', s9Checked:'已检', s9Result:'正常', caChecked:'未检', caResult:'—'}
+];
+var selectedMap = {};
+
+function openAddModal(){
+  selectedMap = {};
+  document.getElementById('pick-unit').value = '';
+  document.getElementById('pick-name').value = '';
+  document.getElementById('pick-age-range').value = '';
+  document.getElementById('pick-s9-checked').value = '';
+  document.getElementById('pick-s9-result').value = '';
+  document.getElementById('pick-ca-checked').value = '';
+  document.getElementById('pick-ca-result').value = '';
+  document.getElementById('pick-cancer-type').value = '';
+  renderCandidateList();
+  document.getElementById('add-modal-overlay').classList.add('open');
+}
+
+function onUnitChange(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function closeAddModal(){
+  document.getElementById('add-modal-overlay').classList.remove('open');
+}
+
+function findCandidate(code){
+  for(var i=0;i<candidateData.length;i++){
+    if(candidateData[i].code === code) return candidateData[i];
+  }
+  return null;
+}
+
+function getFilteredCandidates(){
+  var unit = document.getElementById('pick-unit').value;
+  if(!unit) return [];
+  var name = document.getElementById('pick-name').value.trim().toLowerCase();
+  var ageRange = document.getElementById('pick-age-range').value;
+  var s9Checked = document.getElementById('pick-s9-checked').value;
+  var s9Result = document.getElementById('pick-s9-result').value;
+  var caChecked = document.getElementById('pick-ca-checked').value;
+  var caResult = document.getElementById('pick-ca-result').value;
+  return candidateData.filter(function(c){
+    if(c.unit !== unit) return false;
+    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
+    if(ageRange && c.ageRange !== ageRange) return false;
+    if(s9Checked && c.s9Checked !== s9Checked) return false;
+    if(s9Result && c.s9Result !== s9Result) return false;
+    if(caChecked && c.caChecked !== caChecked) return false;
+    if(caResult && c.caResult !== caResult) return false;
+    return true;
+  });
+}
+
+function renderCandidateList(){
+  var tbody = document.getElementById('pick-candidate-body');
+  var unit = document.getElementById('pick-unit').value;
+  var html = '';
+  if(!unit){
+    html = '<tr><td colspan="9" class="pick-no-data">请先选择单位部门</td></tr>';
+  } else {
+    var list = getFilteredCandidates();
+    if(list.length === 0){
+      html = '<tr><td colspan="9" class="pick-no-data">暂无匹配人员</td></tr>';
+    } else {
+      list.forEach(function(c){
+        var checked = selectedMap[c.code] ? 'checked' : '';
+        html += '<tr>' +
+          '<td>' + c.name + '</td>' +
+          '<td>' + c.idcard + '</td>' +
+          '<td>' + c.gender + '</td>' +
+          '<td>' + c.age + '</td>' +
+          '<td>' + c.unit + '</td>' +
+          '<td>' + c.dept + '</td>' +
+          '<td>' + c.s9Result + '</td>' +
+          '<td>' + c.caResult + '</td>' +
+          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
+        '</tr>';
+      });
+    }
+  }
+  tbody.innerHTML = html;
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function updateCheckAll(){
+  var list = getFilteredCandidates();
+  var all = document.getElementById('pick-check-all');
+  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
+  all.checked = list.length > 0 && checkedCount === list.length;
+  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
+}
+
+function togglePick(checkbox, code){
+  if(checkbox.checked){
+    selectedMap[code] = true;
+  } else {
+    delete selectedMap[code];
+  }
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function toggleCheckAll(checkbox){
+  var list = getFilteredCandidates();
+  list.forEach(function(c){
+    if(checkbox.checked) selectedMap[c.code] = true;
+    else delete selectedMap[c.code];
+  });
+  renderCandidateList();
+}
+
+function renderSelectedList(){
+  var keys = Object.keys(selectedMap);
+  var tbody = document.getElementById('pick-selected-body');
+  document.getElementById('pick-count').textContent = keys.length;
+  var html = '';
+  if(keys.length === 0){
+    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
+  } else {
+    keys.forEach(function(code){
+      var c = findCandidate(code);
+      if(!c) return;
+      html += '<tr>' +
+        '<td>' + c.name + '</td>' +
+        '<td>' + c.idcard + '</td>' +
+        '<td>' + c.dept + '</td>' +
+        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
+      '</tr>';
+    });
+  }
+  tbody.innerHTML = html;
+  updateConfirmBtn();
+}
+
+function removePick(code){
+  delete selectedMap[code];
+  renderCandidateList();
+}
+
+function clearSelected(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function updateConfirmBtn(){
+  var n = Object.keys(selectedMap).length;
+  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
+}
+
+function mapChecked(v){ return v === '已检' ? '是' : (v === '未检' ? '否' : '—'); }
+function mapResult(checked, result){
+  if(checked === '未检') return '—';
+  return result === '异常' ? '是' : '否';
+}
+function mapValue(checked, result, abnormal, normal){
+  if(checked === '未检') return '—';
+  return result === '异常' ? abnormal : normal;
+}
+
+function saveAddModal(){
+  var keys = Object.keys(selectedMap);
+  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
+  var cancerType = document.getElementById('pick-cancer-type').value;
+  if(!cancerType){ alert('请选择筛查类型'); return; }
+  var tbody = document.querySelector('.table-card__content tbody');
+  keys.forEach(function(code){
+    var c = findCandidate(code);
+    if(!c) return;
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td></td>' +
+      '<td class="col-1">' + c.name + '</td>' +
+      '<td class="col-2">' + c.code + '</td>' +
+      '<td>' + c.gender + '</td>' +
+      '<td>' + c.age + '</td>' +
+      '<td>' + c.idcard + '</td>' +
+      '<td>' + c.phone + '</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + c.dept + '</td>' +
+      '<td>2026</td>' +
+      '<td>2026年度常规体检</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + cancerType + '</td>' +
+      '<td>2025</td>' +
+      '<td>' + mapChecked(c.s9Checked) + '</td>' +
+      '<td>' + mapResult(c.s9Checked, c.s9Result) + '</td>' +
+      '<td>' + mapValue(c.s9Checked, c.s9Result, '阳性', '阴性') + '</td>' +
+      '<td>' + mapChecked(c.caChecked) + '</td>' +
+      '<td>' + mapResult(c.caChecked, c.caResult) + '</td>' +
+      '<td>' + mapValue(c.caChecked, c.caResult, '偏高', '正常') + '</td>' +
+      '<td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span><span class="link-danger" onclick="deleteRow(this)">删除</span></td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+  });
+  renumberRows();
+  closeAddModal();
+}
+
+/* ===== 编辑防癌筛查人员弹窗 ===== */
+var editingRow = null;
+
+function openEditModal(el){
+  var tr = el.closest('tr');
+  if(!tr) return;
+  editingRow = tr;
+  var cells = tr.cells;
+  document.getElementById('edit-name').value = cells[1].textContent;
+  document.getElementById('edit-code').value = cells[2].textContent;
+  document.getElementById('edit-idcard').value = cells[6].textContent;
+  document.getElementById('edit-unit').value = cells[8].textContent;
+  document.getElementById('edit-dept').value = cells[9].textContent;
+  document.getElementById('edit-cancer-type').value = cells[13].textContent;
+  document.getElementById('edit-modal-overlay').classList.add('open');
+}
+
+function closeEditModal(){
+  document.getElementById('edit-modal-overlay').classList.remove('open');
+}
+
+function saveEditModal(){
+  if(!editingRow) return;
+  var type = document.getElementById('edit-cancer-type').value;
+  if(!type){ alert('请选择筛查类型'); return; }
+  editingRow.cells[13].textContent = type;
+  closeEditModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-special-cta.html b/web-admin/health-checkup/pre-special-cta.html
index da3b05b..b027d2c 100644
--- a/web-admin/health-checkup/pre-special-cta.html
+++ b/web-admin/health-checkup/pre-special-cta.html
@@ -1,233 +1,233 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>健康体检 - 冠脉CTA体检人员 | 健康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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
-  /* 人员选择弹窗 */
-  .pick-modal{width:1120px;max-width:96vw;}
-  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
-  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
-  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
-  .pick-filter__item label .required{color:var(--danger);}
-  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
-  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
-  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
-  .pick-left__scroll{flex:1;overflow-y:auto;}
-  .pick-left__table{width:100%;border-collapse:collapse;}
-  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table tbody tr:last-child td{border-bottom:none;}
-  .pick-left__table tbody tr{cursor:pointer;}
-  .pick-left__table tbody tr:hover{background:#F8FBFF;}
-  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
-  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
-  .pick-right__header .count{color:var(--primary);}
-  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
-  .pick-right__clear:hover{color:#40a9ff;}
-  .pick-right__scroll{flex:1;overflow-y:auto;}
-  .pick-right__table{width:100%;border-collapse:collapse;}
-  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
-  .pick-right__table tbody tr:last-child td{border-bottom:none;}
-  .pick-right__table tbody tr:hover{background:#F8FBFF;}
-  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
-  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
-  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
-  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>健康体检 - 冠脉CTA体检人员 | 健康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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
+  /* 人员选择弹窗 */
+  .pick-modal{width:1120px;max-width:96vw;}
+  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
+  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
+  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+  .pick-filter__item label .required{color:var(--danger);}
+  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
+  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
+  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
+  .pick-left__scroll{flex:1;overflow-y:auto;}
+  .pick-left__table{width:100%;border-collapse:collapse;}
+  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table tbody tr:last-child td{border-bottom:none;}
+  .pick-left__table tbody tr{cursor:pointer;}
+  .pick-left__table tbody tr:hover{background:#F8FBFF;}
+  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
+  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .pick-right__header .count{color:var(--primary);}
+  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
+  .pick-right__clear:hover{color:#40a9ff;}
+  .pick-right__scroll{flex:1;overflow-y:auto;}
+  .pick-right__table{width:100%;border-collapse:collapse;}
+  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
+  .pick-right__table tbody tr:last-child td{border-bottom:none;}
+  .pick-right__table tbody tr:hover{background:#F8FBFF;}
+  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
+  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
+  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
+  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -239,374 +239,374 @@
       <a href="pre-special-cta.html" class="sidebar-item active">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <input class="filter-input" type="text" placeholder="2026" style="min-width:100px;" value="2026">
-    </div>
-    <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>医院选择：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择医院选择</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:120px;">
-        <option>请选择性别</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄：</label>
-      <input class="filter-input" type="text" placeholder="请输入年龄" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>系统体检状态：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择系统体检状态</option><option>未体检</option><option>体检中</option><option>已体检</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次冠脉CTA检查人员</button>
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-    <button class="btn btn-default">批量导入人员</button>
-    <button class="btn btn-default">查看导入任务</button>
-    <button class="btn btn-danger">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">冠脉CTA体检人员</div>
-    </div>
-    <div class="table-card__content">
-    <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>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td>石维国</td><td>20045678</td><td>男</td><td>59</td><td>610105196712080031</td><td>13845678901</td><td>公司机关</td><td>安全环保部</td><td>2026</td><td>—</td><td>冠脉CTA</td><td>未体检</td><td>宁夏宝石花医院</td><td><span class="link">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 45 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <button class="page-btn">4</button>
-      <button class="page-btn">5</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 添加本次冠脉CTA检查人员弹窗 -->
-<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
-  <div class="modal pick-modal">
-    <div class="modal__header">
-      <div class="modal__title">添加本次冠脉CTA检查人员</div>
-      <button class="modal__close" onclick="closeAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="pick-filter">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 单位部门</label>
-          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
-            <option value="">请先选择单位部门</option>
-            <option value="公司机关">公司机关</option>
-            <option value="采油一厂">采油一厂</option>
-            <option value="采油二厂">采油二厂</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>姓名</label>
-          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
-        </div>
-        <div class="pick-filter__item">
-          <label>年龄范围</label>
-          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="40-50">40-50</option>
-            <option value="50-60">50-60</option>
-            <option value="60以上">60以上</option>
-          </select>
-        </div>
-      </div>
-      <div class="pick-layout">
-        <div class="pick-left">
-          <div class="pick-left__scroll">
-            <table class="pick-left__table">
-              <thead>
-                <tr>
-                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
-                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
-                </tr>
-              </thead>
-              <tbody id="pick-candidate-body"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="pick-right">
-          <div class="pick-right__header">
-            <span>已选人员 <span class="count" id="pick-count">0</span></span>
-            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
-          </div>
-          <div class="pick-right__scroll">
-            <table class="pick-right__table">
-              <thead>
-                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
-              </thead>
-              <tbody id="pick-selected-body"></tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
-      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 重新编号 */
-function renumberRows(){
-  var tbody = document.querySelector('.table-card__content tbody');
-  var rows = tbody.querySelectorAll('tr');
-  for(var i=0;i<rows.length;i++){
-    var cell = rows[i].querySelector('td');
-    if(cell) cell.textContent = (i+1);
-  }
-}
-
-/* 删除人员行 */
-function deleteRow(el){
-  if(!confirm('确定删除该人员吗？')) return;
-  el.closest('tr').remove();
-  renumberRows();
-}
-
-/* ===== 添加本次冠脉CTA检查人员弹窗 ===== */
-var candidateData = [
-  {code:'20045678', name:'石维国', idcard:'610105196712080031', phone:'13845678901', gender:'男', age:'59', ageRange:'50-60', unit:'公司机关', dept:'安全环保部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'20051234', name:'刘淑芬', idcard:'610105197105120034', phone:'13945789012', gender:'女', age:'55', ageRange:'50-60', unit:'公司机关', dept:'财务部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'20052345', name:'张德贵', idcard:'610105196403080024', phone:'13745890123', gender:'男', age:'62', ageRange:'60以上', unit:'采油一厂', dept:'作业区', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'20053456', name:'李红梅', idcard:'610105197409220011', phone:'13645901234', gender:'女', age:'52', ageRange:'50-60', unit:'采油一厂', dept:'综合办', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'20054567', name:'王军', idcard:'610105196807260046', phone:'13546012345', gender:'男', age:'58', ageRange:'50-60', unit:'采油二厂', dept:'采油队', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'20055678', name:'赵丽', idcard:'610105197711090026', phone:'13446123456', gender:'女', age:'49', ageRange:'40-50', unit:'采油二厂', dept:'财务科', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'20056789', name:'孙志强', idcard:'610105197003150019', phone:'13346234567', gender:'男', age:'56', ageRange:'50-60', unit:'公司机关', dept:'人事部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'20057890', name:'陈桂芳', idcard:'610105196504210025', phone:'13246345678', gender:'女', age:'61', ageRange:'60以上', unit:'采油一厂', dept:'地质所', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'}
-];
-var selectedMap = {};
-
-function openAddModal(){
-  selectedMap = {};
-  document.getElementById('pick-unit').value = '';
-  document.getElementById('pick-name').value = '';
-  document.getElementById('pick-age-range').value = '';
-  renderCandidateList();
-  document.getElementById('add-modal-overlay').classList.add('open');
-}
-
-function onUnitChange(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function closeAddModal(){
-  document.getElementById('add-modal-overlay').classList.remove('open');
-}
-
-function findCandidate(code){
-  for(var i=0;i<candidateData.length;i++){
-    if(candidateData[i].code === code) return candidateData[i];
-  }
-  return null;
-}
-
-function getFilteredCandidates(){
-  var unit = document.getElementById('pick-unit').value;
-  if(!unit) return [];
-  var name = document.getElementById('pick-name').value.trim().toLowerCase();
-  var ageRange = document.getElementById('pick-age-range').value;
-  return candidateData.filter(function(c){
-    if(c.unit !== unit) return false;
-    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
-    if(ageRange && c.ageRange !== ageRange) return false;
-    return true;
-  });
-}
-
-function renderCandidateList(){
-  var tbody = document.getElementById('pick-candidate-body');
-  var unit = document.getElementById('pick-unit').value;
-  var html = '';
-  if(!unit){
-    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
-  } else {
-    var list = getFilteredCandidates();
-    if(list.length === 0){
-      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
-    } else {
-      list.forEach(function(c){
-        var checked = selectedMap[c.code] ? 'checked' : '';
-        html += '<tr>' +
-          '<td>' + c.name + '</td>' +
-          '<td>' + c.idcard + '</td>' +
-          '<td>' + c.gender + '</td>' +
-          '<td>' + c.age + '</td>' +
-          '<td>' + c.unit + '</td>' +
-          '<td>' + c.dept + '</td>' +
-          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
-        '</tr>';
-      });
-    }
-  }
-  tbody.innerHTML = html;
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function updateCheckAll(){
-  var list = getFilteredCandidates();
-  var all = document.getElementById('pick-check-all');
-  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
-  all.checked = list.length > 0 && checkedCount === list.length;
-  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
-}
-
-function togglePick(checkbox, code){
-  if(checkbox.checked){
-    selectedMap[code] = true;
-  } else {
-    delete selectedMap[code];
-  }
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function toggleCheckAll(checkbox){
-  var list = getFilteredCandidates();
-  list.forEach(function(c){
-    if(checkbox.checked) selectedMap[c.code] = true;
-    else delete selectedMap[c.code];
-  });
-  renderCandidateList();
-}
-
-function renderSelectedList(){
-  var keys = Object.keys(selectedMap);
-  var tbody = document.getElementById('pick-selected-body');
-  document.getElementById('pick-count').textContent = keys.length;
-  var html = '';
-  if(keys.length === 0){
-    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
-  } else {
-    keys.forEach(function(code){
-      var c = findCandidate(code);
-      if(!c) return;
-      html += '<tr>' +
-        '<td>' + c.name + '</td>' +
-        '<td>' + c.idcard + '</td>' +
-        '<td>' + c.dept + '</td>' +
-        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
-      '</tr>';
-    });
-  }
-  tbody.innerHTML = html;
-  updateConfirmBtn();
-}
-
-function removePick(code){
-  delete selectedMap[code];
-  renderCandidateList();
-}
-
-function clearSelected(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function updateConfirmBtn(){
-  var n = Object.keys(selectedMap).length;
-  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
-}
-
-function saveAddModal(){
-  var keys = Object.keys(selectedMap);
-  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
-  var tbody = document.querySelector('.table-card__content tbody');
-  keys.forEach(function(code){
-    var c = findCandidate(code);
-    if(!c) return;
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td></td>' +
-      '<td>' + c.name + '</td>' +
-      '<td>' + c.code + '</td>' +
-      '<td>' + c.gender + '</td>' +
-      '<td>' + c.age + '</td>' +
-      '<td>' + c.idcard + '</td>' +
-      '<td>' + c.phone + '</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + c.dept + '</td>' +
-      '<td>2026</td>' +
-      '<td>—</td>' +
-      '<td>' + c.ctaItem + '</td>' +
-      '<td>' + c.sysStatus + '</td>' +
-      '<td>' + c.hospital + '</td>' +
-      '<td><span class="link">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-  });
-  renumberRows();
-  closeAddModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <input class="filter-input" type="text" placeholder="2026" style="min-width:100px;" value="2026">
+    </div>
+    <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>医院选择：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择医院选择</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:120px;">
+        <option>请选择性别</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄：</label>
+      <input class="filter-input" type="text" placeholder="请输入年龄" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>系统体检状态：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择系统体检状态</option><option>未体检</option><option>体检中</option><option>已体检</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次冠脉CTA检查人员</button>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-default">批量导入人员</button>
+    <button class="btn btn-default">查看导入任务</button>
+    <button class="btn btn-danger">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">冠脉CTA体检人员</div>
+    </div>
+    <div class="table-card__content">
+    <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>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td>石维国</td><td>20045678</td><td>男</td><td>59</td><td>610105196712080031</td><td>13845678901</td><td>公司机关</td><td>安全环保部</td><td>2026</td><td>—</td><td>冠脉CTA</td><td>未体检</td><td>宁夏宝石花医院</td><td><span class="link">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 45 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <button class="page-btn">4</button>
+      <button class="page-btn">5</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 添加本次冠脉CTA检查人员弹窗 -->
+<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
+  <div class="modal pick-modal">
+    <div class="modal__header">
+      <div class="modal__title">添加本次冠脉CTA检查人员</div>
+      <button class="modal__close" onclick="closeAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="pick-filter">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 单位部门</label>
+          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
+            <option value="">请先选择单位部门</option>
+            <option value="公司机关">公司机关</option>
+            <option value="采油一厂">采油一厂</option>
+            <option value="采油二厂">采油二厂</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>姓名</label>
+          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
+        </div>
+        <div class="pick-filter__item">
+          <label>年龄范围</label>
+          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="40-50">40-50</option>
+            <option value="50-60">50-60</option>
+            <option value="60以上">60以上</option>
+          </select>
+        </div>
+      </div>
+      <div class="pick-layout">
+        <div class="pick-left">
+          <div class="pick-left__scroll">
+            <table class="pick-left__table">
+              <thead>
+                <tr>
+                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
+                </tr>
+              </thead>
+              <tbody id="pick-candidate-body"></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="pick-right">
+          <div class="pick-right__header">
+            <span>已选人员 <span class="count" id="pick-count">0</span></span>
+            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
+          </div>
+          <div class="pick-right__scroll">
+            <table class="pick-right__table">
+              <thead>
+                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
+              </thead>
+              <tbody id="pick-selected-body"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
+      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 重新编号 */
+function renumberRows(){
+  var tbody = document.querySelector('.table-card__content tbody');
+  var rows = tbody.querySelectorAll('tr');
+  for(var i=0;i<rows.length;i++){
+    var cell = rows[i].querySelector('td');
+    if(cell) cell.textContent = (i+1);
+  }
+}
+
+/* 删除人员行 */
+function deleteRow(el){
+  if(!confirm('确定删除该人员吗？')) return;
+  el.closest('tr').remove();
+  renumberRows();
+}
+
+/* ===== 添加本次冠脉CTA检查人员弹窗 ===== */
+var candidateData = [
+  {code:'20045678', name:'石维国', idcard:'610105196712080031', phone:'13845678901', gender:'男', age:'59', ageRange:'50-60', unit:'公司机关', dept:'安全环保部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'20051234', name:'刘淑芬', idcard:'610105197105120034', phone:'13945789012', gender:'女', age:'55', ageRange:'50-60', unit:'公司机关', dept:'财务部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'20052345', name:'张德贵', idcard:'610105196403080024', phone:'13745890123', gender:'男', age:'62', ageRange:'60以上', unit:'采油一厂', dept:'作业区', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'20053456', name:'李红梅', idcard:'610105197409220011', phone:'13645901234', gender:'女', age:'52', ageRange:'50-60', unit:'采油一厂', dept:'综合办', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'20054567', name:'王军', idcard:'610105196807260046', phone:'13546012345', gender:'男', age:'58', ageRange:'50-60', unit:'采油二厂', dept:'采油队', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'20055678', name:'赵丽', idcard:'610105197711090026', phone:'13446123456', gender:'女', age:'49', ageRange:'40-50', unit:'采油二厂', dept:'财务科', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'20056789', name:'孙志强', idcard:'610105197003150019', phone:'13346234567', gender:'男', age:'56', ageRange:'50-60', unit:'公司机关', dept:'人事部', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'20057890', name:'陈桂芳', idcard:'610105196504210025', phone:'13246345678', gender:'女', age:'61', ageRange:'60以上', unit:'采油一厂', dept:'地质所', ctaItem:'冠脉CTA', sysStatus:'未体检', hospital:'CQ油田医院'}
+];
+var selectedMap = {};
+
+function openAddModal(){
+  selectedMap = {};
+  document.getElementById('pick-unit').value = '';
+  document.getElementById('pick-name').value = '';
+  document.getElementById('pick-age-range').value = '';
+  renderCandidateList();
+  document.getElementById('add-modal-overlay').classList.add('open');
+}
+
+function onUnitChange(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function closeAddModal(){
+  document.getElementById('add-modal-overlay').classList.remove('open');
+}
+
+function findCandidate(code){
+  for(var i=0;i<candidateData.length;i++){
+    if(candidateData[i].code === code) return candidateData[i];
+  }
+  return null;
+}
+
+function getFilteredCandidates(){
+  var unit = document.getElementById('pick-unit').value;
+  if(!unit) return [];
+  var name = document.getElementById('pick-name').value.trim().toLowerCase();
+  var ageRange = document.getElementById('pick-age-range').value;
+  return candidateData.filter(function(c){
+    if(c.unit !== unit) return false;
+    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
+    if(ageRange && c.ageRange !== ageRange) return false;
+    return true;
+  });
+}
+
+function renderCandidateList(){
+  var tbody = document.getElementById('pick-candidate-body');
+  var unit = document.getElementById('pick-unit').value;
+  var html = '';
+  if(!unit){
+    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
+  } else {
+    var list = getFilteredCandidates();
+    if(list.length === 0){
+      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
+    } else {
+      list.forEach(function(c){
+        var checked = selectedMap[c.code] ? 'checked' : '';
+        html += '<tr>' +
+          '<td>' + c.name + '</td>' +
+          '<td>' + c.idcard + '</td>' +
+          '<td>' + c.gender + '</td>' +
+          '<td>' + c.age + '</td>' +
+          '<td>' + c.unit + '</td>' +
+          '<td>' + c.dept + '</td>' +
+          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
+        '</tr>';
+      });
+    }
+  }
+  tbody.innerHTML = html;
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function updateCheckAll(){
+  var list = getFilteredCandidates();
+  var all = document.getElementById('pick-check-all');
+  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
+  all.checked = list.length > 0 && checkedCount === list.length;
+  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
+}
+
+function togglePick(checkbox, code){
+  if(checkbox.checked){
+    selectedMap[code] = true;
+  } else {
+    delete selectedMap[code];
+  }
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function toggleCheckAll(checkbox){
+  var list = getFilteredCandidates();
+  list.forEach(function(c){
+    if(checkbox.checked) selectedMap[c.code] = true;
+    else delete selectedMap[c.code];
+  });
+  renderCandidateList();
+}
+
+function renderSelectedList(){
+  var keys = Object.keys(selectedMap);
+  var tbody = document.getElementById('pick-selected-body');
+  document.getElementById('pick-count').textContent = keys.length;
+  var html = '';
+  if(keys.length === 0){
+    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
+  } else {
+    keys.forEach(function(code){
+      var c = findCandidate(code);
+      if(!c) return;
+      html += '<tr>' +
+        '<td>' + c.name + '</td>' +
+        '<td>' + c.idcard + '</td>' +
+        '<td>' + c.dept + '</td>' +
+        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
+      '</tr>';
+    });
+  }
+  tbody.innerHTML = html;
+  updateConfirmBtn();
+}
+
+function removePick(code){
+  delete selectedMap[code];
+  renderCandidateList();
+}
+
+function clearSelected(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function updateConfirmBtn(){
+  var n = Object.keys(selectedMap).length;
+  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
+}
+
+function saveAddModal(){
+  var keys = Object.keys(selectedMap);
+  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
+  var tbody = document.querySelector('.table-card__content tbody');
+  keys.forEach(function(code){
+    var c = findCandidate(code);
+    if(!c) return;
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td></td>' +
+      '<td>' + c.name + '</td>' +
+      '<td>' + c.code + '</td>' +
+      '<td>' + c.gender + '</td>' +
+      '<td>' + c.age + '</td>' +
+      '<td>' + c.idcard + '</td>' +
+      '<td>' + c.phone + '</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + c.dept + '</td>' +
+      '<td>2026</td>' +
+      '<td>—</td>' +
+      '<td>' + c.ctaItem + '</td>' +
+      '<td>' + c.sysStatus + '</td>' +
+      '<td>' + c.hospital + '</td>' +
+      '<td><span class="link">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+  });
+  renumberRows();
+  closeAddModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-special-gastro.html b/web-admin/health-checkup/pre-special-gastro.html
index dfe20b4..f28d55c 100644
--- a/web-admin/health-checkup/pre-special-gastro.html
+++ b/web-admin/health-checkup/pre-special-gastro.html
@@ -1,249 +1,249 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
-  /* 人员选择弹窗 */
-  .pick-modal{width:1120px;max-width:96vw;}
-  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
-  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
-  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
-  .pick-filter__item label .required{color:var(--danger);}
-  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
-  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
-  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
-  .pick-left__scroll{flex:1;overflow-y:auto;}
-  .pick-left__table{width:100%;border-collapse:collapse;}
-  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table tbody tr:last-child td{border-bottom:none;}
-  .pick-left__table tbody tr{cursor:pointer;}
-  .pick-left__table tbody tr:hover{background:#F8FBFF;}
-  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
-  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
-  .pick-right__header .count{color:var(--primary);}
-  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
-  .pick-right__clear:hover{color:#40a9ff;}
-  .pick-right__scroll{flex:1;overflow-y:auto;}
-  .pick-right__table{width:100%;border-collapse:collapse;}
-  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
-  .pick-right__table tbody tr:last-child td{border-bottom:none;}
-  .pick-right__table tbody tr:hover{background:#F8FBFF;}
-  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
-  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
-  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
-  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
-  /* 多选下拉 */
-  .multi-select{position:relative;}
-  .multi-select__control{min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 30px 3px 6px;cursor:pointer;background:#fff;position:relative;transition:border-color .2s;}
-  .multi-select__control:hover{border-color:var(--primary);}
-  .multi-select.open .multi-select__control{border-color:var(--primary);}
-  .multi-select__tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:26px;}
-  .multi-select__placeholder{color:var(--text-placeholder);font-size:var(--font-sm);padding:2px 6px;}
-  .multi-select__tag{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);border-radius:3px;padding:1px 6px;font-size:var(--font-xs);line-height:18px;}
-  .multi-select__tag .close{cursor:pointer;font-size:12px;line-height:1;color:var(--primary);}
-  .multi-select__tag .close:hover{color:var(--danger);}
-  .multi-select__arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;height:6px;display:flex;align-items:center;justify-content:center;}
-  .multi-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:30;max-height:200px;overflow-y:auto;display:none;}
-  .multi-select.open .multi-select__dropdown{display:block;}
-  .multi-select__option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:var(--font-sm);cursor:pointer;margin:0;}
-  .multi-select__option:hover{background:#F8FBFF;}
-  .multi-select__option input{accent-color:var(--primary);cursor:pointer;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item active">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
+  /* 人员选择弹窗 */
+  .pick-modal{width:1120px;max-width:96vw;}
+  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
+  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
+  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+  .pick-filter__item label .required{color:var(--danger);}
+  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
+  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
+  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
+  .pick-left__scroll{flex:1;overflow-y:auto;}
+  .pick-left__table{width:100%;border-collapse:collapse;}
+  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table tbody tr:last-child td{border-bottom:none;}
+  .pick-left__table tbody tr{cursor:pointer;}
+  .pick-left__table tbody tr:hover{background:#F8FBFF;}
+  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
+  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .pick-right__header .count{color:var(--primary);}
+  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
+  .pick-right__clear:hover{color:#40a9ff;}
+  .pick-right__scroll{flex:1;overflow-y:auto;}
+  .pick-right__table{width:100%;border-collapse:collapse;}
+  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
+  .pick-right__table tbody tr:last-child td{border-bottom:none;}
+  .pick-right__table tbody tr:hover{background:#F8FBFF;}
+  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
+  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
+  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
+  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
+  /* 多选下拉 */
+  .multi-select{position:relative;}
+  .multi-select__control{min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 30px 3px 6px;cursor:pointer;background:#fff;position:relative;transition:border-color .2s;}
+  .multi-select__control:hover{border-color:var(--primary);}
+  .multi-select.open .multi-select__control{border-color:var(--primary);}
+  .multi-select__tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:26px;}
+  .multi-select__placeholder{color:var(--text-placeholder);font-size:var(--font-sm);padding:2px 6px;}
+  .multi-select__tag{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);border-radius:3px;padding:1px 6px;font-size:var(--font-xs);line-height:18px;}
+  .multi-select__tag .close{cursor:pointer;font-size:12px;line-height:1;color:var(--primary);}
+  .multi-select__tag .close:hover{color:var(--danger);}
+  .multi-select__arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;height:6px;display:flex;align-items:center;justify-content:center;}
+  .multi-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:30;max-height:200px;overflow-y:auto;display:none;}
+  .multi-select.open .multi-select__dropdown{display:block;}
+  .multi-select__option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:var(--font-sm);cursor:pointer;margin:0;}
+  .multi-select__option:hover{background:#F8FBFF;}
+  .multi-select__option input{accent-color:var(--primary);cursor:pointer;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item active">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -255,470 +255,470 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select plan-year" style="min-width:100px;"></select>
-    </div>
-    <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>医院选择：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择医院选择</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:120px;">
-        <option>请选择性别</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄范围：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-        <option>年龄&lt;35</option>
-        <option>35≤年龄&lt;40</option>
-        <option>40≤年龄&lt;45</option>
-        <option>年龄≥45</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>系统体检状态：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择系统体检状态</option><option>未体检</option><option>体检中</option><option>已体检</option>
-      </select>
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次胃肠镜检查人员</button>
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-    <button class="btn btn-default">批量导入人员</button>
-    <button class="btn btn-default">查看导入任务</button>
-    <button class="btn btn-danger">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">胃肠镜体检人员配置</div>
-    </div>
-    <div class="table-card__content">
-    <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>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>1</td><td>陈伟</td><td>30078912</td><td>男</td><td>48</td><td>610103197809220015</td><td>13809123456</td><td>采油四厂</td><td>工程技术科</td><td>2026</td><td>2026年度胃肠镜专项体检</td><td>未体检</td><td>—</td><td><span class="link">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 86 条</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <span>...</span>
-      <button class="page-btn">9</button>
-      <span>每页</span>
-      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
-    </div>
-  </div>
-</main>
-
-<!-- 添加本次胃肠镜检查人员弹窗 -->
-<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
-  <div class="modal pick-modal">
-    <div class="modal__header">
-      <div class="modal__title">添加本次胃肠镜检查人员</div>
-      <button class="modal__close" onclick="closeAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="pick-filter">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 单位部门</label>
-          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
-            <option value="">请先选择单位部门</option>
-            <option value="采油四厂">采油四厂</option>
-            <option value="采油五厂">采油五厂</option>
-            <option value="采油六厂">采油六厂</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>姓名</label>
-          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
-        </div>
-        <div class="pick-filter__item">
-          <label>年龄范围</label>
-          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="年龄&lt;35">年龄&lt;35</option>
-            <option value="35≤年龄&lt;40">35≤年龄&lt;40</option>
-            <option value="40≤年龄&lt;45">40≤年龄&lt;45</option>
-            <option value="年龄≥45">年龄≥45</option>
-          </select>
-        </div>
-      </div>
-      <div class="pick-layout">
-        <div class="pick-left">
-          <div class="pick-left__scroll">
-            <table class="pick-left__table">
-              <thead>
-                <tr>
-                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
-                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
-                </tr>
-              </thead>
-              <tbody id="pick-candidate-body"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="pick-right">
-          <div class="pick-right__header">
-            <span>已选人员 <span class="count" id="pick-count">0</span></span>
-            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
-          </div>
-          <div class="pick-right__scroll">
-            <table class="pick-right__table">
-              <thead>
-                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
-              </thead>
-              <tbody id="pick-selected-body"></tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 承检医院</label>
-          <div class="multi-select" id="pick-hospital-multi">
-            <div class="multi-select__control" onclick="toggleHospitalDropdown(event)">
-              <div class="multi-select__tags" id="pick-hospital-tags">
-                <span class="multi-select__placeholder">请选择承检医院</span>
-              </div>
-              <span class="multi-select__arrow"><svg width="10" height="6" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="#999"/></svg></span>
-            </div>
-            <div class="multi-select__dropdown" id="pick-hospital-dropdown">
-              <label class="multi-select__option"><input type="checkbox" value="宁夏宝石花医院" onchange="onHospitalChange()">宁夏宝石花医院</label>
-              <label class="multi-select__option"><input type="checkbox" value="CQ油田医院" onchange="onHospitalChange()">CQ油田医院</label>
-              <label class="multi-select__option"><input type="checkbox" value="长安胃肠镜医院" onchange="onHospitalChange()">长安胃肠镜医院</label>
-              <label class="multi-select__option"><input type="checkbox" value="庆阳医院" onchange="onHospitalChange()">庆阳医院</label>
-            </div>
-          </div>
-        </div>
-        <span style="color:var(--text-placeholder);font-size:var(--font-sm);display:inline-block;margin-top:4px;">承检医院支持多选，可供员工选择合适的医院进行预约</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
-      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 重新编号 */
-function renumberRows(){
-  var tbody = document.querySelector('.table-card__content tbody');
-  var rows = tbody.querySelectorAll('tr');
-  for(var i=0;i<rows.length;i++){
-    var cell = rows[i].querySelector('td');
-    if(cell) cell.textContent = (i+1);
-  }
-}
-
-/* 删除人员行 */
-function deleteRow(el){
-  if(!confirm('确定删除该人员吗？')) return;
-  el.closest('tr').remove();
-  renumberRows();
-}
-
-/* ===== 添加本次胃肠镜检查人员弹窗 ===== */
-var candidateData = [
-  {code:'30078912', name:'陈伟', idcard:'610103197809220015', phone:'13809123456', gender:'男', age:'48', ageRange:'40-50', unit:'采油四厂', dept:'工程技术科', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'30082345', name:'刘芳', idcard:'610103197905120034', phone:'13909134567', gender:'女', age:'45', ageRange:'40-50', unit:'采油四厂', dept:'综合办', gastroItem:'胃镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'30085678', name:'王强', idcard:'610103197403080024', phone:'13709145678', gender:'男', age:'52', ageRange:'50-60', unit:'采油五厂', dept:'采油队', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'30088901', name:'李娜', idcard:'610103198511090026', phone:'13609156789', gender:'女', age:'41', ageRange:'40-50', unit:'采油五厂', dept:'财务科', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'30091234', name:'张伟', idcard:'610103197109220011', phone:'13509167890', gender:'男', age:'55', ageRange:'50-60', unit:'采油六厂', dept:'作业区', gastroItem:'胃镜', sysStatus:'已体检', hospital:'宁夏宝石花医院'},
-  {code:'30094567', name:'赵敏', idcard:'610103196807260046', phone:'13409178901', gender:'女', age:'58', ageRange:'50-60', unit:'采油六厂', dept:'地质所', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
-  {code:'30097890', name:'孙军', idcard:'610103198303150019', phone:'13309189012', gender:'男', age:'47', ageRange:'40-50', unit:'采油四厂', dept:'维修队', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
-  {code:'30099901', name:'周丽', idcard:'610103196404210025', phone:'13209190123', gender:'女', age:'62', ageRange:'60以上', unit:'采油五厂', dept:'综合办', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'}
-];
-var selectedMap = {};
-
-function openAddModal(){
-  selectedMap = {};
-  document.getElementById('pick-unit').value = '';
-  document.getElementById('pick-name').value = '';
-  document.getElementById('pick-age-range').value = '';
-  var hboxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
-  for(var i=0;i<hboxes.length;i++){ hboxes[i].checked = false; }
-  renderHospitalTags();
-  renderCandidateList();
-  document.getElementById('add-modal-overlay').classList.add('open');
-}
-
-function onUnitChange(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function closeAddModal(){
-  document.getElementById('add-modal-overlay').classList.remove('open');
-}
-
-function findCandidate(code){
-  for(var i=0;i<candidateData.length;i++){
-    if(candidateData[i].code === code) return candidateData[i];
-  }
-  return null;
-}
-
-/* 依据年龄计算所属年龄段，与筛选下拉保持一致 */
-function getAgeRange(age){
-  var a = Number(age);
-  if(a < 35) return '年龄<35';
-  if(a < 40) return '35≤年龄<40';
-  if(a < 45) return '40≤年龄<45';
-  return '年龄≥45';
-}
-
-function getFilteredCandidates(){
-  var unit = document.getElementById('pick-unit').value;
-  if(!unit) return [];
-  var name = document.getElementById('pick-name').value.trim().toLowerCase();
-  var ageRange = document.getElementById('pick-age-range').value;
-  return candidateData.filter(function(c){
-    if(c.unit !== unit) return false;
-    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
-    if(ageRange && getAgeRange(c.age) !== ageRange) return false;
-    return true;
-  });
-}
-
-function renderCandidateList(){
-  var tbody = document.getElementById('pick-candidate-body');
-  var unit = document.getElementById('pick-unit').value;
-  var html = '';
-  if(!unit){
-    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
-  } else {
-    var list = getFilteredCandidates();
-    if(list.length === 0){
-      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
-    } else {
-      list.forEach(function(c){
-        var checked = selectedMap[c.code] ? 'checked' : '';
-        html += '<tr>' +
-          '<td>' + c.name + '</td>' +
-          '<td>' + c.idcard + '</td>' +
-          '<td>' + c.gender + '</td>' +
-          '<td>' + c.age + '</td>' +
-          '<td>' + c.unit + '</td>' +
-          '<td>' + c.dept + '</td>' +
-          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
-        '</tr>';
-      });
-    }
-  }
-  tbody.innerHTML = html;
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function updateCheckAll(){
-  var list = getFilteredCandidates();
-  var all = document.getElementById('pick-check-all');
-  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
-  all.checked = list.length > 0 && checkedCount === list.length;
-  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
-}
-
-function togglePick(checkbox, code){
-  if(checkbox.checked){
-    selectedMap[code] = true;
-  } else {
-    delete selectedMap[code];
-  }
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function toggleCheckAll(checkbox){
-  var list = getFilteredCandidates();
-  list.forEach(function(c){
-    if(checkbox.checked) selectedMap[c.code] = true;
-    else delete selectedMap[c.code];
-  });
-  renderCandidateList();
-}
-
-function renderSelectedList(){
-  var keys = Object.keys(selectedMap);
-  var tbody = document.getElementById('pick-selected-body');
-  document.getElementById('pick-count').textContent = keys.length;
-  var html = '';
-  if(keys.length === 0){
-    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
-  } else {
-    keys.forEach(function(code){
-      var c = findCandidate(code);
-      if(!c) return;
-      html += '<tr>' +
-        '<td>' + c.name + '</td>' +
-        '<td>' + c.idcard + '</td>' +
-        '<td>' + c.dept + '</td>' +
-        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
-      '</tr>';
-    });
-  }
-  tbody.innerHTML = html;
-  updateConfirmBtn();
-}
-
-function removePick(code){
-  delete selectedMap[code];
-  renderCandidateList();
-}
-
-function clearSelected(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-/* ===== 承检医院多选 ===== */
-function toggleHospitalDropdown(e){
-  e.stopPropagation();
-  var el = document.getElementById('pick-hospital-multi');
-  if(el) el.classList.toggle('open');
-}
-function getSelectedHospitals(){
-  var boxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
-  var sel = [];
-  for(var i=0;i<boxes.length;i++){ if(boxes[i].checked) sel.push(boxes[i].value); }
-  return sel;
-}
-function onHospitalChange(){
-  renderHospitalTags();
-}
-function renderHospitalTags(){
-  var tags = document.getElementById('pick-hospital-tags');
-  if(!tags) return;
-  var sel = getSelectedHospitals();
-  var html = '';
-  if(sel.length === 0){
-    html = '<span class="multi-select__placeholder">请选择承检医院</span>';
-  } else {
-    for(var j=0;j<sel.length;j++){
-      html += '<span class="multi-select__tag">' + sel[j] + '<span class="close" onclick="removeHospital(event,\'' + sel[j] + '\')">✕</span></span>';
-    }
-  }
-  tags.innerHTML = html;
-}
-function removeHospital(e, h){
-  e.stopPropagation();
-  var boxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
-  for(var i=0;i<boxes.length;i++){ if(boxes[i].value === h) boxes[i].checked = false; }
-  renderHospitalTags();
-}
-/* 点击下拉区域外关闭 */
-document.addEventListener('click', function(e){
-  var multi = document.getElementById('pick-hospital-multi');
-  if(multi && !multi.contains(e.target)) multi.classList.remove('open');
-});
-
-function updateConfirmBtn(){
-  var n = Object.keys(selectedMap).length;
-  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
-}
-
-function saveAddModal(){
-  var keys = Object.keys(selectedMap);
-  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
-  var hospitals = getSelectedHospitals();
-  if(hospitals.length === 0){ alert('请选择承检医院'); return; }
-  var tbody = document.querySelector('.table-card__content tbody');
-  keys.forEach(function(code){
-    var c = findCandidate(code);
-    if(!c) return;
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td></td>' +
-      '<td>' + c.name + '</td>' +
-      '<td>' + c.code + '</td>' +
-      '<td>' + c.gender + '</td>' +
-      '<td>' + c.age + '</td>' +
-      '<td>' + c.idcard + '</td>' +
-      '<td>' + c.phone + '</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + c.dept + '</td>' +
-      '<td>2026</td>' +
-      '<td>2026年度胃肠镜专项体检</td>' +
-      '<td>' + c.sysStatus + '</td>' +
-      '<td>' + (c.sysStatus === '未体检' ? '—' : hospitals.join(',')) + '</td>' +
-      '<td><span class="link">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-  });
-  renumberRows();
-  closeAddModal();
-}
-
-/* 体检年份下拉，默认当年 */
-(function(){
-  var year = new Date().getFullYear();
-  document.querySelectorAll('.plan-year').forEach(function(sel){
-    sel.innerHTML = '';
-    for(var y = year - 3; y <= year + 1; y++){
-      var opt = document.createElement('option');
-      opt.value = y;
-      opt.textContent = y + '年';
-      if(y === year) opt.selected = true;
-      sel.appendChild(opt);
-    }
-  });
-})();
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select plan-year" style="min-width:100px;"></select>
+    </div>
+    <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>医院选择：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择医院选择</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:120px;">
+        <option>请选择性别</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄范围：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+        <option>年龄&lt;35</option>
+        <option>35≤年龄&lt;40</option>
+        <option>40≤年龄&lt;45</option>
+        <option>年龄≥45</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>系统体检状态：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择系统体检状态</option><option>未体检</option><option>体检中</option><option>已体检</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次胃肠镜检查人员</button>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-default">批量导入人员</button>
+    <button class="btn btn-default">查看导入任务</button>
+    <button class="btn btn-danger">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">胃肠镜体检人员配置</div>
+    </div>
+    <div class="table-card__content">
+    <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>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td>陈伟</td><td>30078912</td><td>男</td><td>48</td><td>610103197809220015</td><td>13809123456</td><td>采油四厂</td><td>工程技术科</td><td>2026</td><td>2026年度胃肠镜专项体检</td><td>未体检</td><td>—</td><td><span class="link">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 86 条</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <span>...</span>
+      <button class="page-btn">9</button>
+      <span>每页</span>
+      <select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>50条</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 添加本次胃肠镜检查人员弹窗 -->
+<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
+  <div class="modal pick-modal">
+    <div class="modal__header">
+      <div class="modal__title">添加本次胃肠镜检查人员</div>
+      <button class="modal__close" onclick="closeAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="pick-filter">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 单位部门</label>
+          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
+            <option value="">请先选择单位部门</option>
+            <option value="采油四厂">采油四厂</option>
+            <option value="采油五厂">采油五厂</option>
+            <option value="采油六厂">采油六厂</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>姓名</label>
+          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
+        </div>
+        <div class="pick-filter__item">
+          <label>年龄范围</label>
+          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="年龄&lt;35">年龄&lt;35</option>
+            <option value="35≤年龄&lt;40">35≤年龄&lt;40</option>
+            <option value="40≤年龄&lt;45">40≤年龄&lt;45</option>
+            <option value="年龄≥45">年龄≥45</option>
+          </select>
+        </div>
+      </div>
+      <div class="pick-layout">
+        <div class="pick-left">
+          <div class="pick-left__scroll">
+            <table class="pick-left__table">
+              <thead>
+                <tr>
+                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
+                </tr>
+              </thead>
+              <tbody id="pick-candidate-body"></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="pick-right">
+          <div class="pick-right__header">
+            <span>已选人员 <span class="count" id="pick-count">0</span></span>
+            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
+          </div>
+          <div class="pick-right__scroll">
+            <table class="pick-right__table">
+              <thead>
+                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
+              </thead>
+              <tbody id="pick-selected-body"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 承检医院</label>
+          <div class="multi-select" id="pick-hospital-multi">
+            <div class="multi-select__control" onclick="toggleHospitalDropdown(event)">
+              <div class="multi-select__tags" id="pick-hospital-tags">
+                <span class="multi-select__placeholder">请选择承检医院</span>
+              </div>
+              <span class="multi-select__arrow"><svg width="10" height="6" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="#999"/></svg></span>
+            </div>
+            <div class="multi-select__dropdown" id="pick-hospital-dropdown">
+              <label class="multi-select__option"><input type="checkbox" value="宁夏宝石花医院" onchange="onHospitalChange()">宁夏宝石花医院</label>
+              <label class="multi-select__option"><input type="checkbox" value="CQ油田医院" onchange="onHospitalChange()">CQ油田医院</label>
+              <label class="multi-select__option"><input type="checkbox" value="长安胃肠镜医院" onchange="onHospitalChange()">长安胃肠镜医院</label>
+              <label class="multi-select__option"><input type="checkbox" value="庆阳医院" onchange="onHospitalChange()">庆阳医院</label>
+            </div>
+          </div>
+        </div>
+        <span style="color:var(--text-placeholder);font-size:var(--font-sm);display:inline-block;margin-top:4px;">承检医院支持多选，可供员工选择合适的医院进行预约</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
+      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 重新编号 */
+function renumberRows(){
+  var tbody = document.querySelector('.table-card__content tbody');
+  var rows = tbody.querySelectorAll('tr');
+  for(var i=0;i<rows.length;i++){
+    var cell = rows[i].querySelector('td');
+    if(cell) cell.textContent = (i+1);
+  }
+}
+
+/* 删除人员行 */
+function deleteRow(el){
+  if(!confirm('确定删除该人员吗？')) return;
+  el.closest('tr').remove();
+  renumberRows();
+}
+
+/* ===== 添加本次胃肠镜检查人员弹窗 ===== */
+var candidateData = [
+  {code:'30078912', name:'陈伟', idcard:'610103197809220015', phone:'13809123456', gender:'男', age:'48', ageRange:'40-50', unit:'采油四厂', dept:'工程技术科', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'30082345', name:'刘芳', idcard:'610103197905120034', phone:'13909134567', gender:'女', age:'45', ageRange:'40-50', unit:'采油四厂', dept:'综合办', gastroItem:'胃镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'30085678', name:'王强', idcard:'610103197403080024', phone:'13709145678', gender:'男', age:'52', ageRange:'50-60', unit:'采油五厂', dept:'采油队', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'30088901', name:'李娜', idcard:'610103198511090026', phone:'13609156789', gender:'女', age:'41', ageRange:'40-50', unit:'采油五厂', dept:'财务科', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'30091234', name:'张伟', idcard:'610103197109220011', phone:'13509167890', gender:'男', age:'55', ageRange:'50-60', unit:'采油六厂', dept:'作业区', gastroItem:'胃镜', sysStatus:'已体检', hospital:'宁夏宝石花医院'},
+  {code:'30094567', name:'赵敏', idcard:'610103196807260046', phone:'13409178901', gender:'女', age:'58', ageRange:'50-60', unit:'采油六厂', dept:'地质所', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'},
+  {code:'30097890', name:'孙军', idcard:'610103198303150019', phone:'13309189012', gender:'男', age:'47', ageRange:'40-50', unit:'采油四厂', dept:'维修队', gastroItem:'胃镜,肠镜', sysStatus:'未体检', hospital:'宁夏宝石花医院'},
+  {code:'30099901', name:'周丽', idcard:'610103196404210025', phone:'13209190123', gender:'女', age:'62', ageRange:'60以上', unit:'采油五厂', dept:'综合办', gastroItem:'肠镜', sysStatus:'未体检', hospital:'CQ油田医院'}
+];
+var selectedMap = {};
+
+function openAddModal(){
+  selectedMap = {};
+  document.getElementById('pick-unit').value = '';
+  document.getElementById('pick-name').value = '';
+  document.getElementById('pick-age-range').value = '';
+  var hboxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
+  for(var i=0;i<hboxes.length;i++){ hboxes[i].checked = false; }
+  renderHospitalTags();
+  renderCandidateList();
+  document.getElementById('add-modal-overlay').classList.add('open');
+}
+
+function onUnitChange(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function closeAddModal(){
+  document.getElementById('add-modal-overlay').classList.remove('open');
+}
+
+function findCandidate(code){
+  for(var i=0;i<candidateData.length;i++){
+    if(candidateData[i].code === code) return candidateData[i];
+  }
+  return null;
+}
+
+/* 依据年龄计算所属年龄段，与筛选下拉保持一致 */
+function getAgeRange(age){
+  var a = Number(age);
+  if(a < 35) return '年龄<35';
+  if(a < 40) return '35≤年龄<40';
+  if(a < 45) return '40≤年龄<45';
+  return '年龄≥45';
+}
+
+function getFilteredCandidates(){
+  var unit = document.getElementById('pick-unit').value;
+  if(!unit) return [];
+  var name = document.getElementById('pick-name').value.trim().toLowerCase();
+  var ageRange = document.getElementById('pick-age-range').value;
+  return candidateData.filter(function(c){
+    if(c.unit !== unit) return false;
+    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
+    if(ageRange && getAgeRange(c.age) !== ageRange) return false;
+    return true;
+  });
+}
+
+function renderCandidateList(){
+  var tbody = document.getElementById('pick-candidate-body');
+  var unit = document.getElementById('pick-unit').value;
+  var html = '';
+  if(!unit){
+    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
+  } else {
+    var list = getFilteredCandidates();
+    if(list.length === 0){
+      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
+    } else {
+      list.forEach(function(c){
+        var checked = selectedMap[c.code] ? 'checked' : '';
+        html += '<tr>' +
+          '<td>' + c.name + '</td>' +
+          '<td>' + c.idcard + '</td>' +
+          '<td>' + c.gender + '</td>' +
+          '<td>' + c.age + '</td>' +
+          '<td>' + c.unit + '</td>' +
+          '<td>' + c.dept + '</td>' +
+          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
+        '</tr>';
+      });
+    }
+  }
+  tbody.innerHTML = html;
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function updateCheckAll(){
+  var list = getFilteredCandidates();
+  var all = document.getElementById('pick-check-all');
+  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
+  all.checked = list.length > 0 && checkedCount === list.length;
+  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
+}
+
+function togglePick(checkbox, code){
+  if(checkbox.checked){
+    selectedMap[code] = true;
+  } else {
+    delete selectedMap[code];
+  }
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function toggleCheckAll(checkbox){
+  var list = getFilteredCandidates();
+  list.forEach(function(c){
+    if(checkbox.checked) selectedMap[c.code] = true;
+    else delete selectedMap[c.code];
+  });
+  renderCandidateList();
+}
+
+function renderSelectedList(){
+  var keys = Object.keys(selectedMap);
+  var tbody = document.getElementById('pick-selected-body');
+  document.getElementById('pick-count').textContent = keys.length;
+  var html = '';
+  if(keys.length === 0){
+    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
+  } else {
+    keys.forEach(function(code){
+      var c = findCandidate(code);
+      if(!c) return;
+      html += '<tr>' +
+        '<td>' + c.name + '</td>' +
+        '<td>' + c.idcard + '</td>' +
+        '<td>' + c.dept + '</td>' +
+        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
+      '</tr>';
+    });
+  }
+  tbody.innerHTML = html;
+  updateConfirmBtn();
+}
+
+function removePick(code){
+  delete selectedMap[code];
+  renderCandidateList();
+}
+
+function clearSelected(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+/* ===== 承检医院多选 ===== */
+function toggleHospitalDropdown(e){
+  e.stopPropagation();
+  var el = document.getElementById('pick-hospital-multi');
+  if(el) el.classList.toggle('open');
+}
+function getSelectedHospitals(){
+  var boxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
+  var sel = [];
+  for(var i=0;i<boxes.length;i++){ if(boxes[i].checked) sel.push(boxes[i].value); }
+  return sel;
+}
+function onHospitalChange(){
+  renderHospitalTags();
+}
+function renderHospitalTags(){
+  var tags = document.getElementById('pick-hospital-tags');
+  if(!tags) return;
+  var sel = getSelectedHospitals();
+  var html = '';
+  if(sel.length === 0){
+    html = '<span class="multi-select__placeholder">请选择承检医院</span>';
+  } else {
+    for(var j=0;j<sel.length;j++){
+      html += '<span class="multi-select__tag">' + sel[j] + '<span class="close" onclick="removeHospital(event,\'' + sel[j] + '\')">✕</span></span>';
+    }
+  }
+  tags.innerHTML = html;
+}
+function removeHospital(e, h){
+  e.stopPropagation();
+  var boxes = document.querySelectorAll('#pick-hospital-dropdown input[type="checkbox"]');
+  for(var i=0;i<boxes.length;i++){ if(boxes[i].value === h) boxes[i].checked = false; }
+  renderHospitalTags();
+}
+/* 点击下拉区域外关闭 */
+document.addEventListener('click', function(e){
+  var multi = document.getElementById('pick-hospital-multi');
+  if(multi && !multi.contains(e.target)) multi.classList.remove('open');
+});
+
+function updateConfirmBtn(){
+  var n = Object.keys(selectedMap).length;
+  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
+}
+
+function saveAddModal(){
+  var keys = Object.keys(selectedMap);
+  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
+  var hospitals = getSelectedHospitals();
+  if(hospitals.length === 0){ alert('请选择承检医院'); return; }
+  var tbody = document.querySelector('.table-card__content tbody');
+  keys.forEach(function(code){
+    var c = findCandidate(code);
+    if(!c) return;
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td></td>' +
+      '<td>' + c.name + '</td>' +
+      '<td>' + c.code + '</td>' +
+      '<td>' + c.gender + '</td>' +
+      '<td>' + c.age + '</td>' +
+      '<td>' + c.idcard + '</td>' +
+      '<td>' + c.phone + '</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + c.dept + '</td>' +
+      '<td>2026</td>' +
+      '<td>2026年度胃肠镜专项体检</td>' +
+      '<td>' + c.sysStatus + '</td>' +
+      '<td>' + (c.sysStatus === '未体检' ? '—' : hospitals.join(',')) + '</td>' +
+      '<td><span class="link">编辑</span> <span class="link" style="margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+  });
+  renumberRows();
+  closeAddModal();
+}
+
+/* 体检年份下拉，默认当年 */
+(function(){
+  var year = new Date().getFullYear();
+  document.querySelectorAll('.plan-year').forEach(function(sel){
+    sel.innerHTML = '';
+    for(var y = year - 3; y <= year + 1; y++){
+      var opt = document.createElement('option');
+      opt.value = y;
+      opt.textContent = y + '年';
+      if(y === year) opt.selected = true;
+      sel.appendChild(opt);
+    }
+  });
+})();
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-special-hospital.html b/web-admin/health-checkup/pre-special-hospital.html
index e2f2e8b..604d4c9 100644
--- a/web-admin/health-checkup/pre-special-hospital.html
+++ b/web-admin/health-checkup/pre-special-hospital.html
@@ -1,233 +1,233 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
-  /* 人员选择弹窗 */
-  .pick-modal{width:1120px;max-width:96vw;}
-  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
-  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
-  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
-  .pick-filter__item label .required{color:var(--danger);}
-  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
-  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
-  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
-  .pick-left__scroll{flex:1;overflow-y:auto;}
-  .pick-left__table{width:100%;border-collapse:collapse;}
-  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table tbody tr:last-child td{border-bottom:none;}
-  .pick-left__table tbody tr{cursor:pointer;}
-  .pick-left__table tbody tr:hover{background:#F8FBFF;}
-  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
-  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
-  .pick-right__header .count{color:var(--primary);}
-  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
-  .pick-right__clear:hover{color:#40a9ff;}
-  .pick-right__scroll{flex:1;overflow-y:auto;}
-  .pick-right__table{width:100%;border-collapse:collapse;}
-  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
-  .pick-right__table tbody tr:last-child td{border-bottom:none;}
-  .pick-right__table tbody tr:hover{background:#F8FBFF;}
-  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
-  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
-  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
-  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item active">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
+  /* 人员选择弹窗 */
+  .pick-modal{width:1120px;max-width:96vw;}
+  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
+  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
+  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+  .pick-filter__item label .required{color:var(--danger);}
+  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
+  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
+  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
+  .pick-left__scroll{flex:1;overflow-y:auto;}
+  .pick-left__table{width:100%;border-collapse:collapse;}
+  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table tbody tr:last-child td{border-bottom:none;}
+  .pick-left__table tbody tr{cursor:pointer;}
+  .pick-left__table tbody tr:hover{background:#F8FBFF;}
+  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
+  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .pick-right__header .count{color:var(--primary);}
+  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
+  .pick-right__clear:hover{color:#40a9ff;}
+  .pick-right__scroll{flex:1;overflow-y:auto;}
+  .pick-right__table{width:100%;border-collapse:collapse;}
+  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
+  .pick-right__table tbody tr:last-child td{border-bottom:none;}
+  .pick-right__table tbody tr:hover{background:#F8FBFF;}
+  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
+  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
+  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
+  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item active">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -239,370 +239,370 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <input class="filter-input" type="text" placeholder="2026" style="min-width:100px;" value="2026">
-    </div>
-    <div class="filter-item">
-      <label>单位：</label>
-      <select class="filter-select" style="min-width:140px;">
-        <option>请选择单位</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>部门：</label>
-      <select class="filter-select" style="min-width:140px;">
-        <option>请选择部门</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>指定体检医院：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择指定体检医院</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入姓名" style="min-width:120px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入员工编号" style="min-width:160px;">
-    </div>
-    <button class="btn btn-primary">查询</button>
-    <button class="btn btn-default">重置</button>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center;">
-    <button class="btn btn-primary" onclick="openAddModal()">+ 添加指定体检医院员工</button>
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-    <button class="btn btn-default">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__header">
-      <div class="table-card__title">指定员工体检医院</div>
-    </div>
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th><input type="checkbox" style="cursor:pointer;"></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" style="cursor:pointer;"></td><td>周晓荣</td><td>00008401</td><td>女</td><td>46</td><td>延安医院</td><td>511222198007214711</td><td>18717508585</td><td>第一采油厂</td><td>广领导</td><td>2026</td><td>2026-04-29</td><td><span class="link" style="color:var(--danger);">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 2205 条数据</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <button class="page-btn">4</button>
-      <button class="page-btn">5</button>
-      <span>...</span>
-      <button class="page-btn">221</button>
-      <span>></span>
-      <span>10 条/页</span>
-      <span style="margin-left:8px;">跳至</span>
-      <input class="filter-input" type="text" style="min-width:50px;width:50px;height:32px;text-align:center;">
-      <span>页</span>
-    </div>
-  </div>
-</main>
-
-<!-- 添加指定体检医院员工弹窗 -->
-<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
-  <div class="modal pick-modal">
-    <div class="modal__header">
-      <div class="modal__title">添加指定体检医院员工</div>
-      <button class="modal__close" onclick="closeAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="pick-filter">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 单位部门</label>
-          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
-            <option value="">请先选择单位部门</option>
-            <option value="第一采油厂">第一采油厂</option>
-            <option value="第二采油厂">第二采油厂</option>
-            <option value="第三采油厂">第三采油厂</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>姓名</label>
-          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
-        </div>
-        <div class="pick-filter__item">
-          <label>年龄范围</label>
-          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="40-50">40-50</option>
-            <option value="50-60">50-60</option>
-            <option value="60以上">60以上</option>
-          </select>
-        </div>
-      </div>
-      <div class="pick-layout">
-        <div class="pick-left">
-          <div class="pick-left__scroll">
-            <table class="pick-left__table">
-              <thead>
-                <tr>
-                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
-                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
-                </tr>
-              </thead>
-              <tbody id="pick-candidate-body"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="pick-right">
-          <div class="pick-right__header">
-            <span>已选人员 <span class="count" id="pick-count">0</span></span>
-            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
-          </div>
-          <div class="pick-right__scroll">
-            <table class="pick-right__table">
-              <thead>
-                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
-              </thead>
-              <tbody id="pick-selected-body"></tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:16px;align-items:flex-end;">
-        <div class="pick-filter__item" style="width:320px;">
-          <label><span class="required">*</span> 指定体检医院</label>
-          <select class="form-select" id="pick-hospital">
-            <option value="">请选择指定体检医院</option>
-            <option value="延安医院">延安医院</option>
-            <option value="庆阳医院">庆阳医院</option>
-            <option value="兴隆园医院">兴隆园医院</option>
-            <option value="泾河医院">泾河医院</option>
-            <option value="西安市中心医院">西安市中心医院</option>
-            <option value="陕西省人民医院">陕西省人民医院</option>
-            <option value="咸阳市中心医院">咸阳市中心医院</option>
-            <option value="宝鸡市人民医院">宝鸡市人民医院</option>
-            <option value="长安胃肠镜医院">长安胃肠镜医院</option>
-          </select>
-        </div>
-        <span style="color:var(--text-placeholder);font-size:var(--font-sm);padding-bottom:8px;">指定体检医院将统一应用到本次添加的全部人员</span>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
-      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 删除员工行 */
-function deleteRow(el){
-  if(!confirm('确定删除该员工吗？')) return;
-  el.closest('tr').remove();
-}
-
-/* ===== 添加指定体检医院员工弹窗 ===== */
-var candidateData = [
-  {code:'00008512', name:'石维国', idcard:'511222197512120031', phone:'13717501234', gender:'男', age:'51', ageRange:'50-60', unit:'第一采油厂', dept:'采油队'},
-  {code:'00008623', name:'刘淑芬', idcard:'511222198003080034', phone:'13817512345', gender:'女', age:'46', ageRange:'40-50', unit:'第一采油厂', dept:'综合办'},
-  {code:'00008734', name:'张德贵', idcard:'511222197109220011', phone:'13917523456', gender:'男', age:'55', ageRange:'50-60', unit:'第二采油厂', dept:'作业区'},
-  {code:'00008845', name:'李红梅', idcard:'511222198511090026', phone:'13617534567', gender:'女', age:'41', ageRange:'40-50', unit:'第二采油厂', dept:'财务科'},
-  {code:'00008956', name:'王军', idcard:'511222196807260046', phone:'13517545678', gender:'男', age:'58', ageRange:'50-60', unit:'第三采油厂', dept:'维修队'},
-  {code:'00009067', name:'赵丽', idcard:'511222197711090027', phone:'13417556789', gender:'女', age:'49', ageRange:'40-50', unit:'第三采油厂', dept:'综合办'},
-  {code:'00009178', name:'孙志强', idcard:'511222197003150018', phone:'13317567890', gender:'男', age:'56', ageRange:'50-60', unit:'第一采油厂', dept:'地质所'},
-  {code:'00009289', name:'陈桂芳', idcard:'511222196504210025', phone:'13217578901', gender:'女', age:'61', ageRange:'60以上', unit:'第二采油厂', dept:'采油队'}
-];
-var selectedMap = {};
-
-function openAddModal(){
-  selectedMap = {};
-  document.getElementById('pick-unit').value = '';
-  document.getElementById('pick-name').value = '';
-  document.getElementById('pick-age-range').value = '';
-  document.getElementById('pick-hospital').value = '';
-  renderCandidateList();
-  document.getElementById('add-modal-overlay').classList.add('open');
-}
-
-function onUnitChange(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function closeAddModal(){
-  document.getElementById('add-modal-overlay').classList.remove('open');
-}
-
-function findCandidate(code){
-  for(var i=0;i<candidateData.length;i++){
-    if(candidateData[i].code === code) return candidateData[i];
-  }
-  return null;
-}
-
-function getFilteredCandidates(){
-  var unit = document.getElementById('pick-unit').value;
-  if(!unit) return [];
-  var name = document.getElementById('pick-name').value.trim().toLowerCase();
-  var ageRange = document.getElementById('pick-age-range').value;
-  return candidateData.filter(function(c){
-    if(c.unit !== unit) return false;
-    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
-    if(ageRange && c.ageRange !== ageRange) return false;
-    return true;
-  });
-}
-
-function renderCandidateList(){
-  var tbody = document.getElementById('pick-candidate-body');
-  var unit = document.getElementById('pick-unit').value;
-  var html = '';
-  if(!unit){
-    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
-  } else {
-    var list = getFilteredCandidates();
-    if(list.length === 0){
-      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
-    } else {
-      list.forEach(function(c){
-        var checked = selectedMap[c.code] ? 'checked' : '';
-        html += '<tr>' +
-          '<td>' + c.name + '</td>' +
-          '<td>' + c.idcard + '</td>' +
-          '<td>' + c.gender + '</td>' +
-          '<td>' + c.age + '</td>' +
-          '<td>' + c.unit + '</td>' +
-          '<td>' + c.dept + '</td>' +
-          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
-        '</tr>';
-      });
-    }
-  }
-  tbody.innerHTML = html;
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function updateCheckAll(){
-  var list = getFilteredCandidates();
-  var all = document.getElementById('pick-check-all');
-  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
-  all.checked = list.length > 0 && checkedCount === list.length;
-  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
-}
-
-function togglePick(checkbox, code){
-  if(checkbox.checked){
-    selectedMap[code] = true;
-  } else {
-    delete selectedMap[code];
-  }
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function toggleCheckAll(checkbox){
-  var list = getFilteredCandidates();
-  list.forEach(function(c){
-    if(checkbox.checked) selectedMap[c.code] = true;
-    else delete selectedMap[c.code];
-  });
-  renderCandidateList();
-}
-
-function renderSelectedList(){
-  var keys = Object.keys(selectedMap);
-  var tbody = document.getElementById('pick-selected-body');
-  document.getElementById('pick-count').textContent = keys.length;
-  var html = '';
-  if(keys.length === 0){
-    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
-  } else {
-    keys.forEach(function(code){
-      var c = findCandidate(code);
-      if(!c) return;
-      html += '<tr>' +
-        '<td>' + c.name + '</td>' +
-        '<td>' + c.idcard + '</td>' +
-        '<td>' + c.dept + '</td>' +
-        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
-      '</tr>';
-    });
-  }
-  tbody.innerHTML = html;
-  updateConfirmBtn();
-}
-
-function removePick(code){
-  delete selectedMap[code];
-  renderCandidateList();
-}
-
-function clearSelected(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function updateConfirmBtn(){
-  var n = Object.keys(selectedMap).length;
-  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
-}
-
-function saveAddModal(){
-  var keys = Object.keys(selectedMap);
-  if(keys.length === 0){ alert('请先勾选需要添加的员工'); return; }
-  var hospital = document.getElementById('pick-hospital').value;
-  if(!hospital){ alert('请选择指定体检医院'); return; }
-  var tbody = document.querySelector('.table-card__content tbody');
-  keys.forEach(function(code){
-    var c = findCandidate(code);
-    if(!c) return;
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td><input type="checkbox" style="cursor:pointer;"></td>' +
-      '<td>' + c.name + '</td>' +
-      '<td>' + c.code + '</td>' +
-      '<td>' + c.gender + '</td>' +
-      '<td>' + c.age + '</td>' +
-      '<td>' + hospital + '</td>' +
-      '<td>' + c.idcard + '</td>' +
-      '<td>' + c.phone + '</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + c.dept + '</td>' +
-      '<td>2026</td>' +
-      '<td>2026-08-18</td>' +
-      '<td><span class="link" style="color:var(--danger);" onclick="deleteRow(this)">删除</span></td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-  });
-  closeAddModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <input class="filter-input" type="text" placeholder="2026" style="min-width:100px;" value="2026">
+    </div>
+    <div class="filter-item">
+      <label>单位：</label>
+      <select class="filter-select" style="min-width:140px;">
+        <option>请选择单位</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>部门：</label>
+      <select class="filter-select" style="min-width:140px;">
+        <option>请选择部门</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>指定体检医院：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择指定体检医院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入姓名" style="min-width:120px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入员工编号" style="min-width:160px;">
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center;">
+    <button class="btn btn-primary" onclick="openAddModal()">+ 添加指定体检医院员工</button>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-default">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">指定员工体检医院</div>
+    </div>
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th><input type="checkbox" style="cursor:pointer;"></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" style="cursor:pointer;"></td><td>周晓荣</td><td>00008401</td><td>女</td><td>46</td><td>延安医院</td><td>511222198007214711</td><td>18717508585</td><td>第一采油厂</td><td>广领导</td><td>2026</td><td>2026-04-29</td><td><span class="link" style="color:var(--danger);">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 2205 条数据</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <button class="page-btn">4</button>
+      <button class="page-btn">5</button>
+      <span>...</span>
+      <button class="page-btn">221</button>
+      <span>></span>
+      <span>10 条/页</span>
+      <span style="margin-left:8px;">跳至</span>
+      <input class="filter-input" type="text" style="min-width:50px;width:50px;height:32px;text-align:center;">
+      <span>页</span>
+    </div>
+  </div>
+</main>
+
+<!-- 添加指定体检医院员工弹窗 -->
+<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
+  <div class="modal pick-modal">
+    <div class="modal__header">
+      <div class="modal__title">添加指定体检医院员工</div>
+      <button class="modal__close" onclick="closeAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="pick-filter">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 单位部门</label>
+          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
+            <option value="">请先选择单位部门</option>
+            <option value="第一采油厂">第一采油厂</option>
+            <option value="第二采油厂">第二采油厂</option>
+            <option value="第三采油厂">第三采油厂</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>姓名</label>
+          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
+        </div>
+        <div class="pick-filter__item">
+          <label>年龄范围</label>
+          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="40-50">40-50</option>
+            <option value="50-60">50-60</option>
+            <option value="60以上">60以上</option>
+          </select>
+        </div>
+      </div>
+      <div class="pick-layout">
+        <div class="pick-left">
+          <div class="pick-left__scroll">
+            <table class="pick-left__table">
+              <thead>
+                <tr>
+                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
+                </tr>
+              </thead>
+              <tbody id="pick-candidate-body"></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="pick-right">
+          <div class="pick-right__header">
+            <span>已选人员 <span class="count" id="pick-count">0</span></span>
+            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
+          </div>
+          <div class="pick-right__scroll">
+            <table class="pick-right__table">
+              <thead>
+                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
+              </thead>
+              <tbody id="pick-selected-body"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:16px;align-items:flex-end;">
+        <div class="pick-filter__item" style="width:320px;">
+          <label><span class="required">*</span> 指定体检医院</label>
+          <select class="form-select" id="pick-hospital">
+            <option value="">请选择指定体检医院</option>
+            <option value="延安医院">延安医院</option>
+            <option value="庆阳医院">庆阳医院</option>
+            <option value="兴隆园医院">兴隆园医院</option>
+            <option value="泾河医院">泾河医院</option>
+            <option value="西安市中心医院">西安市中心医院</option>
+            <option value="陕西省人民医院">陕西省人民医院</option>
+            <option value="咸阳市中心医院">咸阳市中心医院</option>
+            <option value="宝鸡市人民医院">宝鸡市人民医院</option>
+            <option value="长安胃肠镜医院">长安胃肠镜医院</option>
+          </select>
+        </div>
+        <span style="color:var(--text-placeholder);font-size:var(--font-sm);padding-bottom:8px;">指定体检医院将统一应用到本次添加的全部人员</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
+      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 删除员工行 */
+function deleteRow(el){
+  if(!confirm('确定删除该员工吗？')) return;
+  el.closest('tr').remove();
+}
+
+/* ===== 添加指定体检医院员工弹窗 ===== */
+var candidateData = [
+  {code:'00008512', name:'石维国', idcard:'511222197512120031', phone:'13717501234', gender:'男', age:'51', ageRange:'50-60', unit:'第一采油厂', dept:'采油队'},
+  {code:'00008623', name:'刘淑芬', idcard:'511222198003080034', phone:'13817512345', gender:'女', age:'46', ageRange:'40-50', unit:'第一采油厂', dept:'综合办'},
+  {code:'00008734', name:'张德贵', idcard:'511222197109220011', phone:'13917523456', gender:'男', age:'55', ageRange:'50-60', unit:'第二采油厂', dept:'作业区'},
+  {code:'00008845', name:'李红梅', idcard:'511222198511090026', phone:'13617534567', gender:'女', age:'41', ageRange:'40-50', unit:'第二采油厂', dept:'财务科'},
+  {code:'00008956', name:'王军', idcard:'511222196807260046', phone:'13517545678', gender:'男', age:'58', ageRange:'50-60', unit:'第三采油厂', dept:'维修队'},
+  {code:'00009067', name:'赵丽', idcard:'511222197711090027', phone:'13417556789', gender:'女', age:'49', ageRange:'40-50', unit:'第三采油厂', dept:'综合办'},
+  {code:'00009178', name:'孙志强', idcard:'511222197003150018', phone:'13317567890', gender:'男', age:'56', ageRange:'50-60', unit:'第一采油厂', dept:'地质所'},
+  {code:'00009289', name:'陈桂芳', idcard:'511222196504210025', phone:'13217578901', gender:'女', age:'61', ageRange:'60以上', unit:'第二采油厂', dept:'采油队'}
+];
+var selectedMap = {};
+
+function openAddModal(){
+  selectedMap = {};
+  document.getElementById('pick-unit').value = '';
+  document.getElementById('pick-name').value = '';
+  document.getElementById('pick-age-range').value = '';
+  document.getElementById('pick-hospital').value = '';
+  renderCandidateList();
+  document.getElementById('add-modal-overlay').classList.add('open');
+}
+
+function onUnitChange(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function closeAddModal(){
+  document.getElementById('add-modal-overlay').classList.remove('open');
+}
+
+function findCandidate(code){
+  for(var i=0;i<candidateData.length;i++){
+    if(candidateData[i].code === code) return candidateData[i];
+  }
+  return null;
+}
+
+function getFilteredCandidates(){
+  var unit = document.getElementById('pick-unit').value;
+  if(!unit) return [];
+  var name = document.getElementById('pick-name').value.trim().toLowerCase();
+  var ageRange = document.getElementById('pick-age-range').value;
+  return candidateData.filter(function(c){
+    if(c.unit !== unit) return false;
+    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
+    if(ageRange && c.ageRange !== ageRange) return false;
+    return true;
+  });
+}
+
+function renderCandidateList(){
+  var tbody = document.getElementById('pick-candidate-body');
+  var unit = document.getElementById('pick-unit').value;
+  var html = '';
+  if(!unit){
+    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
+  } else {
+    var list = getFilteredCandidates();
+    if(list.length === 0){
+      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
+    } else {
+      list.forEach(function(c){
+        var checked = selectedMap[c.code] ? 'checked' : '';
+        html += '<tr>' +
+          '<td>' + c.name + '</td>' +
+          '<td>' + c.idcard + '</td>' +
+          '<td>' + c.gender + '</td>' +
+          '<td>' + c.age + '</td>' +
+          '<td>' + c.unit + '</td>' +
+          '<td>' + c.dept + '</td>' +
+          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
+        '</tr>';
+      });
+    }
+  }
+  tbody.innerHTML = html;
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function updateCheckAll(){
+  var list = getFilteredCandidates();
+  var all = document.getElementById('pick-check-all');
+  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
+  all.checked = list.length > 0 && checkedCount === list.length;
+  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
+}
+
+function togglePick(checkbox, code){
+  if(checkbox.checked){
+    selectedMap[code] = true;
+  } else {
+    delete selectedMap[code];
+  }
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function toggleCheckAll(checkbox){
+  var list = getFilteredCandidates();
+  list.forEach(function(c){
+    if(checkbox.checked) selectedMap[c.code] = true;
+    else delete selectedMap[c.code];
+  });
+  renderCandidateList();
+}
+
+function renderSelectedList(){
+  var keys = Object.keys(selectedMap);
+  var tbody = document.getElementById('pick-selected-body');
+  document.getElementById('pick-count').textContent = keys.length;
+  var html = '';
+  if(keys.length === 0){
+    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
+  } else {
+    keys.forEach(function(code){
+      var c = findCandidate(code);
+      if(!c) return;
+      html += '<tr>' +
+        '<td>' + c.name + '</td>' +
+        '<td>' + c.idcard + '</td>' +
+        '<td>' + c.dept + '</td>' +
+        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
+      '</tr>';
+    });
+  }
+  tbody.innerHTML = html;
+  updateConfirmBtn();
+}
+
+function removePick(code){
+  delete selectedMap[code];
+  renderCandidateList();
+}
+
+function clearSelected(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function updateConfirmBtn(){
+  var n = Object.keys(selectedMap).length;
+  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
+}
+
+function saveAddModal(){
+  var keys = Object.keys(selectedMap);
+  if(keys.length === 0){ alert('请先勾选需要添加的员工'); return; }
+  var hospital = document.getElementById('pick-hospital').value;
+  if(!hospital){ alert('请选择指定体检医院'); return; }
+  var tbody = document.querySelector('.table-card__content tbody');
+  keys.forEach(function(code){
+    var c = findCandidate(code);
+    if(!c) return;
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td><input type="checkbox" style="cursor:pointer;"></td>' +
+      '<td>' + c.name + '</td>' +
+      '<td>' + c.code + '</td>' +
+      '<td>' + c.gender + '</td>' +
+      '<td>' + c.age + '</td>' +
+      '<td>' + hospital + '</td>' +
+      '<td>' + c.idcard + '</td>' +
+      '<td>' + c.phone + '</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + c.dept + '</td>' +
+      '<td>2026</td>' +
+      '<td>2026-08-18</td>' +
+      '<td><span class="link" style="color:var(--danger);" onclick="deleteRow(this)">删除</span></td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+  });
+  closeAddModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-checkup/pre-special-occupation.html b/web-admin/health-checkup/pre-special-occupation.html
index cfa787a..7e3966c 100644
--- a/web-admin/health-checkup/pre-special-occupation.html
+++ b/web-admin/health-checkup/pre-special-occupation.html
@@ -1,249 +1,249 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<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;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
-  }
-  /* 顶部导航 */
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .top-bar__right .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  /* 侧边栏 */
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
-  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
-  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
-  /* 主内容 */
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .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;}
-  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-  .filter-input{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;min-width:200px;}
-  .filter-input:focus{border-color:var(--primary);}
-  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
-  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
-  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
-  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
-  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-  .table-card__title{font-size:var(--font-base);font-weight:600;}
-  .table-card__actions{display:flex;gap:8px;align-items:center;}
-  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-  .table-card__content table{min-width:100%;white-space:nowrap;}
-  table{width:100%;border-collapse:collapse;}
-  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  tbody tr:last-child td{border-bottom:none;}
-  tbody tr:hover{background:#F8FBFF;}
-  /* 操作列固定（右侧 sticky） */
-  th.op-col,td.op-col{position:sticky;right:0;z-index:1;box-shadow:-2px 0 4px rgba(0,0,0,0.06);}
-  th.op-col{background:#FAFAFA;z-index:3;}
-  td.op-col{background:#fff;}
-  tbody tr:hover td.op-col{background:#F8FBFF;}
-  /* 前三列固定（左侧 sticky） */
-  th.col-1,td.col-1{position:sticky;left:0;z-index:2;width:60px;min-width:60px;background:#fff;}
-  th.col-2,td.col-2{position:sticky;left:60px;z-index:2;width:100px;min-width:100px;background:#fff;}
-  th.col-3,td.col-3{position:sticky;left:160px;z-index:2;width:120px;min-width:120px;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
-  th.col-1,th.col-2,th.col-3{background:#FAFAFA;z-index:4;}
-  tbody tr:hover td.col-1,tbody tr:hover td.col-2,tbody tr:hover td.col-3{background:#F8FBFF;}
-  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-  .tag-blue{background:var(--primary-light);color:var(--primary);}
-  .tag-green{background:#F6FFED;color:var(--success);}
-  .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;}
-  .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);}
-  .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);}
-  /* 弹窗 */
-  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
-  .modal-overlay.open{display:flex;}
-  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
-  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
-  .modal__title{font-size:var(--font-lg);font-weight:600;}
-  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
-  .modal__close:hover{background:#F5F5F5;}
-  .modal__body{padding:24px;overflow-y:auto;}
-  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
-  /* 表单 */
-  .form-item{margin-bottom:20px;}
-  .form-item:last-child{margin-bottom:0;}
-  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
-  .form-label .required{color:var(--danger);}
-  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
-  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
-  .form-row{display:flex;gap:16px;}
-  .form-row .form-item{flex:1;}
-  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
-  /* 员工基本信息卡片 */
-  .person-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
-  .person-info__item{font-size:var(--font-sm);}
-  .person-info__item label{color:var(--text-secondary);}
-  .person-info__item span{color:var(--text-primary);font-weight:500;}
-  /* 人员选择弹窗 */
-  .pick-modal{width:1120px;max-width:96vw;}
-  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
-  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
-  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
-  .pick-filter__item label .required{color:var(--danger);}
-  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
-  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
-  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
-  .pick-left__scroll{flex:1;overflow-y:auto;}
-  .pick-left__table{width:100%;border-collapse:collapse;}
-  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-left__table tbody tr:last-child td{border-bottom:none;}
-  .pick-left__table tbody tr{cursor:pointer;}
-  .pick-left__table tbody tr:hover{background:#F8FBFF;}
-  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
-  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
-  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
-  .pick-right__header .count{color:var(--primary);}
-  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
-  .pick-right__clear:hover{color:#40a9ff;}
-  .pick-right__scroll{flex:1;overflow-y:auto;}
-  .pick-right__table{width:100%;border-collapse:collapse;}
-  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
-  .pick-right__table tbody tr:last-child td{border-bottom:none;}
-  .pick-right__table tbody tr:hover{background:#F8FBFF;}
-  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
-  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
-  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
-  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
-</style>
-</head>
-<body>
-
-<!-- 顶部导航 -->
-<div class="top-bar">
-  <div class="top-bar__logo">
-    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
-    健康体检
-  </div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html">档案</a>
-    <a href="config-material-notice.html">基础配置</a>
-    <a href="pre-hospital-scope.html" class="active">检前</a>
-    <a href="mid-appointment-track.html">检中</a>
-    <a href="post-unit-count.html">检后</a>
-    <a href="exception-dirty.html">异常事件</a>
-  </nav>
-  <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
-    <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
-  </div>
-</div>
-
-<!-- 侧边栏 -->
-<aside class="sidebar">
-  <div class="sidebar-menu__title">检前</div>
-  <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>
-      常规体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-plan.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>
-          体检额度配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
-          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
-        </div>
-      </div>
-      <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>
-          体检项目配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目费用</a>
-          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
-          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
-          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
-          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
-        </div>
-      </div>
-      <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>
-          特殊人员配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
-          <a href="pre-special-occupation.html" class="sidebar-item active">职业体检人员</a>

-          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <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>
-      胃肠镜体检
-    </div>
-    <div class="sidebar-subgroup__body">
-      <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>
-          胃肠镜预选配置
-        </div>
-        <div class="sidebar-subgroup__body">
-          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
-          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
-          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
-        </div>
-      </div>
-      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
-      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
-      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
-    </div>
-  </div>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;}
+  :root{
+    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+  }
+  /* 顶部导航 */
+  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+  .top-bar__logo svg{width:28px;height:28px;}
+  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+  .top-bar__nav a.active{color:#fff;background:var(--primary);}
+  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+  .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+  .top-bar__right .btn-back:hover{color:#fff;}
+  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+  /* 侧边栏 */
+  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+  .sidebar-item.active{color:#fff;background:var(--primary);}
+  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
+  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
+  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
+  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
+  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
+  .sidebar-subgroup__body{display:none;padding-left:16px;}
+  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
+  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
+  .sidebar-subgroup .sidebar-subgroup{padding-left:12px;}
+  .sidebar-subgroup .sidebar-subgroup .sidebar-item{padding-left:40px;}
+  .sidebar-subgroup .sidebar-subgroup>.sidebar-subgroup__header{font-size:12px;}
+  /* 主内容 */
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .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;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{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;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+  .table-card__content table{min-width:100%;white-space:nowrap;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  /* 操作列固定（右侧 sticky） */
+  th.op-col,td.op-col{position:sticky;right:0;z-index:1;box-shadow:-2px 0 4px rgba(0,0,0,0.06);}
+  th.op-col{background:#FAFAFA;z-index:3;}
+  td.op-col{background:#fff;}
+  tbody tr:hover td.op-col{background:#F8FBFF;}
+  /* 前三列固定（左侧 sticky） */
+  th.col-1,td.col-1{position:sticky;left:0;z-index:2;width:60px;min-width:60px;background:#fff;}
+  th.col-2,td.col-2{position:sticky;left:60px;z-index:2;width:100px;min-width:100px;background:#fff;}
+  th.col-3,td.col-3{position:sticky;left:160px;z-index:2;width:120px;min-width:120px;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
+  th.col-1,th.col-2,th.col-3{background:#FAFAFA;z-index:4;}
+  tbody tr:hover td.col-1,tbody tr:hover td.col-2,tbody tr:hover td.col-3{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .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;}
+  .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);}
+  .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);}
+  /* 弹窗 */
+  .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1100;display:none;align-items:center;justify-content:center;}
+  .modal-overlay.open{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:680px;max-width:94vw;max-height:96vh;display:flex;flex-direction:column;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+  .modal__close:hover{background:#F5F5F5;}
+  .modal__body{padding:24px;overflow-y:auto;}
+  .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);}
+  /* 表单 */
+  .form-item{margin-bottom:20px;}
+  .form-item:last-child{margin-bottom:0;}
+  .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+  .form-label .required{color:var(--danger);}
+  .form-input{width:100%;height:40px;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-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-select{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;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;}
+  .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+  .form-row{display:flex;gap:16px;}
+  .form-row .form-item{flex:1;}
+  .form-section-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:4px 0 16px;padding-left:8px;border-left:3px solid var(--primary);}
+  /* 员工基本信息卡片 */
+  .person-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px 28px;}
+  .person-info__item{font-size:var(--font-sm);}
+  .person-info__item label{color:var(--text-secondary);}
+  .person-info__item span{color:var(--text-primary);font-weight:500;}
+  /* 人员选择弹窗 */
+  .pick-modal{width:1120px;max-width:96vw;}
+  .pick-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;}
+  .pick-filter__item{display:flex;flex-direction:column;gap:6px;min-width:0;}
+  .pick-filter__item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+  .pick-filter__item label .required{color:var(--danger);}
+  .pick-filter__item .form-input,.pick-filter__item .form-select{width:100%;height:34px;min-width:0;}
+  .pick-layout{display:flex;gap:16px;align-items:stretch;height:500px;}
+  .pick-left{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;}
+  .pick-left__scroll{flex:1;overflow-y:auto;}
+  .pick-left__table{width:100%;border-collapse:collapse;}
+  .pick-left__table th{background:#FAFAFA;padding:10px 12px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table td{padding:10px 12px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-left__table tbody tr:last-child td{border-bottom:none;}
+  .pick-left__table tbody tr{cursor:pointer;}
+  .pick-left__table tbody tr:hover{background:#F8FBFF;}
+  .pick-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+  .pick-right{width:360px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;}
+  .pick-right__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .pick-right__header .count{color:var(--primary);}
+  .pick-right__clear{color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:400;}
+  .pick-right__clear:hover{color:#40a9ff;}
+  .pick-right__scroll{flex:1;overflow-y:auto;}
+  .pick-right__table{width:100%;border-collapse:collapse;}
+  .pick-right__table th{background:#FAFAFA;padding:10px 8px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  .pick-right__table td{padding:10px 8px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
+  .pick-right__table tbody tr:last-child td{border-bottom:none;}
+  .pick-right__table tbody tr:hover{background:#F8FBFF;}
+  .pick-item__remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1;}
+  .pick-item__remove:hover{background:#FFECEC;color:var(--danger);}
+  .pick-empty{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:40px 0;}
+  .pick-no-data{color:var(--text-placeholder);font-size:var(--font-sm);text-align:center;padding:24px 0;}
+</style>
+</head>
+<body>
+
+<!-- 顶部导航 -->
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康体检
+  </div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="config-material-notice.html">基础配置</a>
+    <a href="pre-hospital-scope.html" class="active">检前</a>
+    <a href="mid-appointment-track.html">检中</a>
+    <a href="post-unit-count.html">检后</a>
+    <a href="exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">检前</div>
+  <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>
+      常规体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <a href="pre-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-plan.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>
+          体检额度配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-quota-group.html" class="sidebar-item">群体额度配置</a>
+          <a href="pre-quota-personal.html" class="sidebar-item">员工额度配置</a>
+        </div>
+      </div>
+      <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>
+          体检项目配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-item-hospital-fee.html" class="sidebar-item">医院体检项目</a>
+          <a href="pre-item-unit-fee.html" class="sidebar-item">单位体检项目费用</a>
+          <a href="pre-item-combo-template.html" class="sidebar-item">体检项目组合模板</a>
+          <a href="pre-item-exception.html" class="sidebar-item">组合模板例外配置</a>
+          <a href="pre-item-required.html" class="sidebar-item">单位体检项目审核</a>
+        </div>
+      </div>
+      <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>
+          特殊人员配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-special-cancer.html" class="sidebar-item">防癌筛查人员</a>
+          <a href="pre-special-occupation.html" class="sidebar-item active">职业体检人员</a>
+          <a href="pre-special-hospital.html" class="sidebar-item">指定员工体检医院</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <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>
+      胃肠镜体检
+    </div>
+    <div class="sidebar-subgroup__body">
+      <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>
+          胃肠镜预选配置
+        </div>
+        <div class="sidebar-subgroup__body">
+          <a href="pre-gastro-plan.html" class="sidebar-item">单位预选计划</a>
+          <a href="pre-gastro-employee.html" class="sidebar-item">员工预选信息</a>
+          <a href="pre-gastro-stat.html" class="sidebar-item">预选信息统计</a>
+        </div>
+      </div>
+      <a href="pre-gastro-hospital-scope.html" class="sidebar-item">医院承检范围配置</a>
+      <a href="pre-gastro-plan-mgmt.html" class="sidebar-item">单位体检计划管理</a>
+      <a href="pre-special-gastro.html" class="sidebar-item">胃肠镜人员配置</a>
+    </div>
+  </div>
   <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>
@@ -255,502 +255,502 @@
       <a href="pre-special-cta.html" class="sidebar-item">冠脉CTA体检人员</a>
     </div>
   </div>
-</aside>
-
-<!-- 主内容 -->
-<main class="main">
-  <!-- 筛选栏 -->
-  <div class="filter-bar">
-    <div class="filter-item">
-      <label>体检年份：</label>
-      <select class="filter-select" style="min-width:100px;">
-        <option value="2026" selected>2026</option>
-        <option value="2025">2025</option>
-        <option value="2024">2024</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>单位部门：</label>
-      <select class="filter-select" style="min-width:140px;">
-        <option>请选择单位部门</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>医院选择：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择医院选择</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>姓名：</label>
-      <input class="filter-input" type="text" placeholder="请输入姓名" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>员工编号：</label>
-      <input class="filter-input" type="text" placeholder="请输入员工编号" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>身份证号：</label>
-      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
-    </div>
-    <div class="filter-item">
-      <label>性别：</label>
-      <select class="filter-select" style="min-width:120px;">
-        <option>请选择性别</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>年龄范围：</label>
-      <select class="filter-select">
-        <option>请选择</option>
-        <option>年龄&lt;35</option>
-        <option>35≤年龄&lt;40</option>
-        <option>40≤年龄&lt;45</option>
-        <option>年龄≥45</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>用工形式：</label>
-      <select class="filter-select" style="min-width:140px;">
-        <option>请选择用工形式</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>系统体检状态：</label>
-      <select class="filter-select" style="min-width:160px;">
-        <option>请选择系统体检状态</option>
-        <option value="未体检">未体检</option>
-        <option value="体检中">体检中</option>
-        <option value="已体检">已体检</option>
-      </select>
-    </div>
-    <div style="display:flex;gap:8px;margin-top:4px;">
-      <button class="btn btn-primary">查询</button>
-      <button class="btn btn-default">重置</button>
-    </div>
-  </div>
-
-  <!-- 操作按钮 -->
-  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
-    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次职业检查人员</button>
-    <button class="btn btn-default">导出列表数据</button>
-    <button class="btn btn-default">查看导出任务</button>
-    <button class="btn btn-default">批量导入人员</button>
-    <button class="btn btn-default">查看导入任务</button>
-    <button class="btn btn-danger">批量删除</button>
-  </div>
-
-  <!-- 数据表格 -->
-  <div class="table-card">
-    <div class="table-card__content">
-    <table>
-      <thead>
-        <tr>
-          <th class="col-1">序号</th><th class="col-2">姓名</th><th class="col-3">员工编号</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 class="op-col">操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td class="col-1">1</td><td class="col-2">贾彬</td><td class="col-3">50500790</td><td>女</td><td>36</td><td>35≤年龄&lt;40</td><td>411330199001260043</td><td>13912345678</td><td>CQ工程设计有限公司</td><td>建筑设计部</td><td>热力司炉工</td><td>合同制B</td><td>1994-09-01</td><td>2000-05-01</td><td>在岗期间</td><td>噪声,一氧化碳</td><td>未体检</td><td>宁夏宝石花医院</td><td>2026</td><td>第二采气厂2026年员...</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="color:var(--danger);margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
-      </tbody>
-    </table>
-    </div>
-    <div class="pagination">
-      <span>共 17363 条数据</span>
-      <button class="page-btn active">1</button>
-      <button class="page-btn">2</button>
-      <button class="page-btn">3</button>
-      <button class="page-btn">4</button>
-      <button class="page-btn">5</button>
-      <span>...</span>
-      <button class="page-btn">1737</button>
-      <span>></span>
-      <span>10 条/页</span>
-      <span style="margin-left:8px;">跳至</span>
-      <input class="filter-input" type="text" style="min-width:50px;width:50px;height:32px;text-align:center;">
-      <span>页</span>
-    </div>
-  </div>
-</main>
-
-<!-- 添加本次职业检查人员弹窗 -->
-<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
-  <div class="modal pick-modal">
-    <div class="modal__header">
-      <div class="modal__title">添加本次职业检查人员</div>
-      <button class="modal__close" onclick="closeAddModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="pick-filter">
-        <div class="pick-filter__item">
-          <label><span class="required">*</span> 单位部门</label>
-          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
-            <option value="">请先选择单位部门</option>
-            <option value="CQ工程设计有限公司">CQ工程设计有限公司</option>
-            <option value="第二采气厂">第二采气厂</option>
-            <option value="第三采气厂">第三采气厂</option>
-          </select>
-        </div>
-        <div class="pick-filter__item">
-          <label>姓名</label>
-          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
-        </div>
-        <div class="pick-filter__item">
-          <label>年龄范围</label>
-          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
-            <option value="">全部</option>
-            <option value="40-50">40-50</option>
-            <option value="50-60">50-60</option>
-            <option value="60以上">60以上</option>
-          </select>
-        </div>
-      </div>
-      <div class="pick-layout">
-        <div class="pick-left">
-          <div class="pick-left__scroll">
-            <table class="pick-left__table">
-              <thead>
-                <tr>
-                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
-                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
-                </tr>
-              </thead>
-              <tbody id="pick-candidate-body"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="pick-right">
-          <div class="pick-right__header">
-            <span>已选人员 <span class="count" id="pick-count">0</span></span>
-            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
-          </div>
-          <div class="pick-right__scroll">
-            <table class="pick-right__table">
-              <thead>
-                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
-              </thead>
-              <tbody id="pick-selected-body"></tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
-      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
-    </div>
-  </div>
-</div>
-
-<!-- 编辑职业检查人员信息弹窗 -->
-<div class="modal-overlay" id="edit-modal" onclick="if(event.target===this)closeEditModal()">
-  <div class="modal">
-    <div class="modal__header">
-      <div class="modal__title">编辑职业检查人员信息</div>
-      <button class="modal__close" onclick="closeEditModal()">✕</button>
-    </div>
-    <div class="modal__body">
-      <div class="person-info">
-        <div class="person-info__item"><label>姓名：</label><span id="edit-name"></span></div>
-        <div class="person-info__item"><label>身份证号：</label><span id="edit-idcard"></span></div>
-        <div class="person-info__item"><label>单位部门：</label><span id="edit-unit"></span></div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 入职时间</div>
-          <input class="form-input" id="edit-entry-date" type="date">
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 接害日期</div>
-          <input class="form-input" id="edit-hazard-date" type="date">
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 体检形式</div>
-          <select class="form-select" id="edit-exam-form"></select>
-        </div>
-        <div class="form-item">
-          <div class="form-label"><span class="required">*</span> 工种</div>
-          <select class="form-select" id="edit-job-type"></select>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-label"><span class="required">*</span> 危害因素</div>
-        <select class="form-select" id="edit-hazard-factor"></select>
-      </div>
-    </div>
-    <div class="modal__footer">
-      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
-      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
-    </div>
-  </div>
-</div>
-
-<script>
-/* 侧边栏展开/折叠交互 */
-function toggleSubgroup(header){
-  header.parentElement.classList.toggle('open');
-}
-/* 页面加载时自动展开当前页面所在的子分组 */
-(function(){
-  var active=document.querySelector('.sidebar-item.active');
-  if(!active)return;
-  var sub=active.closest('.sidebar-subgroup');
-  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
-})();
-
-/* 重新编号 */
-function renumberRows(){
-  var tbody = document.querySelector('.table-card__content tbody');
-  var rows = tbody.querySelectorAll('tr');
-  for(var i=0;i<rows.length;i++){
-    var cell = rows[i].querySelector('td');
-    if(cell) cell.textContent = (i+1);
-  }
-}
-
-/* 删除人员行 */
-function deleteRow(el){
-  if(!confirm('确定删除该人员吗？')) return;
-  el.closest('tr').remove();
-  renumberRows();
-}
-
-/* ===== 编辑职业检查人员信息弹窗 ===== */
-var examFormOptions = ['在岗期间','上岗前','离岗后','离岗时','应急健康检查'];
-var jobTypeOptions = ['热力司炉工','采气工','化验工','行政专员','机修工','结构工程师'];
-var hazardFactorOptions = ['噪声','一氧化碳','硫化氢','苯','电焊烟尘','粉尘','高温'];
-/* 列表列索引 */
-var COL = { name:1, idcard:6, unit:8, dept:9, jobType:10, entryDate:12, hazardDate:13, examForm:14, hazardFactor:15 };
-var editTr = null;
-
-function fillSelect(sel, options, current){
-  var html = '';
-  var merged = options.slice();
-  if(current && merged.indexOf(current) === -1) merged.unshift(current);
-  merged.forEach(function(v){
-    html += '<option value="' + v + '"' + (v === current ? ' selected' : '') + '>' + v + '</option>';
-  });
-  sel.innerHTML = html;
-}
-
-function openEditModal(el){
-  editTr = el.closest('tr');
-  var cells = editTr.cells;
-  document.getElementById('edit-name').textContent = cells[COL.name].textContent.trim();
-  document.getElementById('edit-idcard').textContent = cells[COL.idcard].textContent.trim();
-  document.getElementById('edit-unit').textContent = cells[COL.unit].textContent.trim() + ' / ' + cells[COL.dept].textContent.trim();
-  document.getElementById('edit-entry-date').value = cells[COL.entryDate].textContent.trim();
-  document.getElementById('edit-hazard-date').value = cells[COL.hazardDate].textContent.trim();
-  fillSelect(document.getElementById('edit-exam-form'), examFormOptions, cells[COL.examForm].textContent.trim());
-  fillSelect(document.getElementById('edit-job-type'), jobTypeOptions, cells[COL.jobType].textContent.trim());
-  fillSelect(document.getElementById('edit-hazard-factor'), hazardFactorOptions, cells[COL.hazardFactor].textContent.trim());
-  document.getElementById('edit-modal').classList.add('open');
-}
-function closeEditModal(){
-  document.getElementById('edit-modal').classList.remove('open');
-}
-function saveEdit(){
-  if(!editTr) return;
-  var entry = document.getElementById('edit-entry-date').value;
-  var hazard = document.getElementById('edit-hazard-date').value;
-  var examForm = document.getElementById('edit-exam-form').value;
-  var jobType = document.getElementById('edit-job-type').value;
-  var hazardFactor = document.getElementById('edit-hazard-factor').value;
-  if(!entry){ alert('请选择入职时间'); return; }
-  if(!hazard){ alert('请选择接害日期'); return; }
-  if(!examForm){ alert('请选择体检形式'); return; }
-  if(!jobType){ alert('请选择工种'); return; }
-  if(!hazardFactor){ alert('请选择危害因素'); return; }
-  var cells = editTr.cells;
-  cells[COL.entryDate].textContent = entry;
-  cells[COL.hazardDate].textContent = hazard;
-  cells[COL.examForm].textContent = examForm;
-  cells[COL.jobType].textContent = jobType;
-  cells[COL.hazardFactor].textContent = hazardFactor;
-  closeEditModal();
-}
-
-/* ===== 添加本次职业检查人员弹窗 ===== */
-var candidateData = [
-  {code:'50501234', name:'陈晨', idcard:'411330198802150025', phone:'13891234567', gender:'女', age:'41', ageRange:'40-50', unit:'CQ工程设计有限公司', dept:'建筑设计部', jobType:'热力司炉工', empForm:'合同制B', entryDate:'1994-09-01', hazardDate:'2000-05-01', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,一氧化碳'},
-  {code:'50502345', name:'刘洋', idcard:'411330197805120034', phone:'13991345678', gender:'男', age:'48', ageRange:'40-50', unit:'第二采气厂', dept:'采气作业区', jobType:'采气工', empForm:'合同制A', entryDate:'1998-07-15', hazardDate:'2002-03-20', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,硫化氢'},
-  {code:'50503456', name:'王敏', idcard:'411330198703080024', phone:'13791456789', gender:'女', age:'44', ageRange:'40-50', unit:'第二采气厂', dept:'集气站', jobType:'化验工', empForm:'合同制B', entryDate:'2003-04-10', hazardDate:'2005-08-12', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'苯,噪声'},
-  {code:'50504567', name:'张勇', idcard:'411330197109220011', phone:'13691567890', gender:'男', age:'52', ageRange:'50-60', unit:'第三采气厂', dept:'采气作业区', jobType:'采气工', empForm:'合同制A', entryDate:'1992-11-01', hazardDate:'1996-06-18', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声,硫化氢'},
-  {code:'50505678', name:'李静', idcard:'411330198511090026', phone:'13591678901', gender:'女', age:'46', ageRange:'40-50', unit:'第三采气厂', dept:'综合办', jobType:'行政专员', empForm:'合同制B', entryDate:'2006-09-01', hazardDate:'2008-01-15', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声'},
-  {code:'50506789', name:'赵刚', idcard:'411330196403150019', phone:'13491789012', gender:'男', age:'55', ageRange:'50-60', unit:'第二采气厂', dept:'维修队', jobType:'机修工', empForm:'劳务派遣', entryDate:'1990-03-05', hazardDate:'1994-10-22', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,电焊烟尘'},
-  {code:'50507890', name:'孙丽', idcard:'411330197904210025', phone:'13391890123', gender:'女', age:'58', ageRange:'50-60', unit:'CQ工程设计有限公司', dept:'结构设计部', jobType:'结构工程师', empForm:'合同制A', entryDate:'1999-05-20', hazardDate:'2001-09-30', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声'},
-  {code:'50508901', name:'周强', idcard:'411330196807260046', phone:'13291901234', gender:'男', age:'62', ageRange:'60以上', unit:'第三采气厂', dept:'采气作业区', jobType:'采气工', empForm:'劳务派遣', entryDate:'1988-08-15', hazardDate:'1992-04-11', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声,一氧化碳'}
-];
-var selectedMap = {};
-
-function openAddModal(){
-  selectedMap = {};
-  document.getElementById('pick-unit').value = '';
-  document.getElementById('pick-name').value = '';
-  document.getElementById('pick-age-range').value = '';
-  renderCandidateList();
-  document.getElementById('add-modal-overlay').classList.add('open');
-}
-
-function onUnitChange(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function closeAddModal(){
-  document.getElementById('add-modal-overlay').classList.remove('open');
-}
-
-function findCandidate(code){
-  for(var i=0;i<candidateData.length;i++){
-    if(candidateData[i].code === code) return candidateData[i];
-  }
-  return null;
-}
-
-function getFilteredCandidates(){
-  var unit = document.getElementById('pick-unit').value;
-  if(!unit) return [];
-  var name = document.getElementById('pick-name').value.trim().toLowerCase();
-  var ageRange = document.getElementById('pick-age-range').value;
-  return candidateData.filter(function(c){
-    if(c.unit !== unit) return false;
-    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
-    if(ageRange && c.ageRange !== ageRange) return false;
-    return true;
-  });
-}
-
-function renderCandidateList(){
-  var tbody = document.getElementById('pick-candidate-body');
-  var unit = document.getElementById('pick-unit').value;
-  var html = '';
-  if(!unit){
-    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
-  } else {
-    var list = getFilteredCandidates();
-    if(list.length === 0){
-      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
-    } else {
-      list.forEach(function(c){
-        var checked = selectedMap[c.code] ? 'checked' : '';
-        html += '<tr>' +
-          '<td>' + c.name + '</td>' +
-          '<td>' + c.idcard + '</td>' +
-          '<td>' + c.gender + '</td>' +
-          '<td>' + c.age + '</td>' +
-          '<td>' + c.unit + '</td>' +
-          '<td>' + c.dept + '</td>' +
-          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
-        '</tr>';
-      });
-    }
-  }
-  tbody.innerHTML = html;
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function updateCheckAll(){
-  var list = getFilteredCandidates();
-  var all = document.getElementById('pick-check-all');
-  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
-  all.checked = list.length > 0 && checkedCount === list.length;
-  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
-}
-
-function togglePick(checkbox, code){
-  if(checkbox.checked){
-    selectedMap[code] = true;
-  } else {
-    delete selectedMap[code];
-  }
-  updateCheckAll();
-  renderSelectedList();
-}
-
-function toggleCheckAll(checkbox){
-  var list = getFilteredCandidates();
-  list.forEach(function(c){
-    if(checkbox.checked) selectedMap[c.code] = true;
-    else delete selectedMap[c.code];
-  });
-  renderCandidateList();
-}
-
-function renderSelectedList(){
-  var keys = Object.keys(selectedMap);
-  var tbody = document.getElementById('pick-selected-body');
-  document.getElementById('pick-count').textContent = keys.length;
-  var html = '';
-  if(keys.length === 0){
-    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
-  } else {
-    keys.forEach(function(code){
-      var c = findCandidate(code);
-      if(!c) return;
-      html += '<tr>' +
-        '<td>' + c.name + '</td>' +
-        '<td>' + c.idcard + '</td>' +
-        '<td>' + c.dept + '</td>' +
-        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
-      '</tr>';
-    });
-  }
-  tbody.innerHTML = html;
-  updateConfirmBtn();
-}
-
-function removePick(code){
-  delete selectedMap[code];
-  renderCandidateList();
-}
-
-function clearSelected(){
-  selectedMap = {};
-  renderCandidateList();
-}
-
-function updateConfirmBtn(){
-  var n = Object.keys(selectedMap).length;
-  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
-}
-
-function saveAddModal(){
-  var keys = Object.keys(selectedMap);
-  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
-  var tbody = document.querySelector('.table-card__content tbody');
-  keys.forEach(function(code){
-    var c = findCandidate(code);
-    if(!c) return;
-    var tr = document.createElement('tr');
-    tr.innerHTML =
-      '<td class="col-1"></td>' +
-      '<td class="col-2">' + c.name + '</td>' +
-      '<td class="col-3">' + c.code + '</td>' +
-      '<td>' + c.gender + '</td>' +
-      '<td>' + c.age + '</td>' +
-      '<td>' + c.idcard + '</td>' +
-      '<td>' + c.phone + '</td>' +
-      '<td>' + c.unit + '</td>' +
-      '<td>' + c.dept + '</td>' +
-      '<td>' + c.jobType + '</td>' +
-      '<td>' + c.empForm + '</td>' +
-      '<td>' + c.entryDate + '</td>' +
-      '<td>' + c.hazardDate + '</td>' +
-      '<td>' + c.examForm + '</td>' +
-      '<td>' + c.hazardFactor + '</td>' +
-      '<td>' + c.sysStatus + '</td>' +
-      '<td>' + c.hospital + '</td>' +
-      '<td>2026</td>' +
-      '<td>2026年度职业体检</td>' +
-      '<td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="color:var(--danger);margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
-    tbody.insertBefore(tr, tbody.firstChild);
-  });
-  renumberRows();
-  closeAddModal();
-}
-</script>
-</body>
-</html>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>体检年份：</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option value="2026" selected>2026</option>
+        <option value="2025">2025</option>
+        <option value="2024">2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>单位部门：</label>
+      <select class="filter-select" style="min-width:140px;">
+        <option>请选择单位部门</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>医院选择：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择医院选择</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>姓名：</label>
+      <input class="filter-input" type="text" placeholder="请输入姓名" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号：</label>
+      <input class="filter-input" type="text" placeholder="请输入员工编号" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>身份证号：</label>
+      <input class="filter-input" type="text" placeholder="请输入身份证号" style="min-width:160px;">
+    </div>
+    <div class="filter-item">
+      <label>性别：</label>
+      <select class="filter-select" style="min-width:120px;">
+        <option>请选择性别</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年龄范围：</label>
+      <select class="filter-select">
+        <option>请选择</option>
+        <option>年龄&lt;35</option>
+        <option>35≤年龄&lt;40</option>
+        <option>40≤年龄&lt;45</option>
+        <option>年龄≥45</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>用工形式：</label>
+      <select class="filter-select" style="min-width:140px;">
+        <option>请选择用工形式</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>系统体检状态：</label>
+      <select class="filter-select" style="min-width:160px;">
+        <option>请选择系统体检状态</option>
+        <option value="未体检">未体检</option>
+        <option value="体检中">体检中</option>
+        <option value="已体检">已体检</option>
+      </select>
+    </div>
+    <div style="display:flex;gap:8px;margin-top:4px;">
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;">
+    <button class="btn btn-primary" onclick="openAddModal()">+ 添加本次职业检查人员</button>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-default">批量导入人员</button>
+    <button class="btn btn-default">查看导入任务</button>
+    <button class="btn btn-danger">批量删除</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+    <table>
+      <thead>
+        <tr>
+          <th class="col-1">序号</th><th class="col-2">姓名</th><th class="col-3">员工编号</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 class="op-col">操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td class="col-1">1</td><td class="col-2">贾彬</td><td class="col-3">50500790</td><td>女</td><td>36</td><td>35≤年龄&lt;40</td><td>411330199001260043</td><td>13912345678</td><td>CQ工程设计有限公司</td><td>建筑设计部</td><td>热力司炉工</td><td>合同制B</td><td>1994-09-01</td><td>2000-05-01</td><td>在岗期间</td><td>噪声,一氧化碳</td><td>未体检</td><td>宁夏宝石花医院</td><td>2026</td><td>第二采气厂2026年员...</td><td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="color:var(--danger);margin-left:8px;" onclick="deleteRow(this)">删除</span></td></tr>
+      </tbody>
+    </table>
+    </div>
+    <div class="pagination">
+      <span>共 17363 条数据</span>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">2</button>
+      <button class="page-btn">3</button>
+      <button class="page-btn">4</button>
+      <button class="page-btn">5</button>
+      <span>...</span>
+      <button class="page-btn">1737</button>
+      <span>></span>
+      <span>10 条/页</span>
+      <span style="margin-left:8px;">跳至</span>
+      <input class="filter-input" type="text" style="min-width:50px;width:50px;height:32px;text-align:center;">
+      <span>页</span>
+    </div>
+  </div>
+</main>
+
+<!-- 添加本次职业检查人员弹窗 -->
+<div class="modal-overlay" id="add-modal-overlay" onclick="if(event.target===this)closeAddModal()">
+  <div class="modal pick-modal">
+    <div class="modal__header">
+      <div class="modal__title">添加本次职业检查人员</div>
+      <button class="modal__close" onclick="closeAddModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="pick-filter">
+        <div class="pick-filter__item">
+          <label><span class="required">*</span> 单位部门</label>
+          <select class="form-select" id="pick-unit" onchange="onUnitChange()">
+            <option value="">请先选择单位部门</option>
+            <option value="CQ工程设计有限公司">CQ工程设计有限公司</option>
+            <option value="第二采气厂">第二采气厂</option>
+            <option value="第三采气厂">第三采气厂</option>
+          </select>
+        </div>
+        <div class="pick-filter__item">
+          <label>姓名</label>
+          <input class="form-input" id="pick-name" type="text" placeholder="请输入姓名" oninput="renderCandidateList()">
+        </div>
+        <div class="pick-filter__item">
+          <label>年龄范围</label>
+          <select class="form-select" id="pick-age-range" onchange="renderCandidateList()">
+            <option value="">全部</option>
+            <option value="40-50">40-50</option>
+            <option value="50-60">50-60</option>
+            <option value="60以上">60以上</option>
+          </select>
+        </div>
+      </div>
+      <div class="pick-layout">
+        <div class="pick-left">
+          <div class="pick-left__scroll">
+            <table class="pick-left__table">
+              <thead>
+                <tr>
+                  <th>姓名</th><th>身份证号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+                  <th style="width:36px;"><input type="checkbox" class="pick-checkbox" id="pick-check-all" onchange="toggleCheckAll(this)"></th>
+                </tr>
+              </thead>
+              <tbody id="pick-candidate-body"></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="pick-right">
+          <div class="pick-right__header">
+            <span>已选人员 <span class="count" id="pick-count">0</span></span>
+            <span class="pick-right__clear" onclick="clearSelected()">清空</span>
+          </div>
+          <div class="pick-right__scroll">
+            <table class="pick-right__table">
+              <thead>
+                <tr><th>姓名</th><th>身份证号</th><th>部门</th><th>操作</th></tr>
+              </thead>
+              <tbody id="pick-selected-body"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeAddModal()">取消</button>
+      <button class="btn btn-primary" id="pick-confirm-btn" onclick="saveAddModal()">确认添加</button>
+    </div>
+  </div>
+</div>
+
+<!-- 编辑职业检查人员信息弹窗 -->
+<div class="modal-overlay" id="edit-modal" onclick="if(event.target===this)closeEditModal()">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">编辑职业检查人员信息</div>
+      <button class="modal__close" onclick="closeEditModal()">✕</button>
+    </div>
+    <div class="modal__body">
+      <div class="person-info">
+        <div class="person-info__item"><label>姓名：</label><span id="edit-name"></span></div>
+        <div class="person-info__item"><label>身份证号：</label><span id="edit-idcard"></span></div>
+        <div class="person-info__item"><label>单位部门：</label><span id="edit-unit"></span></div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 入职时间</div>
+          <input class="form-input" id="edit-entry-date" type="date">
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 接害日期</div>
+          <input class="form-input" id="edit-hazard-date" type="date">
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 体检形式</div>
+          <select class="form-select" id="edit-exam-form"></select>
+        </div>
+        <div class="form-item">
+          <div class="form-label"><span class="required">*</span> 工种</div>
+          <select class="form-select" id="edit-job-type"></select>
+        </div>
+      </div>
+      <div class="form-item">
+        <div class="form-label"><span class="required">*</span> 危害因素</div>
+        <select class="form-select" id="edit-hazard-factor"></select>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeEditModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 侧边栏展开/折叠交互 */
+function toggleSubgroup(header){
+  header.parentElement.classList.toggle('open');
+}
+/* 页面加载时自动展开当前页面所在的子分组 */
+(function(){
+  var active=document.querySelector('.sidebar-item.active');
+  if(!active)return;
+  var sub=active.closest('.sidebar-subgroup');
+  while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
+})();
+
+/* 重新编号 */
+function renumberRows(){
+  var tbody = document.querySelector('.table-card__content tbody');
+  var rows = tbody.querySelectorAll('tr');
+  for(var i=0;i<rows.length;i++){
+    var cell = rows[i].querySelector('td');
+    if(cell) cell.textContent = (i+1);
+  }
+}
+
+/* 删除人员行 */
+function deleteRow(el){
+  if(!confirm('确定删除该人员吗？')) return;
+  el.closest('tr').remove();
+  renumberRows();
+}
+
+/* ===== 编辑职业检查人员信息弹窗 ===== */
+var examFormOptions = ['在岗期间','上岗前','离岗后','离岗时','应急健康检查'];
+var jobTypeOptions = ['热力司炉工','采气工','化验工','行政专员','机修工','结构工程师'];
+var hazardFactorOptions = ['噪声','一氧化碳','硫化氢','苯','电焊烟尘','粉尘','高温'];
+/* 列表列索引 */
+var COL = { name:1, idcard:6, unit:8, dept:9, jobType:10, entryDate:12, hazardDate:13, examForm:14, hazardFactor:15 };
+var editTr = null;
+
+function fillSelect(sel, options, current){
+  var html = '';
+  var merged = options.slice();
+  if(current && merged.indexOf(current) === -1) merged.unshift(current);
+  merged.forEach(function(v){
+    html += '<option value="' + v + '"' + (v === current ? ' selected' : '') + '>' + v + '</option>';
+  });
+  sel.innerHTML = html;
+}
+
+function openEditModal(el){
+  editTr = el.closest('tr');
+  var cells = editTr.cells;
+  document.getElementById('edit-name').textContent = cells[COL.name].textContent.trim();
+  document.getElementById('edit-idcard').textContent = cells[COL.idcard].textContent.trim();
+  document.getElementById('edit-unit').textContent = cells[COL.unit].textContent.trim() + ' / ' + cells[COL.dept].textContent.trim();
+  document.getElementById('edit-entry-date').value = cells[COL.entryDate].textContent.trim();
+  document.getElementById('edit-hazard-date').value = cells[COL.hazardDate].textContent.trim();
+  fillSelect(document.getElementById('edit-exam-form'), examFormOptions, cells[COL.examForm].textContent.trim());
+  fillSelect(document.getElementById('edit-job-type'), jobTypeOptions, cells[COL.jobType].textContent.trim());
+  fillSelect(document.getElementById('edit-hazard-factor'), hazardFactorOptions, cells[COL.hazardFactor].textContent.trim());
+  document.getElementById('edit-modal').classList.add('open');
+}
+function closeEditModal(){
+  document.getElementById('edit-modal').classList.remove('open');
+}
+function saveEdit(){
+  if(!editTr) return;
+  var entry = document.getElementById('edit-entry-date').value;
+  var hazard = document.getElementById('edit-hazard-date').value;
+  var examForm = document.getElementById('edit-exam-form').value;
+  var jobType = document.getElementById('edit-job-type').value;
+  var hazardFactor = document.getElementById('edit-hazard-factor').value;
+  if(!entry){ alert('请选择入职时间'); return; }
+  if(!hazard){ alert('请选择接害日期'); return; }
+  if(!examForm){ alert('请选择体检形式'); return; }
+  if(!jobType){ alert('请选择工种'); return; }
+  if(!hazardFactor){ alert('请选择危害因素'); return; }
+  var cells = editTr.cells;
+  cells[COL.entryDate].textContent = entry;
+  cells[COL.hazardDate].textContent = hazard;
+  cells[COL.examForm].textContent = examForm;
+  cells[COL.jobType].textContent = jobType;
+  cells[COL.hazardFactor].textContent = hazardFactor;
+  closeEditModal();
+}
+
+/* ===== 添加本次职业检查人员弹窗 ===== */
+var candidateData = [
+  {code:'50501234', name:'陈晨', idcard:'411330198802150025', phone:'13891234567', gender:'女', age:'41', ageRange:'40-50', unit:'CQ工程设计有限公司', dept:'建筑设计部', jobType:'热力司炉工', empForm:'合同制B', entryDate:'1994-09-01', hazardDate:'2000-05-01', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,一氧化碳'},
+  {code:'50502345', name:'刘洋', idcard:'411330197805120034', phone:'13991345678', gender:'男', age:'48', ageRange:'40-50', unit:'第二采气厂', dept:'采气作业区', jobType:'采气工', empForm:'合同制A', entryDate:'1998-07-15', hazardDate:'2002-03-20', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,硫化氢'},
+  {code:'50503456', name:'王敏', idcard:'411330198703080024', phone:'13791456789', gender:'女', age:'44', ageRange:'40-50', unit:'第二采气厂', dept:'集气站', jobType:'化验工', empForm:'合同制B', entryDate:'2003-04-10', hazardDate:'2005-08-12', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'苯,噪声'},
+  {code:'50504567', name:'张勇', idcard:'411330197109220011', phone:'13691567890', gender:'男', age:'52', ageRange:'50-60', unit:'第三采气厂', dept:'采气作业区', jobType:'采气工', empForm:'合同制A', entryDate:'1992-11-01', hazardDate:'1996-06-18', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声,硫化氢'},
+  {code:'50505678', name:'李静', idcard:'411330198511090026', phone:'13591678901', gender:'女', age:'46', ageRange:'40-50', unit:'第三采气厂', dept:'综合办', jobType:'行政专员', empForm:'合同制B', entryDate:'2006-09-01', hazardDate:'2008-01-15', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声'},
+  {code:'50506789', name:'赵刚', idcard:'411330196403150019', phone:'13491789012', gender:'男', age:'55', ageRange:'50-60', unit:'第二采气厂', dept:'维修队', jobType:'机修工', empForm:'劳务派遣', entryDate:'1990-03-05', hazardDate:'1994-10-22', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声,电焊烟尘'},
+  {code:'50507890', name:'孙丽', idcard:'411330197904210025', phone:'13391890123', gender:'女', age:'58', ageRange:'50-60', unit:'CQ工程设计有限公司', dept:'结构设计部', jobType:'结构工程师', empForm:'合同制A', entryDate:'1999-05-20', hazardDate:'2001-09-30', examForm:'在岗期间', sysStatus:'未体检', hospital:'宁夏宝石花医院', hazardFactor:'噪声'},
+  {code:'50508901', name:'周强', idcard:'411330196807260046', phone:'13291901234', gender:'男', age:'62', ageRange:'60以上', unit:'第三采气厂', dept:'采气作业区', jobType:'采气工', empForm:'劳务派遣', entryDate:'1988-08-15', hazardDate:'1992-04-11', examForm:'在岗期间', sysStatus:'未体检', hospital:'CQ油田医院', hazardFactor:'噪声,一氧化碳'}
+];
+var selectedMap = {};
+
+function openAddModal(){
+  selectedMap = {};
+  document.getElementById('pick-unit').value = '';
+  document.getElementById('pick-name').value = '';
+  document.getElementById('pick-age-range').value = '';
+  renderCandidateList();
+  document.getElementById('add-modal-overlay').classList.add('open');
+}
+
+function onUnitChange(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function closeAddModal(){
+  document.getElementById('add-modal-overlay').classList.remove('open');
+}
+
+function findCandidate(code){
+  for(var i=0;i<candidateData.length;i++){
+    if(candidateData[i].code === code) return candidateData[i];
+  }
+  return null;
+}
+
+function getFilteredCandidates(){
+  var unit = document.getElementById('pick-unit').value;
+  if(!unit) return [];
+  var name = document.getElementById('pick-name').value.trim().toLowerCase();
+  var ageRange = document.getElementById('pick-age-range').value;
+  return candidateData.filter(function(c){
+    if(c.unit !== unit) return false;
+    if(name && c.name.toLowerCase().indexOf(name) < 0 && c.code.indexOf(name) < 0 && c.idcard.indexOf(name) < 0) return false;
+    if(ageRange && c.ageRange !== ageRange) return false;
+    return true;
+  });
+}
+
+function renderCandidateList(){
+  var tbody = document.getElementById('pick-candidate-body');
+  var unit = document.getElementById('pick-unit').value;
+  var html = '';
+  if(!unit){
+    html = '<tr><td colspan="7" class="pick-no-data">请先选择单位部门</td></tr>';
+  } else {
+    var list = getFilteredCandidates();
+    if(list.length === 0){
+      html = '<tr><td colspan="7" class="pick-no-data">暂无匹配人员</td></tr>';
+    } else {
+      list.forEach(function(c){
+        var checked = selectedMap[c.code] ? 'checked' : '';
+        html += '<tr>' +
+          '<td>' + c.name + '</td>' +
+          '<td>' + c.idcard + '</td>' +
+          '<td>' + c.gender + '</td>' +
+          '<td>' + c.age + '</td>' +
+          '<td>' + c.unit + '</td>' +
+          '<td>' + c.dept + '</td>' +
+          '<td><input type="checkbox" class="pick-checkbox" ' + checked + ' onchange="togglePick(this,\'' + c.code + '\')"></td>' +
+        '</tr>';
+      });
+    }
+  }
+  tbody.innerHTML = html;
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function updateCheckAll(){
+  var list = getFilteredCandidates();
+  var all = document.getElementById('pick-check-all');
+  var checkedCount = list.filter(function(c){ return selectedMap[c.code]; }).length;
+  all.checked = list.length > 0 && checkedCount === list.length;
+  all.indeterminate = checkedCount > 0 && checkedCount < list.length;
+}
+
+function togglePick(checkbox, code){
+  if(checkbox.checked){
+    selectedMap[code] = true;
+  } else {
+    delete selectedMap[code];
+  }
+  updateCheckAll();
+  renderSelectedList();
+}
+
+function toggleCheckAll(checkbox){
+  var list = getFilteredCandidates();
+  list.forEach(function(c){
+    if(checkbox.checked) selectedMap[c.code] = true;
+    else delete selectedMap[c.code];
+  });
+  renderCandidateList();
+}
+
+function renderSelectedList(){
+  var keys = Object.keys(selectedMap);
+  var tbody = document.getElementById('pick-selected-body');
+  document.getElementById('pick-count').textContent = keys.length;
+  var html = '';
+  if(keys.length === 0){
+    html = '<tr><td colspan="4" class="pick-no-data">暂无已选人员</td></tr>';
+  } else {
+    keys.forEach(function(code){
+      var c = findCandidate(code);
+      if(!c) return;
+      html += '<tr>' +
+        '<td>' + c.name + '</td>' +
+        '<td>' + c.idcard + '</td>' +
+        '<td>' + c.dept + '</td>' +
+        '<td><button class="pick-item__remove" onclick="removePick(\'' + code + '\')" title="移除">✕</button></td>' +
+      '</tr>';
+    });
+  }
+  tbody.innerHTML = html;
+  updateConfirmBtn();
+}
+
+function removePick(code){
+  delete selectedMap[code];
+  renderCandidateList();
+}
+
+function clearSelected(){
+  selectedMap = {};
+  renderCandidateList();
+}
+
+function updateConfirmBtn(){
+  var n = Object.keys(selectedMap).length;
+  document.getElementById('pick-confirm-btn').textContent = n > 0 ? '确认添加(' + n + ')' : '确认添加';
+}
+
+function saveAddModal(){
+  var keys = Object.keys(selectedMap);
+  if(keys.length === 0){ alert('请先勾选需要添加的人员'); return; }
+  var tbody = document.querySelector('.table-card__content tbody');
+  keys.forEach(function(code){
+    var c = findCandidate(code);
+    if(!c) return;
+    var tr = document.createElement('tr');
+    tr.innerHTML =
+      '<td class="col-1"></td>' +
+      '<td class="col-2">' + c.name + '</td>' +
+      '<td class="col-3">' + c.code + '</td>' +
+      '<td>' + c.gender + '</td>' +
+      '<td>' + c.age + '</td>' +
+      '<td>' + c.idcard + '</td>' +
+      '<td>' + c.phone + '</td>' +
+      '<td>' + c.unit + '</td>' +
+      '<td>' + c.dept + '</td>' +
+      '<td>' + c.jobType + '</td>' +
+      '<td>' + c.empForm + '</td>' +
+      '<td>' + c.entryDate + '</td>' +
+      '<td>' + c.hazardDate + '</td>' +
+      '<td>' + c.examForm + '</td>' +
+      '<td>' + c.hazardFactor + '</td>' +
+      '<td>' + c.sysStatus + '</td>' +
+      '<td>' + c.hospital + '</td>' +
+      '<td>2026</td>' +
+      '<td>2026年度职业体检</td>' +
+      '<td class="op-col"><span class="link" onclick="openEditModal(this)">编辑</span> <span class="link" style="color:var(--danger);margin-left:8px;" onclick="deleteRow(this)">删除</span></td>';
+    tbody.insertBefore(tr, tbody.firstChild);
+  });
+  renumberRows();
+  closeAddModal();
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/weight-management/doc/CHANGELOG.md b/web-admin/weight-management/doc/CHANGELOG.md
index c7e77fa..cbff15d 100644
--- a/web-admin/weight-management/doc/CHANGELOG.md
+++ b/web-admin/weight-management/doc/CHANGELOG.md
@@ -1,5 +1,11 @@
 # CHANGELOG | 体重管理 Web 管理端
 
+## 2026-09-08 | 结果异常页表格错位修复 + 异常判定指标收敛
+
+- **`exception-result-abnormal.html`**：列表第 9、10 行（陈静、郑飞）缺失"序号"单元格导致整行向左错位一格（姓名显示在序号列、异常等级显示在发现时间列），补齐序号 9/10；修复后表头 10 列与全部 10 个数据行的单元格数及序号序列（1-10）已脚本校验对齐
+- **`exception-result-abnormal.html`**：结果异常判定收敛为五类指标——体重异常、体脂率异常、腰围异常、未提交审核、未通过审核；10 条示例数据每类 2 条重排（体重/体脂率/腰围异常来源个人体重管理、异常值为测量值；未提交审核/未通过审核来源报名管理目标体重审核流程，未通过审核异常值显示驳回原因；原 BMI异常/目标值偏差/体重反弹/数据缺失指标移除）；筛选栏新增"异常指标"下拉（全部+五类），"业务模块"下拉收敛为全部/报名管理/个人体重管理；同日再移除"异常等级"——筛选下拉、表头列与 10 行等级标签单元格一并删除，删列后 9 列表头与数据行对齐已校验，页面不再使用标签样式故清理无引用的 .tag 系列 CSS
+- **PRD.md**：结果异常节同步——筛选条件补异常指标下拉与业务模块收敛、表格列补序号、业务规则写明五类判定指标口径（未提交审核↔报名跟踪"未提交目标"、未通过审核↔目标体重审核"已驳回"），异常等级标签轻微颜色描述由绿色修正为与页面一致的蓝色；随后随页面移除异常等级，筛选条件/表格列/业务规则中相关条目同步删除
+
 ## 2026-09-01 | 蓝牙称成员管理弹窗增加移除操作
 
 - **`bluetooth-device.html`**：成员管理弹窗成员列表新增"操作"列，未同步的成员显示"移除"链接（点击确认后从列表移除并刷新），已同步成员不显示操作
diff --git a/web-admin/weight-management/doc/PRD.md b/web-admin/weight-management/doc/PRD.md
index 8845b2c..0014f94 100644
--- a/web-admin/weight-management/doc/PRD.md
+++ b/web-admin/weight-management/doc/PRD.md
@@ -1395,13 +1395,15 @@
 
 **功能说明：** 汇总展示体重管理各业务模块产生的结果异常数据，支持多维度筛选。
 
-**筛选条件：** 员工名称（输入框）、员工编号（输入框）、单位部门（二级联动面板）、业务模块（下拉：全部/档案管理/活动管理/报名管理/过程管理/历史活动/个人体重管理/设备管理）、异常等级（下拉：全部/严重/中等/轻微）、年份（下拉）
+**筛选条件：** 员工名称（输入框）、员工编号（输入框）、单位部门（二级联动面板）、业务模块（下拉：全部/报名管理/个人体重管理）、异常指标（下拉：全部/体重异常/体脂率异常/腰围异常/未提交审核/未通过审核）、年份（下拉）
 
-**表格列：** 员工、员工编号、单位名称、部门名称、业务模块、异常指标、异常值、异常等级（标签）、发现时间
+**表格列：** 序号、员工、员工编号、单位名称、部门名称、业务模块、异常指标、异常值、发现时间
 
 **业务规则：**
-- 异常等级标签：严重(红色)、中等(橙色)、轻微(绿色)
-- 异常指标含体重异常波动、BMI异常变化、设备数据异常等
+- 结果异常判定共五类指标：
+  - 体重异常 / 体脂率异常 / 腰围异常：员工测量结果超出异常判定阈值，来源业务模块为个人体重管理，异常值显示发现时的测量值（如 95.6 kg、34.2%、105 cm）
+  - 未提交审核：员工未提交目标体重审核（对应报名跟踪"未提交目标"状态），来源业务模块为报名管理
+  - 未通过审核：员工目标体重审核被驳回（对应目标体重审核"已驳回"状态），来源业务模块为报名管理，异常值显示驳回原因
 
 **交互说明：**
 - 支持导出列表数据、查看导出任务
diff --git a/web-admin/weight-management/exception-result-abnormal.html b/web-admin/weight-management/exception-result-abnormal.html
index 7cfbe79..4da1396 100644
--- a/web-admin/weight-management/exception-result-abnormal.html
+++ b/web-admin/weight-management/exception-result-abnormal.html
@@ -76,13 +76,6 @@ tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);bo
 tbody tr:last-child td{border-bottom:none;}
 tbody tr:hover{background:#F8FBFF;}
 
-/* 标签 */
-.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-.tag-red{background:#FFF1F0;color:var(--danger);}
-.tag-orange{background:#FFF7E6;color:var(--warning);}
-.tag-blue{background:var(--primary-light);color:var(--primary);}
-.tag-green{background:#F6FFED;color:var(--success);}
-
 /* 分页 */
 .pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);}
 .pagination__left{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-secondary);}
@@ -163,22 +156,20 @@ tbody tr:hover{background:#F8FBFF;}
       <label>业务模块</label>
       <select class="filter-select">
         <option>全部</option>
-        <option>档案管理</option>
-        <option>活动管理</option>
         <option>报名管理</option>
-        <option>过程管理</option>
-        <option>历史活动</option>
         <option>个人体重管理</option>
-        <option>设备管理</option>
       </select>
     </div>
     <div class="filter-item">
-      <label>异常等级</label>
-      <select class="filter-select">
+      <label>异常指标</label>
+      <!-- [交互] 结果异常判定指标：体重异常 / 体脂率异常 / 腰围异常 / 未提交审核 / 未通过审核 -->
+      <select class="filter-select" style="min-width:120px;">
         <option>全部</option>
-        <option>严重</option>
-        <option>中等</option>
-        <option>轻微</option>
+        <option>体重异常</option>
+        <option>体脂率异常</option>
+        <option>腰围异常</option>
+        <option>未提交审核</option>
+        <option>未通过审核</option>
       </select>
     </div>
     <div class="filter-item">
@@ -218,129 +209,120 @@ tbody tr:hover{background:#F8FBFF;}
 	            <th>业务模块</th>
 	            <th>异常指标</th>
 	            <th>异常值</th>
-	            <th>异常等级</th>
 	            <th>发现时间</th>
 	          </tr>
 	        </thead>
-	        <tbody>
-	          <tr>
-	            <td>1</td>
-	            <td>张伟</td>
-	            <td>EMP-10001</td>
-	            <td>采油一厂</td>
-	            <td>生产运行科</td>
-	            <td>个人体重管理</td>
-	            <td>BMI异常</td>
-	            <td>28.5</td>
-	            <td><span class="tag tag-orange">中等</span></td>
-	            <td>2026-05-14 10:30</td>
-	          </tr>
-	          <tr>
-	            <td>2</td>
-	            <td>李娜</td>
-	            <td>EMP-10002</td>
-	            <td>采油一厂</td>
-	            <td>安全环保科</td>
-	            <td>个人体重管理</td>
-	            <td>体脂率异常</td>
-	            <td>34.2%</td>
-	            <td><span class="tag tag-red">严重</span></td>
-	            <td>2026-05-13 14:22</td>
-	          </tr>
-	          <tr>
-	            <td>3</td>
-	            <td>王强</td>
-	            <td>EMP-10003</td>
-	            <td>采油二厂</td>
-	            <td>综合管理科</td>
-	            <td>个人体重管理</td>
-	            <td>腰围异常</td>
-	            <td>105 cm</td>
-	            <td><span class="tag tag-red">严重</span></td>
-	            <td>2026-05-12 09:15</td>
-	          </tr>
-	          <tr>
-	            <td>4</td>
-	            <td>赵敏</td>
-	            <td>EMP-10004</td>
-	            <td>采油二厂</td>
-	            <td>生产运行科</td>
-	            <td>活动管理</td>
-	            <td>目标值偏差</td>
-	            <td>距目标差8.5kg</td>
-	            <td><span class="tag tag-orange">中等</span></td>
-	            <td>2026-05-11 16:45</td>
-	          </tr>
-	          <tr>
-	            <td>5</td>
-	            <td>刘洋</td>
-	            <td>EMP-10005</td>
-	            <td>采气一厂</td>
-	            <td>安全环保科</td>
-	            <td>过程管理</td>
-	            <td>体重反弹</td>
-	            <td>+3.2 kg（30天）</td>
-	            <td><span class="tag tag-orange">中等</span></td>
-	            <td>2026-05-10 11:20</td>
-	          </tr>
-	          <tr>
-	            <td>6</td>
-	            <td>孙磊</td>
-	            <td>EMP-10101</td>
-	            <td>采油一厂</td>
-	            <td>生产运行科</td>
-	            <td>个人体重管理</td>
-	            <td>数据缺失</td>
-	            <td>未设置目标</td>
-	            <td><span class="tag tag-blue">轻微</span></td>
-	            <td>2026-05-09 08:55</td>
-	          </tr>
-	          <tr>
-	            <td>7</td>
-	            <td>周婷</td>
-	            <td>EMP-10102</td>
-	            <td>采油二厂</td>
-	            <td>安全环保科</td>
-	            <td>个人体重管理</td>
-	            <td>体重异常</td>
-	            <td>80.2 kg</td>
-	            <td><span class="tag tag-red">严重</span></td>
-	            <td>2026-05-08 15:38</td>
-	          </tr>
-	          <tr>
-	            <td>8</td>
-	            <td>吴刚</td>
-	            <td>EMP-10103</td>
-	            <td>采气一厂</td>
-	            <td>综合管理科</td>
-	            <td>个人体重管理</td>
-	            <td>BMI异常</td>
-	            <td>32.1</td>
-	            <td><span class="tag tag-red">严重</span></td>
-	            <td>2026-05-07 10:12</td>
-	          </tr>
-	          <tr>
-            <td>陈静</td>
-            <td>EMP-10104</td>
-            <td>天然气处理厂</td>
-            <td>综合管理科</td>
-            <td>活动管理</td>
-            <td>目标值偏差</td>
-            <td>距目标差6.3kg</td>
-            <td><span class="tag tag-orange">中等</span></td>
-            <td>2026-05-06 14:05</td>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>张伟</td>
+            <td>EMP-10001</td>
+            <td>采油一厂</td>
+            <td>生产运行科</td>
+            <td>个人体重管理</td>
+            <td>体重异常</td>
+            <td>95.6 kg</td>
+            <td>2026-05-14 10:30</td>
           </tr>
           <tr>
+            <td>2</td>
+            <td>周婷</td>
+            <td>EMP-10102</td>
+            <td>采油二厂</td>
+            <td>安全环保科</td>
+            <td>个人体重管理</td>
+            <td>体重异常</td>
+            <td>80.2 kg</td>
+            <td>2026-05-08 15:38</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>李娜</td>
+            <td>EMP-10002</td>
+            <td>采油一厂</td>
+            <td>安全环保科</td>
+            <td>个人体重管理</td>
+            <td>体脂率异常</td>
+            <td>34.2%</td>
+            <td>2026-05-13 14:22</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>吴刚</td>
+            <td>EMP-10103</td>
+            <td>采气一厂</td>
+            <td>综合管理科</td>
+            <td>个人体重管理</td>
+            <td>体脂率异常</td>
+            <td>29.8%</td>
+            <td>2026-05-07 10:12</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>王强</td>
+            <td>EMP-10003</td>
+            <td>采油二厂</td>
+            <td>综合管理科</td>
+            <td>个人体重管理</td>
+            <td>腰围异常</td>
+            <td>105 cm</td>
+            <td>2026-05-12 09:15</td>
+          </tr>
+          <tr>
+            <td>6</td>
             <td>郑飞</td>
             <td>EMP-10105</td>
             <td>采油二厂</td>
             <td>生产运行科</td>
-            <td>过程管理</td>
+            <td>个人体重管理</td>
             <td>腰围异常</td>
             <td>98 cm</td>
-            <td><span class="tag tag-orange">中等</span></td>
             <td>2026-05-05 17:42</td>
           </tr>
+          <tr>
+            <td>7</td>
+            <td>赵敏</td>
+            <td>EMP-10004</td>
+            <td>采油二厂</td>
+            <td>生产运行科</td>
+            <td>报名管理</td>
+            <td>未提交审核</td>
+            <td>目标体重未提交审核</td>
+            <td>2026-05-11 16:45</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>孙磊</td>
+            <td>EMP-10101</td>
+            <td>采油一厂</td>
+            <td>生产运行科</td>
+            <td>报名管理</td>
+            <td>未提交审核</td>
+            <td>目标体重未提交审核</td>
+            <td>2026-05-09 08:55</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>刘洋</td>
+            <td>EMP-10005</td>
+            <td>采气一厂</td>
+            <td>安全环保科</td>
+            <td>报名管理</td>
+            <td>未通过审核</td>
+            <td>审核驳回：减重目标过于激进</td>
+            <td>2026-05-10 11:20</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td>陈静</td>
+            <td>EMP-10104</td>
+            <td>天然气处理厂</td>
+            <td>综合管理科</td>
+            <td>报名管理</td>
+            <td>未通过审核</td>
+            <td>审核驳回：目标体重与身高不匹配</td>
+            <td>2026-05-06 14:05</td>
+          </tr>
         </tbody>
       </table>
     </div>