From 12f54cdbd9c37db82177e0411bc6ae8cf9a011b0 Mon Sep 17 00:00:00 2001
From: liuyunqin <liuyunqin@rk-health.com>
Date: Tue, 1 Sep 2026 18:04:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=A5=E5=BA=B7=E4=BD=93=E6=A3=80?=
 =?UTF-8?q?=E5=8E=9F=E5=9E=8B=E5=AE=8C=E5=96=84=EF=BC=88=E5=8D=95=E4=BD=8D?=
 =?UTF-8?q?=E4=BD=93=E6=A3=80=E8=AE=A1=E5=88=92=E6=96=B0=E5=A2=9E=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E/=E8=AF=A6=E6=83=85=E5=BC=B9=E7=AA=97=E4=B8=8E?=
 =?UTF-8?q?=E5=91=98=E5=B7=A5=E9=80=89=E6=8B=A9=E5=BC=B9=E7=AA=97=EF=BC=8C?=
 =?UTF-8?q?=E5=8C=BB=E9=99=A2=E6=89=BF=E6=A3=80=E8=8C=83=E5=9B=B4=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E6=8A=BD=E5=B1=89=E6=94=B9=E4=B8=BA=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E5=B9=B6=E6=96=B0=E5=A2=9E=E8=AF=A6=E6=83=85=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E3=80=81=E9=A2=84=E7=BA=A6=E9=87=8F=E6=94=B9=E4=B8=BA=E6=8C=89?=
 =?UTF-8?q?=E6=97=A5=E9=85=8D=E7=BD=AE=E5=90=AB=E8=B7=B3=E8=BF=87=E8=8A=82?=
 =?UTF-8?q?=E5=81=87=E6=97=A5/=E5=91=A8=E6=9C=AB=EF=BC=8C=E5=8C=BB?=
 =?UTF-8?q?=E9=99=A2=E9=A1=B9=E7=9B=AE=E8=B4=B9=E7=94=A8=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8A=A0=E5=9B=BE=E7=89=87=E5=88=97=E4=B8=8E=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=B7=B2=E7=94=9F=E6=88=90=E8=B4=B9=E7=94=A8=E7=AD=89=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=8A=E6=96=B0=E5=A2=9E=E5=85=B3=E8=81=94=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E5=BC=B9=E7=AA=97=EF=BC=8C=E5=8C=BB=E9=99=A2=E5=AE=9E?=
 =?UTF-8?q?=E6=97=B6=E9=A2=84=E7=BA=A6=E4=BA=BA=E6=95=B0=E5=8A=A0=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E8=8C=83=E5=9B=B4=E7=AD=9B=E9=80=89=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=BD=93=E6=9C=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../health-checkup/mid-hospital-realtime.html |   20 +
 .../pre-gastro-hospital-scope.html            |  664 ++++++-----
 .../health-checkup/pre-hospital-scope.html    |  663 ++++++-----
 .../health-checkup/pre-item-hospital-fee.html |  235 +++-
 web-admin/health-checkup/pre-plan.html        | 1019 ++++++++++++++++-
 5 files changed, 2027 insertions(+), 574 deletions(-)

diff --git a/web-admin/health-checkup/mid-hospital-realtime.html b/web-admin/health-checkup/mid-hospital-realtime.html
index d460f30..968d906 100644
--- a/web-admin/health-checkup/mid-hospital-realtime.html
+++ b/web-admin/health-checkup/mid-hospital-realtime.html
@@ -50,6 +50,10 @@
   .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-date{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;width:150px;}
+  .filter-date:focus{border-color:var(--primary);}
+  .filter-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;}
+  .filter-range-sep{color:var(--text-placeholder);font-size:var(--font-sm);}
   .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;}
@@ -153,6 +157,12 @@
         <option>请选择</option><option>泾河医院</option><option>庆阳医院</option><option>延安医院</option>
       </select>
     </div>
+    <div class="filter-item">
+      <label>日期范围：</label>
+      <input type="date" class="filter-date" id="filter-date-start">
+      <span class="filter-range-sep">至</span>
+      <input type="date" class="filter-date" id="filter-date-end">
+    </div>
     <button class="btn btn-primary">
       <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M10 10l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
       查询
@@ -216,6 +226,16 @@ function toggleSubgroup(header){
   var sub=active.closest('.sidebar-subgroup');
   if(sub)sub.classList.add('open');
 })();
+
+/* 日期范围默认当月 */
+(function(){
+  function pad(n){return n<10?'0'+n:''+n;}
+  var now=new Date();
+  var first=now.getFullYear()+'-'+pad(now.getMonth()+1)+'-01';
+  var last=now.getFullYear()+'-'+pad(now.getMonth()+1)+'-'+pad(new Date(now.getFullYear(),now.getMonth()+1,0).getDate());
+  document.getElementById('filter-date-start').value=first;
+  document.getElementById('filter-date-end').value=last;
+})();
 </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 960c795..e29892d 100644
--- a/web-admin/health-checkup/pre-gastro-hospital-scope.html
+++ b/web-admin/health-checkup/pre-gastro-hospital-scope.html
@@ -72,29 +72,31 @@
   .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);}
-  /* 抽屉弹窗 */
-  .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__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;}
+  /* 中间弹窗 */
+  .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:20px;}
+  .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: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{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;}
@@ -102,7 +104,8 @@
   .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);}
@@ -115,16 +118,31 @@
   .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:24px 0 4px;padding-top:16px;border-top:1px solid var(--border);}
-  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:12px;line-height:1.5;}
-  .dynamic-list{margin-bottom:4px;}
-  .dynamic-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
-  .dynamic-row .form-input{flex:1;}
-  .dynamic-row .row-del{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--danger);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;}
-  .dynamic-row .row-del:hover{background:#fff1f0;border-color:var(--danger);}
-  .add-row-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--primary);cursor:pointer;border:1px dashed var(--primary);border-radius:var(--radius-sm);padding:5px 12px;background:var(--primary-light);user-select:none;}
-  .add-row-btn:hover{background:#bae7ff;}
+  /* 分区标题 */
+  .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;}
@@ -132,7 +150,10 @@
   .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;}
-  /* TAB 切换 */
+  .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>
@@ -261,12 +282,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>
         </tr>
       </thead>
       <tbody>
-        <tr data-exceptions='[{"date":"2026-05-10","count":"50"}]' data-nodates='["2026-06-20"]'><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-exceptions='[]' data-nodates='[]'><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>
+        <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>
@@ -280,95 +301,136 @@
   </div>
 </main>
 
-<!-- 编辑医院承检范围抽屉 -->
-<div class="drawer-overlay" id="drawer-overlay" onclick="closeDrawer()"></div>
-<div class="drawer" id="scope-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">编辑医院承检范围</div>
-    <button class="drawer__close" onclick="closeDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 医院</div>
-      <div class="search-select" id="search-select">
-        <input type="text" class="search-select__input" id="search-input" placeholder="请输入医院名称搜索" autocomplete="off">
-        <input type="hidden" id="search-value">
-        <div class="search-select__dropdown" id="search-dropdown"></div>
+<!-- 编辑医院承检范围中间弹窗 -->
+<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="form-item">
-      <div class="form-label"><span class="required">*</span> 每日最多承检人数</div>
-      <input class="form-input" id="form-capacity" type="number" min="1" placeholder="请输入人数">
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
     </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>
-      <div class="switch-row">
-        <div class="switch on" id="switch-valid" onclick="toggleValidSwitch(this)"></div>
-        <span class="switch-label" id="switch-valid-label">有效</span>
-      </div>
-    </div>
-
-    <!-- 例外人数设定 -->
-    <div class="form-section">例外人数设定</div>
-    <div class="form-tip">针对特定日期单独设置承检人数（覆盖"每日最多承检人数"），例如节假日或加号日期。</div>
-    <div class="dynamic-list" id="exception-list"></div>
-    <div class="add-row-btn" onclick="addExceptionRow()">＋ 添加例外</div>
-
-    <!-- 不参检日期 -->
-    <div class="form-section">不参检日期</div>
-    <div class="form-tip">设置该医院不承接体检的日期，系统将自动跳过这些日期。</div>
-    <div class="dynamic-list" id="nodate-list"></div>
-    <div class="add-row-btn" onclick="addNoDateRow()">＋ 添加日期</div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closeDrawer()">取消</button>
-    <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
   </div>
 </div>
 
-<!-- 医院承检范围详情抽屉 -->
-<div class="drawer-overlay" id="detail-overlay" onclick="closeDetail()"></div>
-<div class="drawer" id="detail-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">医院承检范围详情</div>
-    <button class="drawer__close" onclick="closeDetail()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="detail-item">
-      <div class="detail-label">医院</div>
-      <div class="detail-value" id="detail-hospital"></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="detail-item">
-      <div class="detail-label">每日最多承检人数</div>
-      <div class="detail-value" id="detail-capacity"></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="detail-item">
-      <div class="detail-label">承检开始日期</div>
-      <div class="detail-value" id="detail-start"></div>
+    <div class="modal__footer">
+      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
     </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="form-section">例外人数设定</div>
-    <div id="detail-exceptions"></div>
-    <div class="form-section">不参检日期</div>
-    <div id="detail-nodates"></div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
   </div>
 </div>
 
@@ -385,7 +447,7 @@ function toggleSubgroup(header){
   while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
 })();
 
-/* ===== 编辑医院承检范围抽屉 ===== */
+/* ===== 数据 ===== */
 var hospitalData = {
   'h1': '庆阳医院',
   'h2': '兴隆园医院',
@@ -397,21 +459,48 @@ var hospitalData = {
   '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;
 
-  var name = cells[1].textContent.trim();
-  var key = '';
-  for(var k in hospitalData){
-    if(hospitalData[k] === name){ key = k; break; }
-  }
-  document.getElementById('search-value').value = key;
-  document.getElementById('search-input').value = name;
-
+  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();
@@ -421,83 +510,135 @@ function openEdit(btn){
   sw.classList.toggle('on', valid);
   document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
 
-  var exceptions = [];
-  try { exceptions = JSON.parse(tr.dataset.exceptions || '[]'); } catch(e){}
-  document.getElementById('exception-list').innerHTML = '';
-  if(exceptions.length === 0){ addExceptionRow(); }
-  else { exceptions.forEach(function(ex){ addExceptionRow(ex.date, ex.count); }); }
+  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);
 
-  var noDates = [];
-  try { noDates = JSON.parse(tr.dataset.nodates || '[]'); } catch(e){}
-  document.getElementById('nodate-list').innerHTML = '';
-  if(noDates.length === 0){ addNoDateRow(); }
-  else { noDates.forEach(function(d){ addNoDateRow(d); }); }
-
-  document.getElementById('scope-drawer').classList.add('open');
-  document.getElementById('drawer-overlay').classList.add('open');
-}
-
-function closeDrawer(){
-  document.getElementById('scope-drawer').classList.remove('open');
-  document.getElementById('drawer-overlay').classList.remove('open');
-}
-
-/* 有效标志开关 */
-function toggleValidSwitch(el){
-  el.classList.toggle('on');
-  document.getElementById('switch-valid-label').textContent = el.classList.contains('on') ? '有效' : '无效';
-}
-
-/* 可搜索下拉 */
-(function(){
-  var input = document.getElementById('search-input');
-  var dropdown = document.getElementById('search-dropdown');
-  var hidden = document.getElementById('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);
-    }
+  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();
 
-  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('#search-select')){
-      dropdown.classList.remove('show');
+  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(){
@@ -574,71 +715,61 @@ function resetFilter(){
   if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
 }
 
-/* 例外人数动态行 */
-function addExceptionRow(date, count){
-  var list = document.getElementById('exception-list');
-  var row = document.createElement('div');
-  row.className = 'dynamic-row';
-  row.innerHTML = '<input type="date" class="form-input row-date" value="' + (date || '') + '">'
-    + '<input type="number" class="form-input row-count" min="1" placeholder="例外人数" value="' + (count || '') + '" style="max-width:110px;">'
-    + '<button class="row-del" onclick="this.parentElement.remove()">×</button>';
-  list.appendChild(row);
+/* 详情（只读月历） */
+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 addNoDateRow(date){
-  var list = document.getElementById('nodate-list');
-  var row = document.createElement('div');
-  row.className = 'dynamic-row';
-  row.innerHTML = '<input type="date" class="form-input row-date" value="' + (date || '') + '" placeholder="选择日期">'
-    + '<button class="row-del" onclick="this.parentElement.remove()">×</button>';
-  list.appendChild(row);
+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 saveEdit(){
-  if(!editingTr){ return; }
-  var value = document.getElementById('search-value').value;
-  if(!value || !hospitalData[value]){ 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; }
-
-  var exceptions = [];
-  document.querySelectorAll('#exception-list .dynamic-row').forEach(function(row){
-    var d = row.querySelector('.row-date').value;
-    var c = row.querySelector('.row-count').value.trim();
-    if(d && c) exceptions.push({ date: d, count: c });
-  });
-  var noDates = [];
-  document.querySelectorAll('#nodate-list .dynamic-row').forEach(function(row){
-    var d = row.querySelector('.row-date').value;
-    if(d) noDates.push(d);
-  });
-
-  var valid = document.getElementById('switch-valid').classList.contains('on');
-  var name = hospitalData[value];
-  var cells = editingTr.cells;
-  cells[1].textContent = name;
-  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.exceptions = JSON.stringify(exceptions);
-  editingTr.dataset.nodates = JSON.stringify(noDates);
-  closeDrawer();
-}
-
-/* 详情 */
 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-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() === '有效';
@@ -646,34 +777,33 @@ function openDetail(el){
     ? '<span class="tag tag-green">有效</span>'
     : '<span class="tag tag-red">无效</span>';
 
-  var exceptions = [];
-  try { exceptions = JSON.parse(tr.dataset.exceptions || '[]'); } catch(e){}
-  var exWrap = document.getElementById('detail-exceptions');
-  if(exceptions.length === 0){
-    exWrap.innerHTML = '<div class="detail-empty">暂无例外人数设定</div>';
-  } else {
-    exWrap.innerHTML = exceptions.map(function(ex){
-      return '<div class="detail-list-row"><span>' + ex.date + '</span><span class="detail-count">' + ex.count + ' 人</span></div>';
-    }).join('');
-  }
+  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>';
 
-  var noDates = [];
-  try { noDates = JSON.parse(tr.dataset.nodates || '[]'); } catch(e){}
-  var ndWrap = document.getElementById('detail-nodates');
-  if(noDates.length === 0){
-    ndWrap.innerHTML = '<div class="detail-empty">暂无不参检日期</div>';
-  } else {
-    ndWrap.innerHTML = noDates.map(function(d){
-      return '<div class="detail-list-row"><span>' + d + '</span></div>';
-    }).join('');
+  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-drawer').classList.add('open');
   document.getElementById('detail-overlay').classList.add('open');
 }
 
 function closeDetail(){
-  document.getElementById('detail-drawer').classList.remove('open');
   document.getElementById('detail-overlay').classList.remove('open');
 }
 </script>
diff --git a/web-admin/health-checkup/pre-hospital-scope.html b/web-admin/health-checkup/pre-hospital-scope.html
index c97b6ec..07add97 100644
--- a/web-admin/health-checkup/pre-hospital-scope.html
+++ b/web-admin/health-checkup/pre-hospital-scope.html
@@ -72,29 +72,31 @@
   .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);}
-  /* 抽屉弹窗 */
-  .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__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;}
+  /* 中间弹窗 */
+  .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:20px;}
+  .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: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{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;}
@@ -102,7 +104,8 @@
   .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);}
@@ -115,16 +118,31 @@
   .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:24px 0 4px;padding-top:16px;border-top:1px solid var(--border);}
-  .form-tip{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:12px;line-height:1.5;}
-  .dynamic-list{margin-bottom:4px;}
-  .dynamic-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
-  .dynamic-row .form-input{flex:1;}
-  .dynamic-row .row-del{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--danger);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;}
-  .dynamic-row .row-del:hover{background:#fff1f0;border-color:var(--danger);}
-  .add-row-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--primary);cursor:pointer;border:1px dashed var(--primary);border-radius:var(--radius-sm);padding:5px 12px;background:var(--primary-light);user-select:none;}
-  .add-row-btn:hover{background:#bae7ff;}
+  /* 分区标题 */
+  .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;}
@@ -132,6 +150,10 @@
   .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>
@@ -260,12 +282,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>
         </tr>
       </thead>
       <tbody>
-        <tr data-exceptions='[{"date":"2026-05-01","count":"100"},{"date":"2026-05-02","count":"80"}]' data-nodates='["2026-06-19","2026-06-20"]'><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-exceptions='[{"date":"2026-04-30","count":"120"}]' data-nodates='[]'><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>
+        <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>
@@ -279,95 +301,136 @@
   </div>
 </main>
 
-<!-- 编辑医院承检范围抽屉 -->
-<div class="drawer-overlay" id="drawer-overlay" onclick="closeDrawer()"></div>
-<div class="drawer" id="scope-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">编辑医院承检范围</div>
-    <button class="drawer__close" onclick="closeDrawer()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="form-item">
-      <div class="form-label"><span class="required">*</span> 医院</div>
-      <div class="search-select" id="search-select">
-        <input type="text" class="search-select__input" id="search-input" placeholder="请输入医院名称搜索" autocomplete="off">
-        <input type="hidden" id="search-value">
-        <div class="search-select__dropdown" id="search-dropdown"></div>
+<!-- 编辑医院承检范围中间弹窗 -->
+<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="form-item">
-      <div class="form-label"><span class="required">*</span> 每日最多承检人数</div>
-      <input class="form-input" id="form-capacity" type="number" min="1" placeholder="请输入人数">
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
     </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>
-      <div class="switch-row">
-        <div class="switch on" id="switch-valid" onclick="toggleValidSwitch(this)"></div>
-        <span class="switch-label" id="switch-valid-label">有效</span>
-      </div>
-    </div>
-
-    <!-- 例外人数设定 -->
-    <div class="form-section">例外人数设定</div>
-    <div class="form-tip">针对特定日期单独设置承检人数（覆盖"每日最多承检人数"），例如节假日或加号日期。</div>
-    <div class="dynamic-list" id="exception-list"></div>
-    <div class="add-row-btn" onclick="addExceptionRow()">＋ 添加例外</div>
-
-    <!-- 不参检日期 -->
-    <div class="form-section">不参检日期</div>
-    <div class="form-tip">设置该医院不承接体检的日期，系统将自动跳过这些日期。</div>
-    <div class="dynamic-list" id="nodate-list"></div>
-    <div class="add-row-btn" onclick="addNoDateRow()">＋ 添加日期</div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-default" onclick="closeDrawer()">取消</button>
-    <button class="btn btn-primary" onclick="saveEdit()">确认保存</button>
   </div>
 </div>
 
-<!-- 医院承检范围详情抽屉 -->
-<div class="drawer-overlay" id="detail-overlay" onclick="closeDetail()"></div>
-<div class="drawer" id="detail-drawer">
-  <div class="drawer__header">
-    <div class="drawer__title">医院承检范围详情</div>
-    <button class="drawer__close" onclick="closeDetail()">✕</button>
-  </div>
-  <div class="drawer__body">
-    <div class="detail-item">
-      <div class="detail-label">医院</div>
-      <div class="detail-value" id="detail-hospital"></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="detail-item">
-      <div class="detail-label">每日最多承检人数</div>
-      <div class="detail-value" id="detail-capacity"></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="detail-item">
-      <div class="detail-label">承检开始日期</div>
-      <div class="detail-value" id="detail-start"></div>
+    <div class="modal__footer">
+      <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
     </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="form-section">例外人数设定</div>
-    <div id="detail-exceptions"></div>
-    <div class="form-section">不参检日期</div>
-    <div id="detail-nodates"></div>
-  </div>
-  <div class="drawer__footer">
-    <button class="btn btn-primary" onclick="closeDetail()">关闭</button>
   </div>
 </div>
 
@@ -384,7 +447,7 @@ function toggleSubgroup(header){
   while(sub){ sub.classList.add('open'); sub=sub.parentElement.closest('.sidebar-subgroup'); }
 })();
 
-/* ===== 编辑医院承检范围抽屉 ===== */
+/* ===== 数据 ===== */
 var hospitalData = {
   'h1': '庆阳医院',
   'h2': '兴隆园医院',
@@ -396,21 +459,48 @@ var hospitalData = {
   '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;
 
-  var name = cells[1].textContent.trim();
-  var key = '';
-  for(var k in hospitalData){
-    if(hospitalData[k] === name){ key = k; break; }
-  }
-  document.getElementById('search-value').value = key;
-  document.getElementById('search-input').value = name;
-
+  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();
@@ -420,83 +510,135 @@ function openEdit(btn){
   sw.classList.toggle('on', valid);
   document.getElementById('switch-valid-label').textContent = valid ? '有效' : '无效';
 
-  var exceptions = [];
-  try { exceptions = JSON.parse(tr.dataset.exceptions || '[]'); } catch(e){}
-  document.getElementById('exception-list').innerHTML = '';
-  if(exceptions.length === 0){ addExceptionRow(); }
-  else { exceptions.forEach(function(ex){ addExceptionRow(ex.date, ex.count); }); }
+  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);
 
-  var noDates = [];
-  try { noDates = JSON.parse(tr.dataset.nodates || '[]'); } catch(e){}
-  document.getElementById('nodate-list').innerHTML = '';
-  if(noDates.length === 0){ addNoDateRow(); }
-  else { noDates.forEach(function(d){ addNoDateRow(d); }); }
-
-  document.getElementById('scope-drawer').classList.add('open');
-  document.getElementById('drawer-overlay').classList.add('open');
-}
-
-function closeDrawer(){
-  document.getElementById('scope-drawer').classList.remove('open');
-  document.getElementById('drawer-overlay').classList.remove('open');
-}
-
-/* 有效标志开关 */
-function toggleValidSwitch(el){
-  el.classList.toggle('on');
-  document.getElementById('switch-valid-label').textContent = el.classList.contains('on') ? '有效' : '无效';
-}
-
-/* 可搜索下拉 */
-(function(){
-  var input = document.getElementById('search-input');
-  var dropdown = document.getElementById('search-dropdown');
-  var hidden = document.getElementById('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);
-    }
+  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();
 
-  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('#search-select')){
-      dropdown.classList.remove('show');
+  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(){
@@ -573,71 +715,61 @@ function resetFilter(){
   if(activePane) activePane.querySelectorAll('tbody tr').forEach(function(tr){ tr.style.display = ''; });
 }
 
-/* 例外人数动态行 */
-function addExceptionRow(date, count){
-  var list = document.getElementById('exception-list');
-  var row = document.createElement('div');
-  row.className = 'dynamic-row';
-  row.innerHTML = '<input type="date" class="form-input row-date" value="' + (date || '') + '">'
-    + '<input type="number" class="form-input row-count" min="1" placeholder="例外人数" value="' + (count || '') + '" style="max-width:110px;">'
-    + '<button class="row-del" onclick="this.parentElement.remove()">×</button>';
-  list.appendChild(row);
+/* 详情（只读月历） */
+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 addNoDateRow(date){
-  var list = document.getElementById('nodate-list');
-  var row = document.createElement('div');
-  row.className = 'dynamic-row';
-  row.innerHTML = '<input type="date" class="form-input row-date" value="' + (date || '') + '" placeholder="选择日期">'
-    + '<button class="row-del" onclick="this.parentElement.remove()">×</button>';
-  list.appendChild(row);
+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 saveEdit(){
-  if(!editingTr){ return; }
-  var value = document.getElementById('search-value').value;
-  if(!value || !hospitalData[value]){ 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; }
-
-  var exceptions = [];
-  document.querySelectorAll('#exception-list .dynamic-row').forEach(function(row){
-    var d = row.querySelector('.row-date').value;
-    var c = row.querySelector('.row-count').value.trim();
-    if(d && c) exceptions.push({ date: d, count: c });
-  });
-  var noDates = [];
-  document.querySelectorAll('#nodate-list .dynamic-row').forEach(function(row){
-    var d = row.querySelector('.row-date').value;
-    if(d) noDates.push(d);
-  });
-
-  var valid = document.getElementById('switch-valid').classList.contains('on');
-  var name = hospitalData[value];
-  var cells = editingTr.cells;
-  cells[1].textContent = name;
-  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.exceptions = JSON.stringify(exceptions);
-  editingTr.dataset.nodates = JSON.stringify(noDates);
-  closeDrawer();
-}
-
-/* 详情 */
 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-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() === '有效';
@@ -645,34 +777,33 @@ function openDetail(el){
     ? '<span class="tag tag-green">有效</span>'
     : '<span class="tag tag-red">无效</span>';
 
-  var exceptions = [];
-  try { exceptions = JSON.parse(tr.dataset.exceptions || '[]'); } catch(e){}
-  var exWrap = document.getElementById('detail-exceptions');
-  if(exceptions.length === 0){
-    exWrap.innerHTML = '<div class="detail-empty">暂无例外人数设定</div>';
-  } else {
-    exWrap.innerHTML = exceptions.map(function(ex){
-      return '<div class="detail-list-row"><span>' + ex.date + '</span><span class="detail-count">' + ex.count + ' 人</span></div>';
-    }).join('');
-  }
+  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>';
 
-  var noDates = [];
-  try { noDates = JSON.parse(tr.dataset.nodates || '[]'); } catch(e){}
-  var ndWrap = document.getElementById('detail-nodates');
-  if(noDates.length === 0){
-    ndWrap.innerHTML = '<div class="detail-empty">暂无不参检日期</div>';
-  } else {
-    ndWrap.innerHTML = noDates.map(function(d){
-      return '<div class="detail-list-row"><span>' + d + '</span></div>';
-    }).join('');
+  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-drawer').classList.add('open');
   document.getElementById('detail-overlay').classList.add('open');
 }
 
 function closeDetail(){
-  document.getElementById('detail-drawer').classList.remove('open');
   document.getElementById('detail-overlay').classList.remove('open');
 }
 </script>
diff --git a/web-admin/health-checkup/pre-item-hospital-fee.html b/web-admin/health-checkup/pre-item-hospital-fee.html
index 10e4911..897079f 100644
--- a/web-admin/health-checkup/pre-item-hospital-fee.html
+++ b/web-admin/health-checkup/pre-item-hospital-fee.html
@@ -289,6 +289,7 @@
       <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">
@@ -298,13 +299,13 @@
       <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>
           </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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--active" title="播放音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -347,6 +348,7 @@
       <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">
@@ -356,13 +358,13 @@
       <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>
           </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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--active" title="播放音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -405,6 +407,7 @@
       <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">
@@ -414,13 +417,13 @@
       <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>
           </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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--active" title="播放音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -463,6 +466,7 @@
       <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">
@@ -472,13 +476,13 @@
       <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>
           </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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--active" title="播放音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -521,6 +525,7 @@
       <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">
@@ -530,13 +535,13 @@
       <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>
           </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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--active" title="播放音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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="media-icon media-icon--empty" title="暂无音频"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v9M8 2L5 5H3v4h2l3 3V2z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 5.5a3 3 0 010 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span></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="4" width="9" height="8" rx="1.5" stroke="currentColor" stroke-width="1.3"/><path d="M11 7l3-2v6l-3-2V7z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td><td><span class="link">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
+          <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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</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">更新已生成费用</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">详情</span> <span class="link" style="margin-left:8px;color:var(--danger);">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -597,22 +602,6 @@
         <input type="file" class="upload-file">
       </label>
     </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">
-      </label>
-    </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">
-      </label>
-    </div>
     <div class="form-item">
       <div class="form-label">描述</div>
       <div class="editor-toolbar">
@@ -711,6 +700,72 @@
   </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>
+
 <script>
 /* 医院TAB切换 */
 function switchHospital(type, el){
@@ -1005,6 +1060,114 @@ function batchDeleteMutual(){
   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-plan.html b/web-admin/health-checkup/pre-plan.html
index 013ebcc..d7f3e55 100644
--- a/web-admin/health-checkup/pre-plan.html
+++ b/web-admin/health-checkup/pre-plan.html
@@ -79,6 +79,131 @@
   .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;}
 </style>
 </head>
 <body>
@@ -211,7 +336,8 @@
 
     <!-- 操作按钮 -->
     <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <button class="btn btn-primary">+ 新增</button>
+      <!-- [交互] 点击打开新增体检计划弹窗 -->
+      <button class="btn btn-primary" onclick="openPlanModal()">+ 新增</button>
     </div>
 
     <!-- 数据表格 -->
@@ -226,10 +352,10 @@
             <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>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">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
-          <tr><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">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
-          <tr><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">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
+        <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;">编辑</span> <span class="link" style="margin-left:8px;">删除</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;">编辑</span> <span class="link" style="margin-left:8px;">删除</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;">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td></tr>
         </tbody>
       </table>
       </div>
@@ -244,6 +370,210 @@
 
 </main>
 
+<!-- [弹窗] 新增单位体检计划 -->
+<div class="modal-overlay" id="plan-modal-overlay">
+  <div class="modal">
+    <div class="modal__header">
+      <div class="modal__title">新增单位体检计划</div>
+      <button class="modal__close" onclick="closePlanModal()">✕</button>
+    </div>
+    <div class="modal__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="modal__footer">
+      <button class="btn btn-default" onclick="closePlanModal()">取消</button>
+      <!-- [交互] 校验通过后新增计划并刷新列表 -->
+      <button class="btn btn-primary" onclick="savePlan()">确认新增</button>
+    </div>
+  </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){
@@ -271,6 +601,685 @@ function toggleSubgroup(header){
     }
   });
 })();
+
+/* ===================== 新增计划弹窗 ===================== */
+/* 模拟数据：可选医院 */
+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);
+  });
+})();
+
+/* [交互] 打开弹窗并重置表单 */
+function openPlanModal(){
+  resetPlanForm();
+  document.getElementById('plan-modal-overlay').classList.add('open');
+}
+function closePlanModal(){
+  document.getElementById('plan-modal-overlay').classList.remove('open');
+}
+
+function resetPlanForm(){
+  document.getElementById('planUnit').value = '';
+  var yearSel = document.querySelector('#plan-modal-overlay .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-modal-overlay .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 tbody = document.getElementById('plan-tbody');
+  var tr = document.createElement('tr');
+  var apptCell = apptOn ? (apptFrom + '至' + apptTo) : '<span style="color:var(--text-placeholder);">未开启</span>';
+  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 signCell = signHospital ? esc(signHospital) : '<span style="color:var(--text-placeholder);">—</span>';
+  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>' +
+    '<td><span class="link" onclick="openPlanDetail(this)">详情</span> <span class="link" style="margin-left:8px;">编辑</span> <span class="link" style="margin-left:8px;">删除</span></td>';
+  /* 同步写入详情记录，供详情弹窗查看 */
+  planDetails[rid] = {
+    unit: unit, year: year, name: name,
+    examHospitals: examHospital, signHospitals: signHospital,
+    planFrom: dateFrom, planTo: dateTo,
+    personType: personType,
+    institutions: selectedInstitutions.slice(),
+    employees: selectedEmployees.map(function(e){ return {name:e.name, dept:e.dept}; }),
+    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('新增成功');
+}
+
+/* ===================== 计划详情弹窗 ===================== */
+/* 模拟存量计划的详情数据（与新增弹窗字段对应），新增保存时动态写入 */
+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>