From 06587d20a327a7c38083a6c9736f63d971d7736f Mon Sep 17 00:00:00 2001
From: liuyunqin <liuyunqin@rk-health.com>
Date: Thu, 18 Jun 2026 18:03:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BD=93=E9=87=8D=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E4=BA=8B=E4=BB=B6=E9=A1=B5=E9=9D=A2=E8=A1=A5?=
 =?UTF-8?q?=E5=85=A8=EF=BC=8C=E6=96=B0=E5=A2=9E=E5=8E=86=E5=8F=B2=E5=B9=B2?=
 =?UTF-8?q?=E9=A2=84=E6=A8=A1=E5=9D=97=E5=8F=8A=E4=B8=AA=E4=BA=BA=E7=9B=AE?=
 =?UTF-8?q?=E6=A0=87=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- exception-system-dirty.html: 补全系统脏数据页（筛选栏/操作栏/9列表格/分页/10条Mock数据）
- exception-result-abnormal.html: 补全结果异常页（筛选栏含单位部门联动/操作栏/9列表格/分页/10条Mock数据）
- 新增 history-plan-list.html、history-plan-detail.html、personal-target-detail.html
- activity-statistics.html、weight-ranking.html、detail-data.html、personal-target-data.html 等页面大幅重构
- 全部36个页面顶部导航新增「历史干预」菜单
- index.html SITE_MAP 同步更新
- health-monitor/exception-result.html 移除异常等级筛选及列
- CHANGELOG 追加 2026-06-18 条目

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 index.html                                    |    3 +
 .../health-monitor/exception-result.html      |   15 -
 .../action-overview-detail.html               |    1 +
 .../weight-management/action-overview.html    |   28 +-
 .../weight-management/action-record.html      |    1 +
 .../activity-statistics.html                  |  655 +++++-
 .../archive-algorithm-model.html              |    1 +
 .../archive-personal-weight-data.html         |   54 +-
 .../archive-personal-weight-detail.html       |  167 +-
 .../archive-unit-report.html                  |   69 +-
 .../bluetooth-device-add.html                 |    1 +
 .../weight-management/bluetooth-device.html   |    1 +
 .../bluetooth-monitor-detail.html             |    1 +
 .../weight-management/bluetooth-monitor.html  |    1 +
 web-admin/weight-management/dept-stat.html    |    1 +
 web-admin/weight-management/detail-data.html  |  954 +++++++-
 web-admin/weight-management/doc/CHANGELOG.md  |   26 +
 .../employee-data-record.html                 |    1 +
 .../weight-management/employee-data.html      |    1 +
 .../weight-management/employee-stat.html      |    1 +
 .../exception-result-abnormal.html            |  443 +++-
 .../exception-system-dirty.html               |  325 ++-
 .../weight-management/fat-device-add.html     |    1 +
 web-admin/weight-management/fat-device.html   |    1 +
 .../weight-management/fat-monitor-detail.html |    1 +
 web-admin/weight-management/fat-monitor.html  |    1 +
 .../history-plan-detail.html                  | 2035 +++++++++++++++++
 .../weight-management/history-plan-list.html  |  641 ++++++
 .../personal-target-data.html                 |  374 ++-
 .../personal-target-detail.html               |  715 ++++++
 web-admin/weight-management/plan-edit.html    |    1 +
 web-admin/weight-management/plan-list.html    |    1 +
 .../registration-tracking.html                |    4 +-
 .../weight-management/scale-device-add.html   |    1 +
 web-admin/weight-management/scale-device.html |    1 +
 .../scale-monitor-detail.html                 |    1 +
 .../weight-management/scale-monitor.html      |    1 +
 .../weight-management/sport-device-add.html   |    1 +
 web-admin/weight-management/sport-device.html |    1 +
 .../sport-monitor-detail.html                 |    1 +
 .../weight-management/sport-monitor.html      |    1 +
 .../target-weight-review.html                 |    1 +
 .../weight-management/weight-ranking.html     | 1256 +++++++++-
 43 files changed, 7573 insertions(+), 217 deletions(-)
 create mode 100644 web-admin/weight-management/history-plan-detail.html
 create mode 100644 web-admin/weight-management/history-plan-list.html
 create mode 100644 web-admin/weight-management/personal-target-detail.html

diff --git a/index.html b/index.html
index 14838b5..c3602c5 100644
--- a/index.html
+++ b/index.html
@@ -240,7 +240,10 @@ const SITE_MAP = [
       { file:'detail-data.html', label:'详细数据' },
       { file:'weight-ranking.html', label:'体重排名' },
       { file:'activity-statistics.html', label:'活动统计' },
+      { file:'history-plan-list.html', label:'历史干预-计划列表' },
+      { file:'history-plan-detail.html', label:'历史干预-计划详情' },
       { file:'personal-target-data.html', label:'个人目标数据' },
+      { file:'personal-target-detail.html', label:'个人目标数据-详情' },
       { file:'scale-device.html', label:'体重秤-设备管理' },
       { file:'scale-monitor.html', label:'体重秤-设备监测' },
       { file:'scale-device-add.html', label:'体重秤-新增设备' },
diff --git a/web-admin/health-monitor/exception-result.html b/web-admin/health-monitor/exception-result.html
index 3fa05d7..e61be16 100644
--- a/web-admin/health-monitor/exception-result.html
+++ b/web-admin/health-monitor/exception-result.html
@@ -143,15 +143,6 @@ tbody tr:hover{background:#F8FBFF;}
         <option>环境监测</option>
       </select>
     </div>
-    <div class="filter-item">
-      <label>异常等级</label>
-      <select class="filter-select">
-        <option>全部</option>
-        <option>严重</option>
-        <option>中等</option>
-        <option>轻微</option>
-      </select>
-    </div>
     <div class="filter-item">
       <label>年份</label>
       <select class="filter-select" style="min-width:90px;">
@@ -183,7 +174,6 @@ tbody tr:hover{background:#F8FBFF;}
             <th>业务模块</th>
             <th>异常指标</th>
             <th>异常值</th>
-            <th>异常等级</th>
             <th>发现时间</th>
           </tr>
         </thead>
@@ -196,7 +186,6 @@ tbody tr:hover{background:#F8FBFF;}
             <td>体重监测</td>
             <td>BMI异常</td>
             <td>28.5</td>
-            <td><span class="tag tag-orange">中等</span></td>
             <td>2026-05-14 10:30</td>
           </tr>
           <tr>
@@ -207,7 +196,6 @@ tbody tr:hover{background:#F8FBFF;}
             <td>穿戴监测</td>
             <td>心率异常</td>
             <td>125 bpm</td>
-            <td><span class="tag tag-red">严重</span></td>
             <td>2026-05-13 14:22</td>
           </tr>
           <tr>
@@ -218,7 +206,6 @@ tbody tr:hover{background:#F8FBFF;}
             <td>健康排查</td>
             <td>积分异常</td>
             <td>0分</td>
-            <td><span class="tag tag-orange">中等</span></td>
             <td>2026-05-12 09:15</td>
           </tr>
           <tr>
@@ -229,7 +216,6 @@ tbody tr:hover{background:#F8FBFF;}
             <td>环境监测</td>
             <td>温度异常</td>
             <td>38.2°C</td>
-            <td><span class="tag tag-red">严重</span></td>
             <td>2026-05-11 16:45</td>
           </tr>
           <tr>
@@ -240,7 +226,6 @@ tbody tr:hover{background:#F8FBFF;}
             <td>穿戴监测</td>
             <td>血氧异常</td>
             <td>92%</td>
-            <td><span class="tag tag-orange">轻微</span></td>
             <td>2026-05-10 11:20</td>
           </tr>
         </tbody>
diff --git a/web-admin/weight-management/action-overview-detail.html b/web-admin/weight-management/action-overview-detail.html
index 00a4a50..bafa9ee 100644
--- a/web-admin/weight-management/action-overview-detail.html
+++ b/web-admin/weight-management/action-overview-detail.html
@@ -133,6 +133,7 @@ tbody tr:hover td:nth-child(1){background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/action-overview.html b/web-admin/weight-management/action-overview.html
index a9c5574..a903989 100644
--- a/web-admin/weight-management/action-overview.html
+++ b/web-admin/weight-management/action-overview.html
@@ -168,6 +168,7 @@ tbody tr:hover td:last-child{background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -318,6 +319,8 @@ tbody tr:hover td:last-child{background:#F8FBFF;}
             <th rowspan="2">腰围变化<br>(cm)</th>
             <th class="th-parent" colspan="4">饮食总览</th>
             <th class="th-parent" colspan="4">运动总览</th>
+            <th rowspan="2">减重量<br>排名</th>
+            <th rowspan="2">减重率<br>排名</th>
             <th rowspan="2">赛况明细</th>
           </tr>
           <!-- [交互] 表头第二行：饮食总览和运动总览的子列 -->
@@ -456,6 +459,26 @@ function buildOverviewData(){
 
 var overviewData = buildOverviewData();
 var selectedPlanId = null;
+
+/* ===== 计算排名：按计划内排序 ===== */
+(function computeRanks(){
+  var planGroups = {};
+  overviewData.forEach(function(d){
+    if(!planGroups[d.planId]) planGroups[d.planId] = [];
+    var weightLoss = +(d.initWeight - d.curWeight).toFixed(1);
+    var weightLossRate = +((d.initWeight - d.curWeight) / d.initWeight * 100).toFixed(1);
+    d.weightLoss = weightLoss;
+    d.weightLossRate = weightLossRate;
+    planGroups[d.planId].push(d);
+  });
+  Object.keys(planGroups).forEach(function(pid){
+    var group = planGroups[pid];
+    group.sort(function(a,b){return b.weightLoss - a.weightLoss;});
+    group.forEach(function(d,i){d.weightLossRank = i + 1;});
+    group.sort(function(a,b){return b.weightLossRate - a.weightLossRate;});
+    group.forEach(function(d,i){d.weightLossRateRank = i + 1;});
+  });
+})();
 var pageSize = 10;
 var currentPage = 0;
 var filteredData = overviewData.slice();
@@ -607,7 +630,7 @@ function renderTable(){
   document.getElementById('pageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + filteredData.length + ' 条记录';
   document.getElementById('pageNum').textContent = '第 ' + (currentPage + 1) + '/' + totalPages + ' 页';
   if(filteredData.length === 0){
-    tbody.innerHTML = '<tr><td colspan="33" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    tbody.innerHTML = '<tr><td colspan="35" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
     return;
   }
   var html = '';
@@ -655,6 +678,9 @@ function renderTable(){
     html += '<td>'+d.exAvgSteps.toLocaleString()+'</td>';
     html += '<td>'+d.exAvgDaily+'</td>';
     html += '<td class="col-exercise-last">'+d.exTotal+'</td>';
+    // 排名
+    html += '<td>'+d.weightLossRank+'</td>';
+    html += '<td>'+d.weightLossRateRank+'</td>';
     // 赛况明细
     html += '<td><a class="link" href="javascript:void(0)" onclick="openMatchDetail(\''+esc(d.empId)+'\',\''+esc(d.name)+'\')">查看</a></td>';
     html += '</tr>';
diff --git a/web-admin/weight-management/action-record.html b/web-admin/weight-management/action-record.html
index eb896d3..4478a76 100644
--- a/web-admin/weight-management/action-record.html
+++ b/web-admin/weight-management/action-record.html
@@ -256,6 +256,7 @@ tbody tr:hover td:nth-child(3){background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/activity-statistics.html b/web-admin/weight-management/activity-statistics.html
index 0e510d7..316b325 100644
--- a/web-admin/weight-management/activity-statistics.html
+++ b/web-admin/weight-management/activity-statistics.html
@@ -5,35 +5,150 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>活动统计 | 体重管理</title>
 <style>
-  *{box-sizing:border-box;margin:0;padding:0;}
-  body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 计划选择区 */
+.plan-selector{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:24px;}
+.plan-selector__left{flex:1;min-width:0;max-width:400px;}
+.plan-selector__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
+.plan-selector__right{flex:1;display:flex;gap:28px;padding:18px 20px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);min-height:78px;align-items:center;}
+.plan-selector__right--empty{justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.plan-info-item{display:flex;flex-direction:column;gap:6px;}
+.plan-info-item__label{font-size:var(--font-xs);color:var(--text-secondary);}
+.plan-info-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:600;}
+.plan-info-item__value strong{color:var(--primary);font-size:var(--font-lg);}
+
+/* 搜索下拉 */
+.search-select{position:relative;width:100%;}
+.search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 36px 0 12px;font-size:var(--font-sm);outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;}
+.search-select__input:focus{border-color:var(--primary);}
+.search-select__input::placeholder{color:var(--text-placeholder);}
+.search-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;max-height:280px;overflow-y:auto;}
+.search-select__panel.show{display:block;}
+.search-select__option{padding:12px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-bottom:1px solid #F5F5F5;}
+.search-select__option:last-child{border-bottom:none;}
+.search-select__option:hover{background:#F5F7FA;}
+.search-select__option.selected{color:var(--primary);background:var(--primary-light);}
+.search-select__option .ss-org{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;}
+.search-select__empty{padding:20px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.search-select__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--text-placeholder);font-size:16px;display:none;align-items:center;justify-content:center;border-radius:50%;line-height:1;padding:0;z-index:1;}
+.search-select__clear:hover{color:var(--text-primary);background:#F0F0F0;}
+.search-select__clear.show{display:flex;}
+.search-select--selected .search-select__input{background-image:none;padding-right:32px;}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+
+/* 单位多选下拉 */
+.unit-multi-select{position:relative;display:inline-block;}
+.unit-multi-trigger{height:32px;min-width:160px;max-width:280px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.unit-multi-trigger.open,.unit-multi-trigger:hover{border-color:var(--primary);}
+.unit-multi-panel{display:none;position:absolute;top:36px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:220px;max-height:280px;overflow-y:auto;}
+.unit-multi-panel.open{display:block;}
+.unit-check-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:1px solid #F5F5F5;}
+.unit-check-item:last-child{border-bottom:none;}
+.unit-check-item:hover{background:#F0F8FF;}
+.unit-check-item__box{width:16px;height:16px;border:1.5px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
+.unit-check-item.active .unit-check-item__box{background:var(--primary);border-color:var(--primary);}
+.unit-check-item.active .unit-check-item__box::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-1px;}
+.unit-multi-panel__actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border);position:sticky;bottom:0;background:#fff;}
+.unit-multi-panel__actions .btn-xs{height:26px;padding:0 12px;font-size:var(--font-xs);border-radius:var(--radius-sm);cursor:pointer;border:none;transition:all .2s;}
+.unit-multi-panel__actions .btn-xs--primary{background:var(--primary);color:#fff;}
+.unit-multi-panel__actions .btn-xs--primary:hover{background:#40a9ff;}
+.unit-multi-panel__actions .btn-xs--default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}
+.unit-multi-panel__actions .btn-xs--default:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+table{width:100%;border-collapse:collapse;min-width:1800px;}
+
+/* 表头 */
+thead th{background:#FAFAFA;padding:8px 8px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+thead th.th-divider{border-right:2px solid var(--border);}
+
+/* 表体 */
+tbody td{padding:10px 8px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 第一列(干预计划)固定左侧 */
+thead th:nth-child(1),tbody td:nth-child(1){position:sticky;left:0;z-index:4;background:#fff;min-width:240px;max-width:240px;text-align:left;overflow:hidden;text-overflow:ellipsis;}
+thead th:nth-child(1){z-index:7;background:#FAFAFA;}
+tbody tr:hover td:nth-child(1){background:#F8FBFF;}
+
+/* 第二列(单位)固定左侧 */
+thead th:nth-child(2),tbody td:nth-child(2){position:sticky;left:240px;z-index:3;background:#fff;min-width:120px;max-width:120px;}
+thead th:nth-child(2){z-index:6;background:#FAFAFA;}
+tbody tr:hover td:nth-child(2){background:#F8FBFF;}
+
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 变化值颜色 */
+.change-down{color:var(--success);}
+.change-up{color:var(--danger);}
+.change-zero{color:var(--text-placeholder);}
+
+/* 分页 */
+.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);}
+
+/* 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>
+<!-- 顶部导航栏 -->
 <div class="top-bar">
   <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
   <nav class="top-bar__nav">
@@ -41,6 +156,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -51,6 +167,8 @@
     <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
   </div>
 </div>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">过程管理</div>
   <a href="action-record.html" class="sidebar-item">行动记录</a>
@@ -59,8 +177,491 @@
   <a href="weight-ranking.html" class="sidebar-item">体重排名</a>
   <a href="activity-statistics.html" class="sidebar-item active">活动统计</a>
 </aside>
+
+<!-- 主内容 -->
 <main class="main">
-  <!-- 主内容区域 -->
+
+  <!-- 页面标题 -->
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / 过程管理 / <span>活动统计</span></div>
+  </div>
+
+  <!-- [交互] 干预计划选择区 — 搜索下拉选择计划，选中后右侧展示基本信息 -->
+  <div class="plan-selector">
+    <div class="plan-selector__left">
+      <div class="plan-selector__label">干预计划</div>
+      <div class="search-select" id="planSelect">
+        <input class="search-select__input" id="planSearchInput" placeholder="搜索计划名称或组织单位" oninput="searchPlan()" onfocus="showPlanPanel()" autocomplete="off">
+        <!-- [交互] 点击清空已选计划，恢复未选择状态 -->
+        <button class="search-select__clear" id="planClearBtn" onclick="clearPlan()" title="清空计划">×</button>
+        <div class="search-select__panel" id="planPanel"></div>
+      </div>
+    </div>
+    <!-- [交互] 选中计划后此处展示基本信息；未选中时显示占位提示 -->
+    <div class="plan-selector__right plan-selector__right--empty" id="planInfoEmpty">
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" style="margin-right:6px;flex-shrink:0;"><circle cx="9" cy="9" r="8" stroke="#999" stroke-width="1.2" stroke-dasharray="3 2"/><path d="M9 5v4M9 11v.5" stroke="#999" stroke-width="1.2" stroke-linecap="round"/></svg>
+      可选择干预计划进行查看
+    </div>
+    <div class="plan-selector__right" id="planInfo" style="display:none;">
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">组织单位</span>
+        <span class="plan-info-item__value" id="piOrg">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">起止日期</span>
+        <span class="plan-info-item__value" id="piDate">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">进行天数</span>
+        <span class="plan-info-item__value" id="piDays">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">应参加人数</span>
+        <span class="plan-info-item__value"><strong id="piCount">-</strong></span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">实际参加人数</span>
+        <span class="plan-info-item__value"><strong id="piActual">-</strong></span>
+      </div>
+    </div>
+  </div>
+
+  <!-- [交互] 筛选栏 — 单位多选 -->
+  <div class="filter-bar">
+    <!-- [交互] 多选下拉：勾选单位，支持全选/清空 -->
+    <div class="filter-item">
+      <label>单位</label>
+      <div class="unit-multi-select" id="unitMultiWrap">
+        <div class="unit-multi-trigger" id="unitMultiTrigger" onclick="toggleUnitMulti()">全部单位</div>
+        <!-- [交互] 单位多选下拉面板，勾选后点击确定刷新列表 -->
+        <div class="unit-multi-panel" id="unitMultiPanel">
+          <div class="unit-check-item active" data-unit="" onclick="toggleUnitCheck(this,'')">
+            <span class="unit-check-item__box"></span>全部单位
+          </div>
+          <div class="unit-check-item" data-unit="第四采油厂" onclick="toggleUnitCheck(this,'第四采油厂')">
+            <span class="unit-check-item__box"></span>第四采油厂
+          </div>
+          <div class="unit-check-item" data-unit="采油一厂" onclick="toggleUnitCheck(this,'采油一厂')">
+            <span class="unit-check-item__box"></span>采油一厂
+          </div>
+          <div class="unit-check-item" data-unit="采油二厂" onclick="toggleUnitCheck(this,'采油二厂')">
+            <span class="unit-check-item__box"></span>采油二厂
+          </div>
+          <div class="unit-check-item" data-unit="采气一厂" onclick="toggleUnitCheck(this,'采气一厂')">
+            <span class="unit-check-item__box"></span>采气一厂
+          </div>
+          <div class="unit-multi-panel__actions">
+            <button class="btn-xs btn-xs--primary" onclick="confirmUnitFilter()">确定</button>
+            <button class="btn-xs btn-xs--default" onclick="resetUnitFilter()">清空</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- [交互] 点击查询按钮筛选列表 -->
+    <button class="btn btn-primary" onclick="applyFilter()">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+    </button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- [交互] 操作按钮区 -->
+  <div class="action-bar">
+    <button class="btn btn-export" onclick="showToast('导出列表数据功能开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+    </button>
+    <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+    </button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>干预计划</th>
+            <th>单位</th>
+            <th>起止日期</th>
+            <th>应参加<br>人数</th>
+            <th>已参加<br>人数</th>
+            <th>未参加<br>人数</th>
+            <th>人均初始<br>体重(kg)</th>
+            <th>人均初始<br>BMI</th>
+            <th>人均现<br>体重(kg)</th>
+            <th>人均现<br>BMI</th>
+            <th>人均减重<br>量(kg)</th>
+            <th>活动累计<br>减重量(kg)</th>
+            <th>人均减重率</th>
+            <th>人均BMI下降</th>
+            <th>人均每日<br>摄入(千卡)</th>
+            <th>累计摄入<br>(千卡)</th>
+            <th>人均每日<br>消耗(千卡)</th>
+            <th>累计消耗<br>(千卡)</th>
+          </tr>
+        </thead>
+        <tbody id="tableBody"></tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span id="pageInfo">显示 0 条记录</span>
+      <button class="page-btn" onclick="goPage(-1)">‹</button>
+      <span id="pageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+      <button class="page-btn" onclick="goPage(1)">›</button>
+    </div>
+  </div>
+
 </main>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* ===== 侧边栏当前页高亮 ===== */
+(function(){
+  var current = location.pathname.split('/').pop();
+  document.querySelectorAll('.sidebar-item').forEach(function(item){
+    var href = item.getAttribute('href');
+    item.classList.toggle('active', href === current);
+  });
+})();
+
+/* ===== 干预计划数据 ===== */
+var plans = [
+  {id:1,name:'第四采油厂2026年超重健康干预计划',org:'第四采油厂',dateFrom:'2026-03-01',dateTo:'2026-08-31',totalCount:234,actualCount:218},
+  {id:2,name:'采油一厂2026年体重管理专项行动',org:'采油一厂',dateFrom:'2026-04-01',dateTo:'2026-09-30',totalCount:186,actualCount:180},
+  {id:3,name:'采油二厂2026年健康减重计划',org:'采油二厂',dateFrom:'2026-05-15',dateTo:'2026-11-15',totalCount:312,actualCount:295},
+  {id:4,name:'采气一厂2025年度体重管理计划',org:'采气一厂',dateFrom:'2025-06-01',dateTo:'2025-12-01',totalCount:158,actualCount:142},
+  {id:5,name:'第四采油厂2025年超重健康干预计划',org:'第四采油厂',dateFrom:'2025-03-01',dateTo:'2025-08-31',totalCount:267,actualCount:251},
+  {id:6,name:'采油一厂2025年员工健康体重计划',org:'采油一厂',dateFrom:'2025-04-15',dateTo:'2025-10-15',totalCount:420,actualCount:398},
+  {id:7,name:'采气一厂2026下半年体重干预计划',org:'采气一厂',dateFrom:'2026-09-01',dateTo:'2026-12-31',totalCount:89,actualCount:72},
+  {id:8,name:'采油二厂2024年体重控制专项计划',org:'采油二厂',dateFrom:'2024-07-01',dateTo:'2024-12-31',totalCount:145,actualCount:130}
+];
+
+/* ===== 单位列表 ===== */
+var allUnits = ['第四采油厂','采油一厂','采油二厂','采气一厂'];
+
+/* ===== 生成统计Mock数据 ===== */
+function buildStatsData(){
+  var data = [];
+  // 每个计划 + 每个相关单位 生成一行聚合统计
+  plans.forEach(function(p){
+    // 每个计划关联其所属单位 + 随机1-2个其他单位
+    var planUnits = [p.org];
+    var otherUnits = allUnits.filter(function(u){return u !== p.org;});
+    // 随机选 1-2 个其他单位
+    var extraCount = Math.floor(Math.random() * 2) + 1;
+    for(var i = 0; i < extraCount && i < otherUnits.length; i++){
+      if(planUnits.indexOf(otherUnits[i]) === -1){
+        planUnits.push(otherUnits[i]);
+      }
+    }
+    planUnits.forEach(function(unit, ui){
+      // 该单位在此计划中的参与人数
+      var shouldCount, actualCount;
+      if(unit === p.org){
+        shouldCount = p.totalCount;
+        actualCount = p.actualCount;
+      } else {
+        shouldCount = Math.floor(Math.random() * 80) + 30;
+        actualCount = Math.floor(shouldCount * (0.75 + Math.random() * 0.2));
+      }
+      var notCount = shouldCount - actualCount;
+      // 人均初始体重: 70-85kg
+      var avgInitWeight = +(70 + Math.random() * 15).toFixed(1);
+      // 人均初始BMI: 25-30
+      var avgInitBmi = +(25 + Math.random() * 5).toFixed(1);
+      // 人均减重量: 1-6kg
+      var avgWeightLoss = +(1 + Math.random() * 5).toFixed(1);
+      // 人均现体重 = 初始 - 减重
+      var avgCurWeight = +(avgInitWeight - avgWeightLoss).toFixed(1);
+      // 人均现BMI: 现体重 / (假设平均身高1.68m) 的平方
+      var avgHeight = 1.68;
+      var avgCurBmi = +(avgCurWeight / (avgHeight * avgHeight)).toFixed(1);
+      // 活动累计减重量 = 人均减重 × 实际参加人数
+      var totalWeightLoss = +(avgWeightLoss * actualCount).toFixed(1);
+      // 人均减重率 = 人均减重 / 人均初始体重
+      var avgLossRate = +(avgWeightLoss / avgInitWeight * 100).toFixed(1);
+      // 人均BMI下降 = 人均初始BMI - 人均现BMI
+      var avgBmiDrop = +(avgInitBmi - avgCurBmi).toFixed(1);
+      // 人均每日摄入: 1400-2200千卡
+      var avgDailyIntake = Math.floor(Math.random() * 800) + 1400;
+      // 累计摄入 = 人均每日摄入 × 实际参加人数 × 进行天数(取50%)
+      var planDays = calcPlanDaysNum(p.dateFrom, p.dateTo);
+      var activeDays = Math.floor(planDays * 0.5);
+      var totalIntake = avgDailyIntake * actualCount * activeDays;
+      // 人均每日消耗: 300-600千卡
+      var avgDailyConsume = Math.floor(Math.random() * 300) + 300;
+      // 累计消耗 = 人均每日消耗 × 实际参加人数 × 进行天数(取50%)
+      var totalConsume = avgDailyConsume * actualCount * activeDays;
+
+      data.push({
+        planId: p.id,
+        planName: p.name,
+        unit: unit,
+        dateFrom: p.dateFrom,
+        dateTo: p.dateTo,
+        shouldCount: shouldCount,
+        actualCount: actualCount,
+        notCount: notCount,
+        avgInitWeight: avgInitWeight,
+        avgInitBmi: avgInitBmi,
+        avgCurWeight: avgCurWeight,
+        avgCurBmi: avgCurBmi,
+        avgWeightLoss: avgWeightLoss,
+        totalWeightLoss: totalWeightLoss,
+        avgLossRate: avgLossRate,
+        avgBmiDrop: avgBmiDrop,
+        avgDailyIntake: avgDailyIntake,
+        totalIntake: totalIntake,
+        avgDailyConsume: avgDailyConsume,
+        totalConsume: totalConsume
+      });
+    });
+  });
+  return data;
+}
+
+var statsData = buildStatsData();
+var selectedPlanId = null;
+var selectedUnits = [];   // 当前选中的单位列表（空=全部）
+var pageSize = 10;
+var currentPage = 0;
+var filteredData = statsData.slice();
+
+/* ===== 计划搜索选择 ===== */
+function searchPlan(){
+  var keyword = document.getElementById('planSearchInput').value.trim().toLowerCase();
+  var panel = document.getElementById('planPanel');
+  var filtered = plans;
+  if(keyword){
+    filtered = plans.filter(function(p){
+      return p.name.toLowerCase().indexOf(keyword) > -1 || p.org.toLowerCase().indexOf(keyword) > -1;
+    });
+  }
+  if(filtered.length === 0){
+    panel.innerHTML = '<div class="search-select__empty">无匹配计划</div>';
+  } else {
+    var html = '';
+    filtered.forEach(function(p){
+      var sel = selectedPlanId === p.id ? ' selected' : '';
+      html += '<div class="search-select__option'+sel+'" onclick="selectPlan('+p.id+')">';
+      html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+      html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+      html += '</div>';
+    });
+    panel.innerHTML = html;
+  }
+}
+
+function showPlanPanel(){
+  searchPlan();
+  document.getElementById('planPanel').classList.add('show');
+}
+
+function selectPlan(planId){
+  selectedPlanId = planId;
+  var plan = plans.find(function(p){return p.id === planId;});
+  if(!plan) return;
+  document.getElementById('planSearchInput').value = plan.name;
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planClearBtn').classList.add('show');
+  document.getElementById('planSelect').classList.add('search-select--selected');
+  document.getElementById('planInfoEmpty').style.display = 'none';
+  document.getElementById('planInfo').style.display = 'flex';
+  document.getElementById('piOrg').textContent = plan.org;
+  document.getElementById('piDate').textContent = plan.dateFrom + ' ~ ' + plan.dateTo;
+  document.getElementById('piDays').textContent = calcPlanDaysNum(plan.dateFrom, plan.dateTo) + ' 天';
+  document.getElementById('piCount').textContent = plan.totalCount + ' 人';
+  document.getElementById('piActual').textContent = (plan.actualCount || 0) + ' 人';
+  applyFilter();
+}
+
+/* [交互] 清空已选干预计划，恢复未选择状态 */
+function clearPlan(){
+  selectedPlanId = null;
+  document.getElementById('planSearchInput').value = '';
+  document.getElementById('planClearBtn').classList.remove('show');
+  document.getElementById('planSelect').classList.remove('search-select--selected');
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planInfoEmpty').style.display = '';
+  document.getElementById('planInfo').style.display = 'none';
+  applyFilter();
+}
+
+/* ===== 单位多选 ===== */
+function toggleUnitMulti(){
+  var panel = document.getElementById('unitMultiPanel');
+  var trigger = document.getElementById('unitMultiTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+/* [交互] 点击切换单位选项的选中状态 — "全部单位"与其他互斥 */
+function toggleUnitCheck(elem, unitCode){
+  if(unitCode === ''){
+    // 点击"全部单位"：清空所有其他选中，只选中"全部单位"
+    var allItems = document.querySelectorAll('#unitMultiPanel .unit-check-item');
+    allItems.forEach(function(item){item.classList.remove('active');});
+    elem.classList.add('active');
+  } else {
+    // 点击具体单位：取消"全部单位"选中
+    var allItem = document.querySelector('#unitMultiPanel .unit-check-item[data-unit=""]');
+    allItem.classList.remove('active');
+    elem.classList.toggle('active');
+  }
+}
+
+/* [交互] 确定单位筛选 */
+function confirmUnitFilter(){
+  var activeItems = document.querySelectorAll('#unitMultiPanel .unit-check-item.active');
+  selectedUnits = [];
+  activeItems.forEach(function(item){
+    var u = item.getAttribute('data-unit');
+    if(u !== ''){
+      selectedUnits.push(u);
+    }
+  });
+  // 更新触发按钮文字
+  if(selectedUnits.length === 0){
+    document.getElementById('unitMultiTrigger').textContent = '全部单位';
+    // 自动勾选"全部单位"
+    document.querySelector('#unitMultiPanel .unit-check-item[data-unit=""]').classList.add('active');
+  } else if(selectedUnits.length === 1){
+    document.getElementById('unitMultiTrigger').textContent = selectedUnits[0];
+  } else {
+    document.getElementById('unitMultiTrigger').textContent = selectedUnits.length + ' 个单位已选';
+  }
+  // 关闭面板
+  document.getElementById('unitMultiPanel').classList.remove('open');
+  document.getElementById('unitMultiTrigger').classList.remove('open');
+}
+
+/* [交互] 清空单位筛选 */
+function resetUnitFilter(){
+  document.querySelectorAll('#unitMultiPanel .unit-check-item').forEach(function(item){item.classList.remove('active');});
+  document.querySelector('#unitMultiPanel .unit-check-item[data-unit=""]').classList.add('active');
+  selectedUnits = [];
+  document.getElementById('unitMultiTrigger').textContent = '全部单位';
+  document.getElementById('unitMultiPanel').classList.remove('open');
+  document.getElementById('unitMultiTrigger').classList.remove('open');
+}
+
+/* ===== 筛选 ===== */
+function applyFilter(){
+  var data = statsData.slice();
+  // 按计划筛选（选中时只展示该计划数据，未选中时展示全部）
+  if(selectedPlanId){
+    data = data.filter(function(d){return d.planId === selectedPlanId;});
+  }
+  // 按单位筛选（多选，空=全部）
+  if(selectedUnits.length > 0){
+    data = data.filter(function(d){
+      return selectedUnits.indexOf(d.unit) !== -1;
+    });
+  }
+  filteredData = data;
+  currentPage = 0;
+  renderTable();
+}
+
+function resetFilter(){
+  resetUnitFilter();
+  applyFilter();
+}
+
+/* ===== 渲染表格 ===== */
+function renderTable(){
+  var tbody = document.getElementById('tableBody');
+  var start = currentPage * pageSize;
+  var pageData = filteredData.slice(start, start + pageSize);
+  var totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  document.getElementById('pageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + filteredData.length + ' 条记录';
+  document.getElementById('pageNum').textContent = '第 ' + (currentPage + 1) + '/' + totalPages + ' 页';
+  if(filteredData.length === 0){
+    tbody.innerHTML = '<tr><td colspan="18" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    var lossCls = d.avgWeightLoss < 0 ? 'change-up' : (d.avgWeightLoss > 0 ? 'change-down' : 'change-zero');
+    var bmiCls = d.avgBmiDrop < 0 ? 'change-up' : (d.avgBmiDrop > 0 ? 'change-down' : 'change-zero');
+    var lossSign = d.avgWeightLoss > 0 ? '-' : (d.avgWeightLoss < 0 ? '+' : '');
+    var bmiSign = d.avgBmiDrop > 0 ? '-' : (d.avgBmiDrop < 0 ? '+' : '');
+    html += '<tr>';
+    html += '<td>'+esc(d.planName)+'</td>';
+    html += '<td>'+esc(d.unit)+'</td>';
+    html += '<td>'+d.dateFrom+' ~ '+d.dateTo+'</td>';
+    html += '<td>'+d.shouldCount+'</td>';
+    html += '<td>'+d.actualCount+'</td>';
+    html += '<td>'+d.notCount+'</td>';
+    html += '<td>'+d.avgInitWeight+'</td>';
+    html += '<td>'+d.avgInitBmi+'</td>';
+    html += '<td>'+d.avgCurWeight+'</td>';
+    html += '<td>'+d.avgCurBmi+'</td>';
+    html += '<td class="'+lossCls+'">'+lossSign+Math.abs(d.avgWeightLoss)+'</td>';
+    html += '<td class="'+lossCls+'">'+lossSign+Math.abs(d.totalWeightLoss)+'</td>';
+    html += '<td class="'+lossCls+'">'+lossSign+d.avgLossRate+'%</td>';
+    html += '<td class="'+bmiCls+'">'+bmiSign+Math.abs(d.avgBmiDrop)+'</td>';
+    html += '<td>'+d.avgDailyIntake.toLocaleString()+'</td>';
+    html += '<td>'+d.totalIntake.toLocaleString()+'</td>';
+    html += '<td>'+d.avgDailyConsume.toLocaleString()+'</td>';
+    html += '<td>'+d.totalConsume.toLocaleString()+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+/* ===== 翻页 ===== */
+function goPage(delta){
+  var totalPages = Math.ceil(filteredData.length / pageSize);
+  var newPage = currentPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  currentPage = newPage;
+  renderTable();
+}
+
+/* ===== 工具函数 ===== */
+function calcPlanDaysNum(dateFrom, dateTo){
+  var today = new Date();
+  var from = new Date(dateFrom);
+  var to = new Date(dateTo);
+  var end = to < today ? to : today;
+  if(end < from) return 0;
+  return Math.ceil((end - from) / (1000*60*60*24)) + 1;
+}
+function esc(s){return String(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('#planSelect')){
+    document.getElementById('planPanel').classList.remove('show');
+  }
+  var unitWrap = document.getElementById('unitMultiWrap');
+  if(unitWrap && !unitWrap.contains(e.target)){
+    document.getElementById('unitMultiPanel').classList.remove('open');
+    document.getElementById('unitMultiTrigger').classList.remove('open');
+  }
+});
+
+/* ===== 初始化 ===== */
+(function init(){
+  // 预填充计划下拉数据
+  var html = '';
+  plans.forEach(function(p){
+    html += '<div class="search-select__option" onclick="selectPlan('+p.id+')">';
+    html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+    html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+    html += '</div>';
+  });
+  document.getElementById('planPanel').innerHTML = html;
+  renderTable();
+})();
+</script>
 </body>
 </html>
diff --git a/web-admin/weight-management/archive-algorithm-model.html b/web-admin/weight-management/archive-algorithm-model.html
index 166f3af..4592f31 100644
--- a/web-admin/weight-management/archive-algorithm-model.html
+++ b/web-admin/weight-management/archive-algorithm-model.html
@@ -41,6 +41,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/archive-personal-weight-data.html b/web-admin/weight-management/archive-personal-weight-data.html
index 06f275d..f01f124 100644
--- a/web-admin/weight-management/archive-personal-weight-data.html
+++ b/web-admin/weight-management/archive-personal-weight-data.html
@@ -65,11 +65,30 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
 .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
 .table-card__title{font-size:var(--font-base);font-weight:600;}
 .table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
-table{width:100%;border-collapse:collapse;min-width:100%;white-space:nowrap;}
+table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;}
 thead th{background:#FAFAFA;padding:10px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
 tbody td{padding:12px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
 tbody tr:last-child td{border-bottom:none;}
-tbody tr:hover{background:#F8FBFF;}
+tbody tr:hover td{background:#F8FBFF;}
+/* 左侧固定列：序号、姓名、员工编号 */
+thead th:nth-child(1),tbody td:nth-child(1){position:sticky;left:0;z-index:2;background:#fff;width:54px;min-width:54px;}
+thead th:nth-child(1){background:#FAFAFA;z-index:4;}
+thead th:nth-child(2),tbody td:nth-child(2){position:sticky;left:54px;z-index:2;background:#fff;width:72px;min-width:72px;}
+thead th:nth-child(2){background:#FAFAFA;z-index:4;}
+thead th:nth-child(3),tbody td:nth-child(3){position:sticky;left:126px;z-index:2;background:#fff;width:90px;min-width:90px;}
+thead th:nth-child(3){background:#FAFAFA;z-index:4;}
+/* 右侧固定列：详细数据 */
+thead th:last-child,tbody td:last-child{position:sticky;right:0;z-index:2;background:#fff;width:90px;min-width:90px;}
+thead th:last-child{background:#FAFAFA;z-index:4;}
+/* 左侧固定列分隔阴影 */
+thead th:nth-child(3),tbody td:nth-child(3){box-shadow:2px 0 8px rgba(0,0,0,0.06);}
+/* 右侧固定列分隔阴影 */
+thead th:last-child,tbody td:last-child{box-shadow:-2px 0 8px rgba(0,0,0,0.06);}
+/* hover时固定列保持hover背景 */
+tbody tr:hover td:nth-child(1),
+tbody tr:hover td:nth-child(2),
+tbody tr:hover td:nth-child(3),
+tbody tr:hover td:last-child{background:#F8FBFF;}
 .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
 .tag-green{background:#F6FFED;color:var(--success);}
 .tag-orange{background:#FFF7E6;color:var(--warning);}
@@ -106,6 +125,7 @@ tbody tr:hover{background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -179,13 +199,21 @@ tbody tr:hover{background:#F8FBFF;}
             <th>年龄</th>
             <th>单位</th>
             <th>部门</th>
+            <th>初始体重(kg)</th>
+            <th>初始BMI</th>
+            <th>初始体脂(%)</th>
+            <th>初始腰围(cm)</th>
+            <th>最终体重(kg)</th>
+            <th>最终BMI</th>
+            <th>最终体脂(%)</th>
+            <th>最终腰围(cm)</th>
+            <th>体重变化(kg)</th>
+            <th>BMI变化</th>
+            <th>体脂变化(%)</th>
+            <th>腰围变化(cm)</th>
             <th>饮食记录次数</th>
             <th>运动记录次数</th>
             <th>体重记录次数</th>
-            <th>体重变化(cm)</th>
-            <th>BMI变化</th>
-            <th>腰围变化(cm)</th>
-            <th>体脂变化(%)</th>
             <th>详细数据</th>
           </tr>
         </thead>
@@ -193,50 +221,50 @@ tbody tr:hover{background:#F8FBFF;}
           <tr>
             <td>1</td><td>李凯明</td><td>424234</td><td>男</td><td>23</td>
             <td>第四采油厂</td><td>岭南作业区</td>
+            <td>95</td><td>30</td><td>30</td><td>90</td><td>80</td><td>28</td><td>28</td><td>80</td><td>-15</td><td>-2</td><td>-2</td><td>-10</td>
             <td>345</td><td>123</td><td>132</td>
-            <td>95->80</td><td>30->28</td><td>90->80</td><td>30->28</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=424234">查看</a></td>
           </tr>
           <tr>
             <td>2</td><td>张文胜</td><td>234223</td><td>男</td><td>45</td>
             <td>第四采油厂</td><td>虎狼山作业区</td>
+            <td>95</td><td>30</td><td>30</td><td>90</td><td>80</td><td>28</td><td>28</td><td>80</td><td>-15</td><td>-2</td><td>-2</td><td>-10</td>
             <td>342</td><td>231</td><td>123</td>
-            <td>95->80</td><td>30->28</td><td>90->80</td><td>30->28</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=234223">查看</a></td>
           </tr>
           <tr>
             <td>3</td><td>王丽华</td><td>318756</td><td>女</td><td>32</td>
             <td>采油一厂</td><td>设备维护站</td>
+            <td>72</td><td>26</td><td>28</td><td>82</td><td>66</td><td>23</td><td>25</td><td>76</td><td>-6</td><td>-3</td><td>-3</td><td>-6</td>
             <td>280</td><td>156</td><td>98</td>
-            <td>72->66</td><td>26->23</td><td>82->76</td><td>28->25</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=318756">查看</a></td>
           </tr>
           <tr>
             <td>4</td><td>刘建国</td><td>567890</td><td>男</td><td>38</td>
             <td>采气一厂</td><td>生产运行部</td>
+            <td>88</td><td>29</td><td>32</td><td>95</td><td>82</td><td>27</td><td>29</td><td>89</td><td>-6</td><td>-2</td><td>-3</td><td>-6</td>
             <td>210</td><td>189</td><td>87</td>
-            <td>88->82</td><td>29->27</td><td>95->89</td><td>32->29</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=567890">查看</a></td>
           </tr>
           <tr>
             <td>5</td><td>陈思雨</td><td>192847</td><td>女</td><td>28</td>
             <td>CQ能源总部</td><td>人力资源部</td>
+            <td>65</td><td>24</td><td>26</td><td>75</td><td>60</td><td>22</td><td>23</td><td>70</td><td>-5</td><td>-2</td><td>-3</td><td>-5</td>
             <td>356</td><td>200</td><td>145</td>
-            <td>65->60</td><td>24->22</td><td>75->70</td><td>26->23</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=192847">查看</a></td>
           </tr>
           <tr>
             <td>6</td><td>杨志强</td><td>445612</td><td>男</td><td>41</td>
             <td>采油二厂</td><td>后勤保障部</td>
+            <td>92</td><td>31</td><td>33</td><td>98</td><td>86</td><td>28</td><td>30</td><td>92</td><td>-6</td><td>-3</td><td>-3</td><td>-6</td>
             <td>198</td><td>142</td><td>76</td>
-            <td>92->86</td><td>31->28</td><td>98->92</td><td>33->30</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=445612">查看</a></td>
           </tr>
           <tr>
             <td>7</td><td>赵晓峰</td><td>678901</td><td>男</td><td>35</td>
             <td>采油一厂</td><td>技术研发部</td>
+            <td>78</td><td>27</td><td>27</td><td>86</td><td>74</td><td>25</td><td>24</td><td>82</td><td>-4</td><td>-2</td><td>-3</td><td>-4</td>
             <td>267</td><td>178</td><td>110</td>
-            <td>78->74</td><td>27->25</td><td>86->82</td><td>27->24</td>
             <td><a class="link" href="archive-personal-weight-detail.html?id=678901">查看</a></td>
           </tr>
         </tbody>
diff --git a/web-admin/weight-management/archive-personal-weight-detail.html b/web-admin/weight-management/archive-personal-weight-detail.html
index 457fe3d..8925126 100644
--- a/web-admin/weight-management/archive-personal-weight-detail.html
+++ b/web-admin/weight-management/archive-personal-weight-detail.html
@@ -49,15 +49,26 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
 .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;background:#fff;min-width:140px;}
 .filter-input:focus{border-color:var(--primary);}
 .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+/* Tab */
+.tab-bar{display:flex;border-bottom:1px solid var(--border);margin-bottom:0;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;}
+.tab-item{padding:12px 20px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-weight:500;}
+.tab-item:hover{color:var(--primary);}
+.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+.tab-panel{display:none;}
+.tab-panel.active{display:block;}
 .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card--tab{border-radius:0 0 var(--radius-md) var(--radius-md);}
+.table-card--tab .tab-panel:first-child .table-card__content{border-radius:0;}
 .table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
 table{width:100%;border-collapse:collapse;white-space:nowrap;}
-thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);}
-tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);}
+thead th{background:#FAFAFA;padding:10px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);}
+tbody td{padding:12px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);}
 tbody tr:last-child td{border-bottom:none;}
 tbody tr:hover{background:#F8FBFF;}
 .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
 .tag-green{background:#F6FFED;color:var(--success);}
+.tag-gray{background:#F5F5F5;color:#999;}
+.tag-blue{background:var(--primary-light);color:var(--primary);}
 .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.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);}
@@ -92,6 +103,7 @@ tbody tr:hover{background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -136,25 +148,80 @@ tbody tr:hover{background:#F8FBFF;}
     </div>
   </div>
 
-  <!-- 体重测量记录 -->
-  <div class="table-card" style="margin-top:20px;">
-    <div class="table-card__content">
-      <table>
-        <thead>
-          <tr><th>测量时间</th><th>测量设备</th><th>设备编码</th><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢(kcal)</th><th>体脂肪率(%)</th><th>操作</th></tr>
-        </thead>
-        <tbody>
-          <tr><td>2026-05-10 08:30</td><td>体重秤</td><td>SC-2024-001</td><td>175</td><td>72.5</td><td>23.7</td><td>1680</td><td>18.2</td><td><a class="link" onclick="openWeightModal(0)">详细信息</a></td></tr>
-          <tr><td>2026-05-08 07:45</td><td>体脂仪</td><td>FT-2024-002</td><td>175</td><td>72.8</td><td>23.8</td><td>1675</td><td>18.4</td><td><a class="link" onclick="openWeightModal(1)">详细信息</a></td></tr>
-          <tr><td>2026-05-06 18:20</td><td>蓝牙称</td><td>BT-2024-003</td><td>175</td><td>73.0</td><td>23.8</td><td>1682</td><td>18.5</td><td><a class="link" onclick="openWeightModal(2)">详细信息</a></td></tr>
-          <tr><td>2026-05-04 08:10</td><td>体重秤</td><td>SC-2024-001</td><td>175</td><td>72.3</td><td>23.6</td><td>1678</td><td>18.1</td><td><a class="link" onclick="openWeightModal(3)">详细信息</a></td></tr>
-          <tr><td>2026-05-02 09:00</td><td>体脂仪</td><td>FT-2024-002</td><td>175</td><td>73.2</td><td>23.9</td><td>1685</td><td>18.6</td><td><a class="link" onclick="openWeightModal(4)">详细信息</a></td></tr>
-        </tbody>
-      </table>
+  <!-- Tab导航 + 内容区 -->
+  <div class="table-card" style="margin-top:16px;">
+    <!-- Tab导航栏 -->
+    <div class="tab-bar">
+      <div class="tab-item active" onclick="switchTab(0)">饮食记录</div>
+      <div class="tab-item" onclick="switchTab(1)">运动记录</div>
+      <div class="tab-item" onclick="switchTab(2)">体重记录</div>
+    </div>
+
+    <!-- Tab面板：饮食记录 -->
+    <div class="tab-panel active" id="tab-panel-0">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr><th>时间</th><th>餐次</th><th>摄入热量(千卡)</th><th>来源</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>2026-05-10 07:30</td><td><span class="tag tag-blue">早餐</span></td><td>356</td><td><span class="tag tag-green">智记</span></td></tr>
+            <tr><td>2026-05-10 12:15</td><td><span class="tag tag-green">午餐</span></td><td>520</td><td><span class="tag tag-gray">自记</span></td></tr>
+            <tr><td>2026-05-10 15:30</td><td><span class="tag tag-gray">加餐</span></td><td>185</td><td><span class="tag tag-green">智记</span></td></tr>
+            <tr><td>2026-05-10 18:45</td><td><span class="tag tag-green">晚餐</span></td><td>410</td><td><span class="tag tag-gray">自记</span></td></tr>
+            <tr><td>2026-05-09 08:00</td><td><span class="tag tag-blue">早餐</span></td><td>345</td><td><span class="tag tag-green">智记</span></td></tr>
+            <tr><td>2026-05-09 12:00</td><td><span class="tag tag-green">午餐</span></td><td>580</td><td><span class="tag tag-gray">自记</span></td></tr>
+            <tr><td>2026-05-09 19:00</td><td><span class="tag tag-green">晚餐</span></td><td>395</td><td><span class="tag tag-green">智记</span></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 345 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">2</button><button class="page-btn">3</button><button class="page-btn">...</button><button class="page-btn">50</button><button class="page-btn">›</button></div>
+    </div>
+
+    <!-- Tab面板：运动记录 -->
+    <div class="tab-panel" id="tab-panel-1">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr><th>时间</th><th>运动类型</th><th>运动时长/运动数据</th><th>消耗热量(千卡)</th><th>来源</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>2026-05-10 06:30</td><td>跑步</td><td>45min</td><td>420</td><td><span class="tag tag-blue">穿戴</span></td></tr>
+            <tr><td>2026-05-10 08:00</td><td>步行</td><td>12,500步</td><td>320</td><td><span class="tag tag-green">微信</span></td></tr>
+            <tr><td>2026-05-09 12:00</td><td>器械推胸</td><td>60min</td><td>380</td><td><span class="tag tag-gray">自己</span></td></tr>
+            <tr><td>2026-05-08 18:00</td><td>游泳</td><td>40min</td><td>350</td><td><span class="tag tag-orange">器械</span></td></tr>
+            <tr><td>2026-05-07 08:00</td><td>瑜伽</td><td>50min</td><td>180</td><td><span class="tag tag-gray">自己</span></td></tr>
+            <tr><td>2026-05-07 18:30</td><td>步行</td><td>8,200步</td><td>210</td><td><span class="tag tag-green">微信</span></td></tr>
+            <tr><td>2026-05-06 16:00</td><td>骑行</td><td>90min</td><td>560</td><td><span class="tag tag-blue">穿戴</span></td></tr>
+            <tr><td>2026-05-05 10:00</td><td>深蹲</td><td>55min</td><td>410</td><td><span class="tag tag-orange">器械</span></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 128 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">2</button><button class="page-btn">3</button><button class="page-btn">...</button><button class="page-btn">21</button><button class="page-btn">›</button></div>
+    </div>
+
+    <!-- Tab面板：体重记录 -->
+    <div class="tab-panel" id="tab-panel-2">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr><th>时间</th><th>体重(kg)</th><th>BMI</th><th>体脂率(%)</th><th>腰围(cm)</th><th>来源</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>2026-05-10 08:30</td><td>72.5</td><td>23.7</td><td>18.2</td><td>82</td><td><span class="tag tag-blue">身高秤</span></td></tr>
+            <tr><td>2026-05-08 07:45</td><td>72.8</td><td>23.8</td><td>18.4</td><td>83</td><td><span class="tag tag-orange">体脂仪</span></td></tr>
+            <tr><td>2026-05-06 18:20</td><td>73.0</td><td>23.8</td><td>18.5</td><td>82</td><td><span class="tag tag-green">蓝牙称</span></td></tr>
+            <tr><td>2026-05-04 08:10</td><td>72.3</td><td>23.6</td><td>18.1</td><td>81</td><td><span class="tag tag-blue">身高秤</span></td></tr>
+            <tr><td>2026-05-03 20:00</td><td>73.2</td><td>23.9</td><td>18.6</td><td>84</td><td><span class="tag tag-gray">自记</span></td></tr>
+            <tr><td>2026-05-02 09:00</td><td>73.2</td><td>23.9</td><td>18.6</td><td>84</td><td><span class="tag tag-orange">体脂仪</span></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 142 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">2</button><button class="page-btn">3</button><button class="page-btn">...</button><button class="page-btn">15</button><button class="page-btn">›</button></div>
     </div>
-    <div class="pagination"><span>共 142 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">2</button><button class="page-btn">3</button><button class="page-btn">...</button><button class="page-btn">15</button><button class="page-btn">›</button></div>
   </div>
 </div>
+
 <!-- 体重详情弹窗 -->
 <div class="modal-mask" id="weightModal">
   <div class="modal">
@@ -162,6 +229,21 @@ tbody tr:hover{background:#F8FBFF;}
     <div class="modal__body" id="weightModalBody"></div>
   </div>
 </div>
+<!-- 饮食详情弹窗 -->
+<div class="modal-mask" id="dietModal">
+  <div class="modal">
+    <div class="modal__header"><h3 id="dietModalTitle">饮食详情</h3><button class="modal__close" onclick="closeDietModal()">×</button></div>
+    <div class="modal__body" id="dietModalBody"></div>
+  </div>
+</div>
+<!-- 运动详情弹窗 -->
+<div class="modal-mask" id="sportModal">
+  <div class="modal">
+    <div class="modal__header"><h3 id="sportModalTitle">运动详情</h3><button class="modal__close" onclick="closeSportModal()">×</button></div>
+    <div class="modal__body" id="sportModalBody"></div>
+  </div>
+</div>
+
 <script>
 // 侧边栏菜单项点击高亮
 document.querySelectorAll('.sidebar-item').forEach(function(item) {
@@ -170,6 +252,17 @@ document.querySelectorAll('.sidebar-item').forEach(function(item) {
     this.classList.add('active');
   });
 });
+
+// Tab切换
+function switchTab(idx) {
+  document.querySelectorAll('.tab-item').forEach(function(el, i) {
+    el.classList.toggle('active', i === idx);
+  });
+  document.querySelectorAll('.tab-panel').forEach(function(el, i) {
+    el.classList.toggle('active', i === idx);
+  });
+}
+
 // 体重详情弹窗
 var weightRecords=[
   {device:'体重秤',data:{"基础指标":{"身高(cm)":"175","体重(kg)":"72.5","BMI":"23.7","基础代谢":"1,680","体脂肪量(kg)":"13.2","体脂肪率(%)":"18.2"},"水分与蛋白质":{"体水分量(kg)":"40.1","体水分率(%)":"55.3","蛋白质量(kg)":"11.6","蛋白质率(%)":"16.0"},"肌肉与骨骼":{"肌肉率(%)":"77.0","肌肉量(kg)":"55.8","体骨骼量(kg)":"2.9"},"脂肪分析":{"皮下脂肪率(%)":"14.9","内脏脂肪等级":"6","去脂体重(kg)":"59.3"}}},
@@ -185,11 +278,47 @@ function openWeightModal(idx){
 }
 function closeWeightModal(){document.getElementById('weightModal').classList.remove('show');}
 document.getElementById('weightModal').addEventListener('click',function(e){if(e.target===this)closeWeightModal();});
+
+// 饮食详情弹窗
+var dietRecords=[
+  {meal:'早餐',food:'鸡蛋 + 全麦面包 + 牛奶',detail:{"重量(g)":"280","热量(kcal)":"356","蛋白质(g)":"22.5","脂肪(g)":"12.8","碳水化合物(g)":"38.2","膳食纤维(g)":"5.6","钠(mg)":"320","钙(mg)":"180"}},
+  {meal:'午餐',food:'鸡胸肉 + 西兰花 + 糙米饭',detail:{"重量(g)":"450","热量(kcal)":"520","蛋白质(g)":"42.0","脂肪(g)":"14.5","碳水化合物(g)":"55.3","膳食纤维(g)":"8.2","钠(mg)":"450","钙(mg)":"120"}},
+  {meal:'加餐',food:'苹果 + 酸奶',detail:{"重量(g)":"250","热量(kcal)":"185","蛋白质(g)":"5.8","脂肪(g)":"3.2","碳水化合物(g)":"35.6","膳食纤维(g)":"4.5","钠(mg)":"85","钙(mg)":"200"}},
+  {meal:'晚餐',food:'清蒸鱼 + 凉拌黄瓜 + 小米粥',detail:{"重量(g)":"380","热量(kcal)":"410","蛋白质(g)":"35.2","脂肪(g)":"10.5","碳水化合物(g)":"42.8","膳食纤维(g)":"3.8","钠(mg)":"280","钙(mg)":"90"}},
+  {meal:'早餐',food:'燕麦粥 + 鸡蛋',detail:{"重量(g)":"320","热量(kcal)":"345","蛋白质(g)":"18.6","脂肪(g)":"10.2","碳水化合物(g)":"48.5","膳食纤维(g)":"6.0","钠(mg)":"220","钙(mg)":"160"}},
+  {meal:'午餐',food:'牛肉面 + 蔬菜沙拉',detail:{"重量(g)":"500","热量(kcal)":"580","蛋白质(g)":"32.5","脂肪(g)":"18.0","碳水化合物(g)":"68.3","膳食纤维(g)":"5.2","钠(mg)":"680","钙(mg)":"85"}},
+  {meal:'晚餐',food:'豆腐汤 + 杂粮饭 + 炒青菜',detail:{"重量(g)":"400","热量(kcal)":"395","蛋白质(g)":"20.0","脂肪(g)":"8.5","碳水化合物(g)":"58.2","膳食纤维(g)":"7.5","钠(mg)":"350","钙(mg)":"220"}}
+];
+function openDietModal(idx){
+  var r=dietRecords[idx];document.getElementById('dietModalTitle').textContent='饮食详情 - '+r.meal+' · '+r.food;
+  var html='';html+='<div class="detail-section"><div class="detail-section__title">营养成分</div><div class="detail-grid">';var items=r.detail;for(var k in items){html+='<div class="detail-item"><span class="detail-item__label">'+k+'</span><span class="detail-item__value">'+items[k]+'</span></div>';}html+='</div></div>';
+  document.getElementById('dietModalBody').innerHTML=html;document.getElementById('dietModal').classList.add('show');
+}
+function closeDietModal(){document.getElementById('dietModal').classList.remove('show');}
+document.getElementById('dietModal').addEventListener('click',function(e){if(e.target===this)closeDietModal();});
+
+// 运动详情弹窗
+var sportRecords=[
+  {type:'有氧运动',name:'户外跑步',detail:{"运动类型":"有氧运动","运动名称":"户外跑步","时长(min)":"45","消耗热量(kcal)":"420","距离(km)":"6.5","平均配速":"6'55\"","平均心率":"142","最大心率":"168","步频":"175"}},
+  {type:'力量训练',name:'器械推胸 + 哑铃弯举',detail:{"运动类型":"力量训练","运动名称":"器械推胸 + 哑铃弯举","时长(min)":"60","消耗热量(kcal)":"380","组数":"12","器械推胸(kg)":"50","哑铃弯举(kg)":"12","平均心率":"125","最大心率":"148"}},
+  {type:'有氧运动',name:'游泳',detail:{"运动类型":"有氧运动","运动名称":"游泳","时长(min)":"40","消耗热量(kcal)":"350","距离(km)":"1.2","泳姿":"自由泳","平均心率":"135","最大心率":"158","划水频率":"28"}},
+  {type:'柔韧性',name:'瑜伽',detail:{"运动类型":"柔韧性","运动名称":"瑜伽","时长(min)":"50","消耗热量(kcal)":"180","体式数":"24","平均心率":"95","最大心率":"115","拉伸等级":"中级"}},
+  {type:'有氧运动',name:'骑行',detail:{"运动类型":"有氧运动","运动名称":"骑行","时长(min)":"90","消耗热量(kcal)":"560","距离(km)":"25.0","平均速度(km/h)":"16.7","平均心率":"138","最大心率":"162","爬升(m)":"180"}},
+  {type:'力量训练',name:'深蹲 + 硬拉 + 卧推',detail:{"运动类型":"力量训练","运动名称":"深蹲 + 硬拉 + 卧推","时长(min)":"55","消耗热量(kcal)":"410","组数":"15","深蹲(kg)":"80","硬拉(kg)":"90","卧推(kg)":"60","平均心率":"130","最大心率":"155"}}
+];
+function openSportModal(idx){
+  var r=sportRecords[idx];document.getElementById('sportModalTitle').textContent='运动详情 - '+r.name;
+  var html='';html+='<div class="detail-section"><div class="detail-section__title">运动数据</div><div class="detail-grid">';var items=r.detail;for(var k in items){html+='<div class="detail-item"><span class="detail-item__label">'+k+'</span><span class="detail-item__value">'+items[k]+'</span></div>';}html+='</div></div>';
+  document.getElementById('sportModalBody').innerHTML=html;document.getElementById('sportModal').classList.add('show');
+}
+function closeSportModal(){document.getElementById('sportModal').classList.remove('show');}
+document.getElementById('sportModal').addEventListener('click',function(e){if(e.target===this)closeSportModal();});
+
 // URL参数回显员工信息
 (function(){
   var params=new URLSearchParams(location.search);
   var id=params.get('id');
-  var empData={EMP001:{name:'张伟',unit:'CQ能源总部',dept:'研发部'},EMP002:{name:'李娜',unit:'CQ能源总部',dept:'市场部'},EMP005:{name:'陈刚',unit:'CQ能源总部',dept:'人事部'},EMP003:{name:'王磊',unit:'采油一厂',dept:'运营部'},EMP004:{name:'赵敏',unit:'采油二厂',dept:'财务部'}};
+  var empData={EMP001:{name:'张伟',unit:'CQ能源总部',dept:'研发部'},EMP002:{name:'李娜',unit:'CQ能源总部',dept:'市场部'},EMP005:{name:'陈刚',unit:'CQ能源总部',dept:'人事部'},EMP003:{name:'王磊',unit:'采油一厂',dept:'运营部'},EMP004:{name:'赵敏',unit:'采油二厂',dept:'财务部'},'424234':{name:'李凯明',unit:'第四采油厂',dept:'岭南作业区'},'234223':{name:'张文胜',unit:'第四采油厂',dept:'虎狼山作业区'},'318756':{name:'王丽华',unit:'采油一厂',dept:'设备维护站'},'567890':{name:'刘建国',unit:'采气一厂',dept:'生产运行部'},'192847':{name:'陈思雨',unit:'CQ能源总部',dept:'人力资源部'},'445612':{name:'杨志强',unit:'采油二厂',dept:'后勤保障部'},'678901':{name:'赵晓峰',unit:'采油一厂',dept:'技术研发部'}};
   var emp=empData[id]||empData.EMP001;
   document.getElementById('empAvatar').textContent=emp.name.charAt(0);
   document.getElementById('empName').textContent=emp.name;
diff --git a/web-admin/weight-management/archive-unit-report.html b/web-admin/weight-management/archive-unit-report.html
index 3787132..083e1d3 100644
--- a/web-admin/weight-management/archive-unit-report.html
+++ b/web-admin/weight-management/archive-unit-report.html
@@ -76,6 +76,29 @@ tbody tr:hover{background:#F8FBFF;}
 .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
 .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
 .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+/* 固定列通用 */
+#tab-0 thead th[class*=sticky],
+#tab-1 thead th[class*=sticky]{position:sticky;z-index:3;background:#FAFAFA;}
+#tab-0 tbody td[class*=sticky],
+#tab-1 tbody td[class*=sticky]{position:sticky;z-index:2;background:#fff;}
+#tab-0 tbody tr:hover td[class*=sticky],
+#tab-1 tbody tr:hover td[class*=sticky]{background:#F8FBFF;}
+/* 二级单位：前三列左固定 */
+#tab-0 .sticky-l1{left:0;}
+#tab-0 .sticky-l2{left:50px;}
+#tab-0 .sticky-l3{left:140px;}
+/* 三级单位：前四列左固定 */
+#tab-1 .sticky-l1{left:0;}
+#tab-1 .sticky-l2{left:50px;}
+#tab-1 .sticky-l3{left:140px;}
+#tab-1 .sticky-l4{left:220px;}
+/* 最后列右固定 + 左阴影分隔 */
+.sticky-r{position:sticky;right:0;z-index:2;background:#fff;}
+#tab-0 thead th.sticky-r,
+#tab-1 thead th.sticky-r{background:#FAFAFA;z-index:3;}
+#tab-0 tbody tr:hover td.sticky-r,
+#tab-1 tbody tr:hover td.sticky-r{background:#F8FBFF;}
+.sticky-l3,.sticky-l4,.sticky-r{box-shadow:-2px 0 4px rgba(0,0,0,0.06);}
 </style>
 </head>
 <body>
@@ -91,6 +114,7 @@ tbody tr:hover{background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -122,7 +146,7 @@ tbody tr:hover{background:#F8FBFF;}
   <!-- 筛选栏 -->
   <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:0;">
     <div class="filter-item">
-      <label>组织单位</label>
+      <label>单位</label>
       <select class="filter-select">
         <option>全部</option>
         <option>第四采油厂</option>
@@ -132,8 +156,8 @@ tbody tr:hover{background:#F8FBFF;}
       </select>
     </div>
     <div class="filter-item">
-      <label>计划名称</label>
-      <input class="filter-input" type="text" placeholder="请输入计划名称" style="min-width:220px;">
+      <label>干预计划组织次数</label>
+      <input class="filter-input" type="text" placeholder="请输入干预计划组织次数" style="min-width:220px;">
     </div>
     <div class="filter-item">
       <label>年份</label>
@@ -167,12 +191,9 @@ tbody tr:hover{background:#F8FBFF;}
         <table>
           <thead>
             <tr>
-              <th>序号</th>
-              <th>组织单位</th>
-              <th>计划名称</th>
-              <th>起止日期</th>
-              <th>应参加人数</th>
-              <th>实际参加人数</th>
+              <th class="sticky-l1">序号</th>
+              <th class="sticky-l2">单位</th>
+              <th class="sticky-l3">总人数</th>
               <th>完成体重目标人数</th>
               <th>完成体脂目标人数</th>
               <th>完成腰围目标人数</th>
@@ -186,22 +207,21 @@ tbody tr:hover{background:#F8FBFF;}
               <th>人均每日热量缺口</th>
               <th>人均综合得分</th>
               <th>人均行动得分</th>
-              <th>组织部门</th>
-              <th>负责人</th>
+              <th class="sticky-r">操作</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <td>1</td><td>第四采油厂</td><td>第四采油厂2023年超重健康干预</td><td>2023/08/23 – 2023/12/12</td><td>234</td><td>220</td><td>213</td><td>213</td><td>213</td><td>2.3</td><td>5</td><td>2</td><td>2</td><td>5</td><td>5410</td><td>3541</td><td>1570</td><td>86</td><td>86</td><td>健康部</td><td>宋喜宁</td>
+	              <td class="sticky-l1">1</td><td class="sticky-l2">第四采油厂</td><td class="sticky-l3">1234</td><td>213</td><td>213</td><td>213</td><td>2.3</td><td>5</td><td>2</td><td>2</td><td>5</td><td>5410</td><td>3541</td><td>1570</td><td>86</td><td>86</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
             <tr>
-              <td>2</td><td>第四采油厂</td><td>第四采油厂2022年超重健康干预</td><td>2022/08/23 – 2022/12/12</td><td>432</td><td>350</td><td>321</td><td>321</td><td>321</td><td>5.5</td><td>5</td><td>3</td><td>1</td><td>6</td><td>5410</td><td>3541</td><td>1570</td><td>75</td><td>75</td><td>健康部</td><td>宋喜宁</td>
+	              <td class="sticky-l1">2</td><td class="sticky-l2">第四采油厂</td><td class="sticky-l3">1234</td><td>321</td><td>321</td><td>321</td><td>5.5</td><td>5</td><td>3</td><td>1</td><td>6</td><td>5410</td><td>3541</td><td>1570</td><td>75</td><td>75</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
             <tr>
-              <td>3</td><td>采油一厂</td><td>采油一厂2024年体重管理专项行动</td><td>2024/03/01 – 2024/06/30</td><td>310</td><td>280</td><td>256</td><td>248</td><td>240</td><td>3.8</td><td>4</td><td>2.5</td><td>1.8</td><td>4</td><td>5200</td><td>3420</td><td>1620</td><td>82</td><td>80</td><td>健康部</td><td>刘建华</td>
+	              <td class="sticky-l1">3</td><td class="sticky-l2">采油一厂</td><td class="sticky-l3">980</td><td>256</td><td>248</td><td>240</td><td>3.8</td><td>4</td><td>2.5</td><td>1.8</td><td>4</td><td>5200</td><td>3420</td><td>1620</td><td>82</td><td>80</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
             <tr>
-              <td>4</td><td>采气一厂</td><td>采气一厂2024年健康管理计划</td><td>2024/05/10 – 2024/09/10</td><td>180</td><td>165</td><td>152</td><td>148</td><td>140</td><td>4.2</td><td>6</td><td>1.5</td><td>2.2</td><td>3</td><td>5350</td><td>3600</td><td>1590</td><td>78</td><td>76</td><td>健康部</td><td>王志强</td>
+	              <td class="sticky-l1">4</td><td class="sticky-l2">采气一厂</td><td class="sticky-l3">756</td><td>152</td><td>148</td><td>140</td><td>4.2</td><td>6</td><td>1.5</td><td>2.2</td><td>3</td><td>5350</td><td>3600</td><td>1590</td><td>78</td><td>76</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
           </tbody>
         </table>
@@ -222,12 +242,10 @@ tbody tr:hover{background:#F8FBFF;}
         <table>
           <thead>
             <tr>
-              <th>序号</th>
-              <th>组织单位</th>
-              <th>计划名称</th>
-              <th>起止日期</th>
-              <th>应参加人数</th>
-              <th>实际参加人数</th>
+              <th class="sticky-l1">序号</th>
+              <th class="sticky-l2">单位</th>
+              <th class="sticky-l3">部门</th>
+              <th class="sticky-l4">总人数</th>
               <th>完成体重目标人数</th>
               <th>完成体脂目标人数</th>
               <th>完成腰围目标人数</th>
@@ -241,19 +259,18 @@ tbody tr:hover{background:#F8FBFF;}
               <th>人均每日热量缺口</th>
               <th>人均综合得分</th>
               <th>人均行动得分</th>
-              <th>组织部门</th>
-              <th>负责人</th>
+              <th class="sticky-r">操作</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <td>1</td><td>第四采油厂</td><td>第四采油厂2024年超重健康干预</td><td>2024/08/01 – 2024/11/30</td><td>150</td><td>138</td><td>130</td><td>128</td><td>125</td><td>3.2</td><td>4</td><td>1.8</td><td>2.0</td><td>4</td><td>5300</td><td>3500</td><td>1600</td><td>84</td><td>82</td><td>健康部</td><td>宋喜宁</td>
+	              <td class="sticky-l1">1</td><td class="sticky-l2">第四采油厂</td><td class="sticky-l3">作业一区</td><td class="sticky-l4">1234</td><td>130</td><td>128</td><td>125</td><td>3.2</td><td>4</td><td>1.8</td><td>2.0</td><td>4</td><td>5300</td><td>3500</td><td>1600</td><td>84</td><td>82</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
             <tr>
-              <td>2</td><td>第四采油厂</td><td>第四采油厂2023年健康减重专项行动</td><td>2023/04/01 – 2023/09/30</td><td>200</td><td>185</td><td>172</td><td>168</td><td>160</td><td>4.0</td><td>5</td><td>2.2</td><td>1.5</td><td>5</td><td>5150</td><td>3480</td><td>1550</td><td>80</td><td>78</td><td>健康部</td><td>宋喜宁</td>
+	              <td class="sticky-l1">2</td><td class="sticky-l2">第四采油厂</td><td class="sticky-l3">作业二区</td><td class="sticky-l4">1234</td><td>172</td><td>168</td><td>160</td><td>4.0</td><td>5</td><td>2.2</td><td>1.5</td><td>5</td><td>5150</td><td>3480</td><td>1550</td><td>80</td><td>78</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
             <tr>
-              <td>3</td><td>采油一厂</td><td>采油一厂2023年体重管理专项行动</td><td>2023/06/01 – 2023/10/31</td><td>280</td><td>260</td><td>242</td><td>238</td><td>230</td><td>2.8</td><td>3</td><td>1.2</td><td>1.8</td><td>3</td><td>5250</td><td>3380</td><td>1520</td><td>76</td><td>74</td><td>健康部</td><td>刘建华</td>
+	              <td class="sticky-l1">3</td><td class="sticky-l2">采油一厂</td><td class="sticky-l3">采油一队</td><td class="sticky-l4">980</td><td>242</td><td>238</td><td>230</td><td>2.8</td><td>3</td><td>1.2</td><td>1.8</td><td>3</td><td>5250</td><td>3380</td><td>1520</td><td>76</td><td>74</td><td class="sticky-r"><a class="link">详细数据</a></td>
             </tr>
           </tbody>
         </table>
diff --git a/web-admin/weight-management/bluetooth-device-add.html b/web-admin/weight-management/bluetooth-device-add.html
index 1efe0f3..09077b6 100644
--- a/web-admin/weight-management/bluetooth-device-add.html
+++ b/web-admin/weight-management/bluetooth-device-add.html
@@ -78,6 +78,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/bluetooth-device.html b/web-admin/weight-management/bluetooth-device.html
index 516151a..f9e9e78 100644
--- a/web-admin/weight-management/bluetooth-device.html
+++ b/web-admin/weight-management/bluetooth-device.html
@@ -107,6 +107,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/bluetooth-monitor-detail.html b/web-admin/weight-management/bluetooth-monitor-detail.html
index 71cd655..7b0df1d 100644
--- a/web-admin/weight-management/bluetooth-monitor-detail.html
+++ b/web-admin/weight-management/bluetooth-monitor-detail.html
@@ -100,6 +100,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/bluetooth-monitor.html b/web-admin/weight-management/bluetooth-monitor.html
index a28e4d2..5f5dd3b 100644
--- a/web-admin/weight-management/bluetooth-monitor.html
+++ b/web-admin/weight-management/bluetooth-monitor.html
@@ -74,6 +74,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/dept-stat.html b/web-admin/weight-management/dept-stat.html
index 36071e9..1134788 100644
--- a/web-admin/weight-management/dept-stat.html
+++ b/web-admin/weight-management/dept-stat.html
@@ -92,6 +92,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/detail-data.html b/web-admin/weight-management/detail-data.html
index 658ca01..3bb58b1 100644
--- a/web-admin/weight-management/detail-data.html
+++ b/web-admin/weight-management/detail-data.html
@@ -5,35 +5,203 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>详细数据 | 体重管理</title>
 <style>
-  *{box-sizing:border-box;margin:0;padding:0;}
-  body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 计划选择区 */
+.plan-selector{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:24px;}
+.plan-selector__left{flex:1;min-width:0;max-width:400px;}
+.plan-selector__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
+.plan-selector__right{flex:1;display:flex;gap:28px;padding:18px 20px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);min-height:78px;align-items:center;}
+.plan-selector__right--empty{justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.plan-info-item{display:flex;flex-direction:column;gap:6px;}
+.plan-info-item__label{font-size:var(--font-xs);color:var(--text-secondary);}
+.plan-info-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:600;}
+.plan-info-item__value strong{color:var(--primary);font-size:var(--font-lg);}
+
+/* 搜索下拉 */
+.search-select{position:relative;width:100%;}
+.search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 36px 0 12px;font-size:var(--font-sm);outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;}
+.search-select__input:focus{border-color:var(--primary);}
+.search-select__input::placeholder{color:var(--text-placeholder);}
+.search-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;max-height:280px;overflow-y:auto;}
+.search-select__panel.show{display:block;}
+.search-select__option{padding:12px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-bottom:1px solid #F5F5F5;}
+.search-select__option:last-child{border-bottom:none;}
+.search-select__option:hover{background:#F5F7FA;}
+.search-select__option.selected{color:var(--primary);background:var(--primary-light);}
+.search-select__option .ss-org{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;}
+.search-select__empty{padding:20px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.search-select__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--text-placeholder);font-size:16px;display:none;align-items:center;justify-content:center;border-radius:50%;line-height:1;padding:0;z-index:1;}
+.search-select__clear:hover{color:var(--text-primary);background:#F0F0F0;}
+.search-select__clear.show{display:flex;}
+.search-select--selected .search-select__input{background-image:none;padding-right:32px;}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;}
+.filter-input:focus{border-color:var(--primary);}
+.filter-date{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;color:var(--text-primary);}
+.filter-date:focus{border-color:var(--primary);}
+.filter-divider{color:var(--text-placeholder);font-size:var(--font-xs);margin:0 2px;}
+
+/* 单位部门双列面板 */
+.org-select-wrap{position:relative;display:inline-block;}
+.org-trigger{height:32px;min-width:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.org-trigger.open,.org-trigger:hover{border-color:var(--primary);}
+.org-panel{display:none;position:absolute;top:36px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:420px;}
+.org-panel.open{display:flex;}
+.org-col{flex:1;overflow-y:auto;max-height:240px;border-right:1px solid var(--border);}
+.org-col:last-child{border-right:none;}
+.org-col__title{padding:8px 14px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+.org-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+.org-item:hover{background:#F0F8FF;color:var(--primary);}
+.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:4800px;white-space:nowrap;}
+table{width:100%;border-collapse:collapse;}
+
+/* 表头 - 两行结构 */
+thead th{background:#FAFAFA;padding:8px 4px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+thead th.th-parent{background:#F0F2F5;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);}
+thead th.th-divider{border-right:2px solid var(--border);}
+
+tbody td{padding:10px 4px;text-align:center;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 左侧固定列：干预计划、姓名 */
+thead th:nth-child(1),tbody td:nth-child(1){position:sticky;left:0;z-index:6;background:#fff;width:200px;min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;}
+thead th:nth-child(1){z-index:9;background:#FAFAFA;}
+thead th:nth-child(2),tbody td:nth-child(2){position:sticky;left:200px;z-index:5;background:#fff;width:60px;min-width:60px;max-width:60px;}
+thead th:nth-child(2){z-index:8;background:#FAFAFA;}
+thead th:nth-child(3),tbody td:nth-child(3){position:sticky;left:260px;z-index:4;background:#fff;width:88px;min-width:88px;max-width:88px;}
+thead th:nth-child(3){z-index:7;background:#FAFAFA;}
+tbody tr:hover td:nth-child(1),
+tbody tr:hover td:nth-child(2),
+tbody tr:hover td:nth-child(3){background:#F8FBFF;}
+
+/* 右侧固定列：体重报告（操作列） */
+thead tr:first-child th:last-child,tbody td:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-2px 0 4px rgba(0,0,0,0.04);width:72px;min-width:72px;max-width:72px;}
+thead tr:first-child th:last-child{z-index:4;background:#FAFAFA;}
+thead tr:nth-child(2) th:last-child{background:#FAFAFA;}
+tbody tr:hover td:last-child{background:#F8FBFF;}
+
+/* 饮食、运动、体重子列分隔线 */
+.col-diet-last{border-right:2px solid var(--border) !important;}
+.col-exercise-last{border-right:2px solid var(--border) !important;}
+.col-weight-last{border-right:2px solid var(--border) !important;}
+
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 变化值颜色 */
+.change-up{color:var(--danger);}
+.change-down{color:var(--success);}
+.change-zero{color:var(--text-placeholder);}
+
+/* 分页 */
+.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);}
+
+/* 链接 */
+.link{color:var(--primary);cursor:pointer;font-size:var(--font-xs);text-decoration:none;}.link:hover{color:#40a9ff;}
+
+/* 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;}
+
+/* ===== 体重报告弹窗 ===== */
+.report-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.45);justify-content:center;align-items:flex-start;padding-top:40px;}
+.report-overlay.show{display:flex;}
+.report-modal{background:#fff;border-radius:var(--radius-lg);width:720px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+.report-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+.report-modal__title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);}
+.report-modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-placeholder);font-size:20px;transition:all .15s;}
+.report-modal__close:hover{background:#F0F0F0;color:var(--text-primary);}
+.report-modal__body{flex:1;overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;}
+.report-modal__body::-webkit-scrollbar{width:6px;}
+.report-modal__body::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:3px;}
+
+/* 总览卡片（固定在弹窗顶部，不随列表滚动） */
+.report-overview{background:linear-gradient(135deg, #36cfc9 0%, #2ec4b6 100%);border-radius:var(--radius-md);padding:20px 24px;color:#fff;position:relative;overflow:hidden;flex-shrink:0;margin:16px 24px 0;}
+.report-overview::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.08);pointer-events:none;}
+.report-overview::after{content:'';position:absolute;bottom:-50px;left:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,0.05);pointer-events:none;}
+.report-overview__title{font-size:18px;font-weight:800;margin-bottom:12px;position:relative;z-index:1;letter-spacing:1px;}
+.report-overview__row{display:flex;align-items:center;gap:32px;position:relative;z-index:1;font-size:13px;opacity:0.9;margin-bottom:8px;}
+.report-overview__rank{position:relative;z-index:1;font-size:13px;opacity:0.9;margin-bottom:14px;line-height:1.8;}
+.report-overview__metrics{display:flex;gap:16px;position:relative;z-index:1;}
+.report-overview__metric{flex:1;background:rgba(255,255,255,0.15);border-radius:10px;padding:14px 18px;backdrop-filter:blur(4px);}
+.report-overview__metric-label{font-size:12px;opacity:0.8;margin-bottom:6px;}
+.report-overview__metric-val{font-size:28px;font-weight:800;}
+.report-overview__metric-unit{font-size:13px;font-weight:500;opacity:0.8;margin-left:2px;}
+
+/* 记录表格 */
+.report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+.report-table{width:100%;border-collapse:collapse;}
+.report-table thead{position:sticky;top:0;z-index:5;}
+.report-table thead th{background:#FAFAFA;padding:8px 10px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+.report-table tbody td{padding:9px 10px;text-align:center;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+.report-table tbody tr:hover{background:#F8FBFF;}
+.report-table tbody tr:last-child td{border-bottom:none;}
+.report-table-empty{text-align:center;padding:40px 20px;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 弹窗底部 */
+.report-modal__footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;gap:8px;}
 </style>
 </head>
 <body>
+<!-- 顶部导航栏 -->
 <div class="top-bar">
   <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
   <nav class="top-bar__nav">
@@ -41,6 +209,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -51,6 +220,8 @@
     <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
   </div>
 </div>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">过程管理</div>
   <a href="action-record.html" class="sidebar-item">行动记录</a>
@@ -59,8 +230,737 @@
   <a href="weight-ranking.html" class="sidebar-item">体重排名</a>
   <a href="activity-statistics.html" class="sidebar-item">活动统计</a>
 </aside>
+
+<!-- 主内容 -->
 <main class="main">
-  <!-- 主内容区域 -->
+
+  <!-- 页面标题 -->
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / 过程管理 / <span>详细数据</span></div>
+  </div>
+
+  <!-- [交互] 干预计划选择区 — 搜索下拉选择计划，选中后右侧展示基本信息 -->
+  <div class="plan-selector">
+    <div class="plan-selector__left">
+      <div class="plan-selector__label">干预计划</div>
+      <div class="search-select" id="planSelect">
+        <input class="search-select__input" id="planSearchInput" placeholder="搜索计划名称或组织单位" oninput="searchPlan()" onfocus="showPlanPanel()" autocomplete="off">
+        <!-- [交互] 点击清空已选计划，恢复未选择状态 -->
+        <button class="search-select__clear" id="planClearBtn" onclick="clearPlan()" title="清空计划">×</button>
+        <div class="search-select__panel" id="planPanel"></div>
+      </div>
+    </div>
+    <!-- [交互] 选中计划后此处展示基本信息；未选中时显示占位提示 -->
+    <div class="plan-selector__right plan-selector__right--empty" id="planInfoEmpty">
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" style="margin-right:6px;flex-shrink:0;"><circle cx="9" cy="9" r="8" stroke="#999" stroke-width="1.2" stroke-dasharray="3 2"/><path d="M9 5v4M9 11v.5" stroke="#999" stroke-width="1.2" stroke-linecap="round"/></svg>
+      可选择干预计划进行查看
+    </div>
+    <div class="plan-selector__right" id="planInfo" style="display:none;">
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">组织单位</span>
+        <span class="plan-info-item__value" id="piOrg">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">起止日期</span>
+        <span class="plan-info-item__value" id="piDate">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">进行天数</span>
+        <span class="plan-info-item__value" id="piDays">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">应参加人数</span>
+        <span class="plan-info-item__value"><strong id="piCount">-</strong></span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">实际参加人数</span>
+        <span class="plan-info-item__value"><strong id="piActual">-</strong></span>
+      </div>
+    </div>
+  </div>
+
+  <!-- [交互] 筛选栏 — 日期范围(默认当日)、单位部门、姓名、员工编号 -->
+  <div class="filter-bar">
+    <!-- [交互] 日期范围选择，默认当日 -->
+    <div class="filter-item">
+      <label>日期范围</label>
+      <input class="filter-date" type="date" id="filterDateFrom" onchange="applyFilter()">
+      <span class="filter-divider">~</span>
+      <input class="filter-date" type="date" id="filterDateTo" onchange="applyFilter()">
+    </div>
+    <!-- [交互] 双列面板：左选单位→右选部门 -->
+    <div class="filter-item">
+      <label>单位部门</label>
+      <div class="org-select-wrap" id="orgWrap">
+        <div class="org-trigger" id="orgTrigger" onclick="toggleOrg()">全部单位/部门</div>
+        <div class="org-panel" id="orgPanel">
+          <div class="org-col" id="orgUnitCol">
+            <div class="org-col__title">单位</div>
+            <div class="org-item active" data-unit="" onclick="selectUnit(this,'全部单位/部门','')">全部单位/部门</div>
+            <div class="org-item" data-unit="第四采油厂" onclick="selectUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+            <div class="org-item" data-unit="采油一厂" onclick="selectUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+            <div class="org-item" data-unit="采油二厂" onclick="selectUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+            <div class="org-item" data-unit="采气一厂" onclick="selectUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+          </div>
+          <div class="org-col" id="orgDeptCol">
+            <div class="org-col__title">部门</div>
+            <div class="org-item active" data-dept="" onclick="selectDept(this,'全部部门','')">全部部门</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="filter-item">
+      <label>姓名</label>
+      <input class="filter-input" id="filterName" placeholder="请输入姓名" style="width:100px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号</label>
+      <input class="filter-input" id="filterEmpId" placeholder="请输入编号" style="width:110px;">
+    </div>
+    <!-- [交互] 点击查询按钮筛选列表 -->
+    <button class="btn btn-primary" onclick="applyFilter()">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+    </button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- [交互] 操作按钮区 -->
+  <div class="action-bar">
+    <button class="btn btn-export" onclick="showToast('导出列表数据功能开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+    </button>
+    <!-- [交互] 点击打开导出任务列表弹窗 -->
+    <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+    </button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <!-- [交互] 表头第一行：父级分类（饮食摄入、运动消耗、体重为合并单元格） -->
+          <tr>
+            <th rowspan="2">干预计划</th>
+            <th rowspan="2">姓名</th>
+            <th rowspan="2">员工编号</th>
+            <th rowspan="2">性别</th>
+            <th rowspan="2">年龄</th>
+            <th rowspan="2">单位</th>
+            <th rowspan="2">部门</th>
+            <th rowspan="2">日期</th>
+            <th rowspan="2">身高<br>(cm)</th>
+            <th rowspan="2">初始<br>体重(kg)</th>
+            <th rowspan="2">初始<br>BMI</th>
+            <th rowspan="2">初始<br>体脂(%)</th>
+            <th rowspan="2">初始<br>腰围(cm)</th>
+            <th rowspan="2">目标<br>体重(kg)</th>
+            <th rowspan="2">目标<br>BMI</th>
+            <th rowspan="2">目标<br>体脂(%)</th>
+            <th rowspan="2">目标<br>腰围(cm)</th>
+            <th rowspan="2">现体重<br>(kg)</th>
+            <th rowspan="2">现BMI</th>
+            <th rowspan="2">现体脂<br>(%)</th>
+            <th rowspan="2">现腰围<br>(cm)</th>
+            <th rowspan="2">体重变化<br>(kg)</th>
+            <th rowspan="2">BMI变化</th>
+            <th rowspan="2">体脂变化<br>(%)</th>
+            <th rowspan="2">腰围变化<br>(cm)</th>
+            <th class="th-parent" colspan="4">饮食摄入（千卡）</th>
+            <th class="th-parent" colspan="1">运动消耗（千卡）</th>
+            <th class="th-parent" colspan="1">体重(kg)</th>
+            <th rowspan="2">体重报告</th>
+          </tr>
+          <!-- [交互] 表头第二行：饮食摄入、运动消耗、体重的子列 -->
+          <tr>
+            <th>早餐</th>
+            <th>午餐</th>
+            <th>晚餐</th>
+            <th class="col-diet-last">加餐</th>
+            <th class="col-exercise-last">当日消耗</th>
+            <th class="col-weight-last">当日体重</th>
+          </tr>
+        </thead>
+        <tbody id="tableBody"></tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span id="pageInfo">显示 0 条记录</span>
+      <button class="page-btn" onclick="goPage(-1)">‹</button>
+      <span id="pageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+      <button class="page-btn" onclick="goPage(1)">›</button>
+    </div>
+  </div>
+
+
 </main>
+
+<!-- [交互] 体重报告弹窗 — 点击列表"查看"按钮打开 -->
+<div class="report-overlay" id="reportOverlay" onclick="if(event.target===this)closeReport()">
+  <div class="report-modal">
+    <div class="report-modal__header">
+      <span class="report-modal__title" id="reportModalTitle">体重报告</span>
+      <!-- [交互] 点击关闭弹窗 -->
+      <button class="report-modal__close" onclick="closeReport()">✕</button>
+    </div>
+    <!-- 总览卡片（固定不滚动） -->
+    <div class="report-overview">
+      <div class="report-overview__title" id="rpOverviewTitle">体重报告</div>
+      <div class="report-overview__row">
+        <span>截止至 <strong id="rpCutoff">-</strong></span>
+        <span>第 <strong id="rpDay">-</strong> 天（共 <strong id="rpTotal">-</strong> 天）</span>
+      </div>
+      <div class="report-overview__rank" id="rpRank">
+        目前的减重量排名 <strong id="rpRankWeight">-</strong>，减重率排名 <strong id="rpRankRate">-</strong>，结合个人打卡情况，综合分排名 <strong id="rpRankScore">-</strong>
+      </div>
+      <div class="report-overview__metrics">
+        <div class="report-overview__metric">
+          <div class="report-overview__metric-label">已减重</div>
+          <div class="report-overview__metric-val" id="rpLoss">-<span class="report-overview__metric-unit">kg</span></div>
+        </div>
+        <div class="report-overview__metric">
+          <div class="report-overview__metric-label">减重率</div>
+          <div class="report-overview__metric-val" id="rpRate">-<span class="report-overview__metric-unit">%</span></div>
+        </div>
+      </div>
+    </div>
+    <!-- 记录表格（可滚动） -->
+    <div class="report-modal__body">
+      <div class="report-table-wrap">
+        <table class="report-table">
+          <thead>
+            <tr>
+              <th>日期</th>
+              <th>体重(kg)</th>
+              <th>BMI</th>
+              <th>体脂率(%)</th>
+              <th>腰围(cm)</th>
+              <th>摄入(kcal)</th>
+              <th>消耗(kcal)</th>
+            </tr>
+          </thead>
+          <tbody id="reportTableBody"></tbody>
+        </table>
+      </div>
+    </div>
+    <div class="report-modal__footer">
+      <button class="btn btn-default" onclick="closeReport()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* ===== 侧边栏当前页高亮 ===== */
+(function(){
+  var current = location.pathname.split('/').pop();
+  document.querySelectorAll('.sidebar-item').forEach(function(item){
+    var href = item.getAttribute('href');
+    item.classList.toggle('active', href === current);
+  });
+})();
+
+/* ===== 干预计划数据 ===== */
+var plans = [
+  {id:1,name:'第四采油厂2026年超重健康干预计划',org:'第四采油厂',dateFrom:'2026-03-01',dateTo:'2026-08-31',totalCount:234,actualCount:218},
+  {id:2,name:'采油一厂2026年体重管理专项行动',org:'采油一厂',dateFrom:'2026-04-01',dateTo:'2026-09-30',totalCount:186,actualCount:180},
+  {id:3,name:'采油二厂2026年健康减重计划',org:'采油二厂',dateFrom:'2026-05-15',dateTo:'2026-11-15',totalCount:312,actualCount:295},
+  {id:4,name:'采气一厂2025年度体重管理计划',org:'采气一厂',dateFrom:'2025-06-01',dateTo:'2025-12-01',totalCount:158,actualCount:142},
+  {id:5,name:'第四采油厂2025年超重健康干预计划',org:'第四采油厂',dateFrom:'2025-03-01',dateTo:'2025-08-31',totalCount:267,actualCount:251},
+  {id:6,name:'采油一厂2025年员工健康体重计划',org:'采油一厂',dateFrom:'2025-04-15',dateTo:'2025-10-15',totalCount:420,actualCount:398},
+  {id:7,name:'采气一厂2026下半年体重干预计划',org:'采气一厂',dateFrom:'2026-09-01',dateTo:'2026-12-31',totalCount:89,actualCount:72},
+  {id:8,name:'采油二厂2024年体重控制专项计划',org:'采油二厂',dateFrom:'2024-07-01',dateTo:'2024-12-31',totalCount:145,actualCount:130}
+];
+
+/* ===== 基础员工数据 ===== */
+var baseEmployees = [
+  {org:'第四采油厂',dept:'健康管理部',name:'张伟',empId:'CQ001234',gender:'男',age:42,height:172,weight:85,bmi:28.7,waist:96,fat:28.5},
+  {org:'第四采油厂',dept:'健康管理部',name:'李娜',empId:'CQ001235',gender:'女',age:35,height:160,weight:72,bmi:28.1,waist:84,fat:35.2},
+  {org:'第四采油厂',dept:'健康管理部',name:'王磊',empId:'CQ001236',gender:'男',age:28,height:178,weight:90,bmi:28.4,waist:98,fat:26.8},
+  {org:'第四采油厂',dept:'安全环保科',name:'赵敏',empId:'CQ001237',gender:'女',age:39,height:163,weight:75,bmi:28.2,waist:86,fat:36.5},
+  {org:'第四采油厂',dept:'安全环保科',name:'刘洋',empId:'CQ001238',gender:'男',age:45,height:175,weight:88,bmi:28.7,waist:100,fat:29.2},
+  {org:'第四采油厂',dept:'安全环保科',name:'陈晨',empId:'CQ001239',gender:'男',age:31,height:170,weight:82,bmi:28.4,waist:94,fat:27.5},
+  {org:'第四采油厂',dept:'工会办公室',name:'周杰',empId:'CQ001240',gender:'男',age:50,height:168,weight:78,bmi:27.6,waist:92,fat:28.1},
+  {org:'第四采油厂',dept:'工会办公室',name:'吴芳',empId:'CQ001241',gender:'女',age:33,height:158,weight:70,bmi:28.0,waist:82,fat:34.8},
+  {org:'第四采油厂',dept:'生产技术部',name:'孙丽',empId:'CQ001242',gender:'女',age:40,height:165,weight:76,bmi:27.9,waist:88,fat:37.0},
+  {org:'第四采油厂',dept:'生产技术部',name:'郑浩',empId:'CQ001243',gender:'男',age:36,height:180,weight:95,bmi:29.3,waist:104,fat:30.5},
+  {org:'第四采油厂',dept:'生产技术部',name:'黄磊',empId:'CQ001244',gender:'男',age:27,height:176,weight:88,bmi:28.4,waist:97,fat:27.0},
+  {org:'第四采油厂',dept:'生产技术部',name:'林燕',empId:'CQ001245',gender:'女',age:29,height:162,weight:74,bmi:28.2,waist:85,fat:35.8},
+  {org:'采油一厂',dept:'健康管理部',name:'杨帆',empId:'CQ001246',gender:'男',age:38,height:170,weight:88,bmi:30.4,waist:102,fat:31.2},
+  {org:'采油一厂',dept:'安全环保科',name:'孙强',empId:'CQ001247',gender:'男',age:44,height:173,weight:86,bmi:28.7,waist:99,fat:28.8},
+  {org:'采油一厂',dept:'工会办公室',name:'周强',empId:'CQ001248',gender:'男',age:50,height:168,weight:78,bmi:27.6,waist:93,fat:27.6},
+  {org:'采油一厂',dept:'生产技术部',name:'吴敏',empId:'CQ001249',gender:'女',age:29,height:162,weight:56,bmi:21.3,waist:72,fat:26.5},
+  {org:'采油二厂',dept:'健康管理部',name:'郑浩',empId:'CQ001250',gender:'男',age:33,height:176,weight:82,bmi:26.5,waist:91,fat:25.8},
+  {org:'采油二厂',dept:'安全环保科',name:'黄丽',empId:'CQ001251',gender:'女',age:27,height:162,weight:74,bmi:28.2,waist:86,fat:36.0},
+  {org:'采油二厂',dept:'财务部',name:'林涛',empId:'CQ001252',gender:'男',age:41,height:175,weight:92,bmi:30.0,waist:105,fat:31.5},
+  {org:'采气一厂',dept:'生产技术部',name:'何婷',empId:'CQ001253',gender:'女',age:34,height:160,weight:70,bmi:27.3,waist:84,fat:35.3},
+  {org:'采气一厂',dept:'信息中心',name:'马超',empId:'CQ001254',gender:'男',age:36,height:179,weight:95,bmi:29.6,waist:107,fat:32.0}
+];
+
+/* ===== 每日明细Mock数据 ===== */
+function buildDailyData(){
+  var data = [];
+  var today = new Date();
+  // 生成最近10天日期列表
+  var dateList = [];
+  for(var d = 9; d >= 0; d--){
+    var dt = new Date(today);
+    dt.setDate(today.getDate() - d);
+    dateList.push(formatDate(dt));
+  }
+  baseEmployees.forEach(function(e, empIdx){
+    var planIdx = empIdx % plans.length;
+    var p = plans[planIdx];
+    // 目标指标（比初始降低约15%）
+    var targetWeight = Math.round(e.weight * 0.85);
+    var targetBmi = +(e.bmi * 0.85).toFixed(1);
+    var targetWaist = Math.round(e.waist * 0.88);
+    var targetFat = +(e.fat * 0.80).toFixed(1);
+    // 第一个员工的进度基准
+    var progressBase = (empIdx % 5) / 4;
+    dateList.forEach(function(dateStr, dateIdx){
+      // 模拟每日波动 + 整体趋势向目标靠近
+      var dayProgress = progressBase - (9 - dateIdx) * 0.015;
+      var curWeight = +(e.weight - (e.weight - targetWeight) * Math.max(0, dayProgress) + (Math.random() - 0.5) * 0.6).toFixed(1);
+      var curBmi = +(curWeight / ((e.height/100) * (e.height/100))).toFixed(1);
+      var curWaist = +(e.waist - (e.waist - targetWaist) * Math.max(0, dayProgress) + (Math.random() - 0.5) * 0.4).toFixed(1);
+      var curFat = +(e.fat - (e.fat - targetFat) * Math.max(0, dayProgress) + (Math.random() - 0.5) * 0.3).toFixed(1);
+      var weightChange = +(curWeight - e.weight).toFixed(1);
+      var bmiChange = +(curBmi - e.bmi).toFixed(1);
+      var fatChange = +(curFat - e.fat).toFixed(1);
+      var waistChange = +(curWaist - e.waist).toFixed(1);
+      // 饮食摄入 - 三餐 + 加餐
+      var breakfast = Math.floor(Math.random() * 200) + 300;
+      var lunch = Math.floor(Math.random() * 300) + 400;
+      var dinner = Math.floor(Math.random() * 250) + 350;
+      var snack = Math.floor(Math.random() * 150);
+      // 运动消耗
+      var exercise = Math.floor(Math.random() * 300) + 150;
+      // 最新体重（略高于现体重，带微小波动）
+      var latestWeight = +(curWeight + (Math.random() - 0.3) * 0.5).toFixed(1);
+      data.push({
+        planId: p.id, planName: p.name,
+        org: e.org, dept: e.dept,
+        name: e.name, empId: e.empId,
+        gender: e.gender, age: e.age,
+        date: dateStr,
+        height: e.height,
+        initWeight: e.weight, initBmi: e.bmi, initFat: e.fat, initWaist: e.waist,
+        targetWeight: targetWeight, targetBmi: targetBmi, targetFat: targetFat, targetWaist: targetWaist,
+        curWeight: curWeight, curBmi: curBmi, curFat: curFat, curWaist: curWaist,
+        weightChange: weightChange, bmiChange: bmiChange, fatChange: fatChange, waistChange: waistChange,
+        breakfast: breakfast, lunch: lunch, dinner: dinner, snack: snack,
+        exercise: exercise, latestWeight: latestWeight
+      });
+    });
+  });
+  return data;
+}
+
+var dailyData = buildDailyData();
+var selectedPlanId = null;
+var pageSize = 10;
+var currentPage = 0;
+var filteredData = dailyData.slice();
+
+/* ===== 计划搜索选择 ===== */
+function searchPlan(){
+  var keyword = document.getElementById('planSearchInput').value.trim().toLowerCase();
+  var panel = document.getElementById('planPanel');
+  var filtered = plans;
+  if(keyword){
+    filtered = plans.filter(function(p){
+      return p.name.toLowerCase().indexOf(keyword) > -1 || p.org.toLowerCase().indexOf(keyword) > -1;
+    });
+  }
+  if(filtered.length === 0){
+    panel.innerHTML = '<div class="search-select__empty">无匹配计划</div>';
+  } else {
+    var html = '';
+    filtered.forEach(function(p){
+      var sel = selectedPlanId === p.id ? ' selected' : '';
+      html += '<div class="search-select__option'+sel+'" onclick="selectPlan('+p.id+')">';
+      html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+      html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+      html += '</div>';
+    });
+    panel.innerHTML = html;
+  }
+}
+
+function showPlanPanel(){
+  searchPlan();
+  document.getElementById('planPanel').classList.add('show');
+}
+
+function selectPlan(planId){
+  selectedPlanId = planId;
+  var plan = plans.find(function(p){return p.id === planId;});
+  if(!plan) return;
+  document.getElementById('planSearchInput').value = plan.name;
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planClearBtn').classList.add('show');
+  document.getElementById('planSelect').classList.add('search-select--selected');
+  document.getElementById('planInfoEmpty').style.display = 'none';
+  document.getElementById('planInfo').style.display = 'flex';
+  document.getElementById('piOrg').textContent = plan.org;
+  document.getElementById('piDate').textContent = plan.dateFrom + ' ~ ' + plan.dateTo;
+  document.getElementById('piDays').textContent = calcPlanDays(plan.dateFrom, plan.dateTo) + ' 天';
+  document.getElementById('piCount').textContent = plan.totalCount + ' 人';
+  document.getElementById('piActual').textContent = (plan.actualCount || 0) + ' 人';
+  applyFilter();
+}
+
+/* [交互] 清空已选干预计划，恢复未选择状态 */
+function clearPlan(){
+  selectedPlanId = null;
+  document.getElementById('planSearchInput').value = '';
+  document.getElementById('planClearBtn').classList.remove('show');
+  document.getElementById('planSelect').classList.remove('search-select--selected');
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planInfoEmpty').style.display = '';
+  document.getElementById('planInfo').style.display = 'none';
+  applyFilter();
+}
+
+/* ===== 单位部门双列面板 ===== */
+var deptMap = {
+  '第四采油厂':['健康管理部','安全环保科','工会办公室','生产技术部','财务部','信息中心'],
+  '采油一厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+  '采油二厂':['健康管理部','安全环保科','财务部'],
+  '采气一厂':['生产技术部','信息中心']
+};
+var selectedUnitName = '';
+var selectedUnitCode = '';
+var selectedDeptName = '';
+var selectedDeptCode = '';
+
+function toggleOrg(){
+  var panel = document.getElementById('orgPanel');
+  var trigger = document.getElementById('orgTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+function selectUnit(elem, unitName, unitCode){
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selectedUnitName = unitName;
+  selectedUnitCode = unitCode;
+  var depts = deptMap[unitCode] || [];
+  var html = '<div class="org-col__title">部门</div>';
+  html += '<div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){
+    html += '<div class="org-item" data-dept="'+d+'" onclick="selectDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>';
+  });
+  document.getElementById('orgDeptCol').innerHTML = html;
+  selectedDeptName = '';
+  selectedDeptCode = '';
+}
+
+function selectDept(elem, deptName, deptCode){
+  document.querySelectorAll('#orgDeptCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selectedDeptName = deptName;
+  selectedDeptCode = deptCode;
+  var label = selectedUnitCode ? selectedUnitName : '全部单位';
+  label += deptCode ? ' / ' + deptName : ' / 全部部门';
+  document.getElementById('orgTrigger').textContent = label;
+}
+
+/* ===== 筛选 ===== */
+function applyFilter(){
+  var dateFrom = document.getElementById('filterDateFrom').value;
+  var dateTo = document.getElementById('filterDateTo').value;
+  var unit = selectedUnitCode;
+  var dept = selectedDeptCode;
+  var name = document.getElementById('filterName').value.trim().toLowerCase();
+  var empId = document.getElementById('filterEmpId').value.trim().toLowerCase();
+  var data = dailyData.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  filteredData = data.filter(function(d){
+    if(dateFrom && d.date < dateFrom) return false;
+    if(dateTo && d.date > dateTo) return false;
+    if(unit && d.org !== unit) return false;
+    if(dept && d.dept !== dept) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId) === -1) return false;
+    return true;
+  });
+  currentPage = 0;
+  renderTable();
+}
+
+function resetFilter(){
+  // 恢复日期默认当日
+  var today = formatDate(new Date());
+  document.getElementById('filterDateFrom').value = today;
+  document.getElementById('filterDateTo').value = today;
+  selectedUnitName = '';
+  selectedUnitCode = '';
+  selectedDeptName = '';
+  selectedDeptCode = '';
+  document.getElementById('orgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  document.querySelectorAll('#orgUnitCol .org-item').item(0).classList.add('active');
+  document.getElementById('orgDeptCol').innerHTML = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('filterName').value = '';
+  document.getElementById('filterEmpId').value = '';
+  applyFilter();
+}
+
+/* ===== 渲染表格 ===== */
+function renderTable(){
+  var tbody = document.getElementById('tableBody');
+  var start = currentPage * pageSize;
+  var pageData = filteredData.slice(start, start + pageSize);
+  var totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  document.getElementById('pageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + filteredData.length + ' 条记录';
+  document.getElementById('pageNum').textContent = '第 ' + (currentPage + 1) + '/' + totalPages + ' 页';
+  if(filteredData.length === 0){
+    tbody.innerHTML = '<tr><td colspan="29" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    var wcCls = d.weightChange < 0 ? 'change-down' : (d.weightChange > 0 ? 'change-up' : 'change-zero');
+    var bcCls = d.bmiChange < 0 ? 'change-down' : (d.bmiChange > 0 ? 'change-up' : 'change-zero');
+    var fcCls = d.fatChange < 0 ? 'change-down' : (d.fatChange > 0 ? 'change-up' : 'change-zero');
+    var wacCls = d.waistChange < 0 ? 'change-down' : (d.waistChange > 0 ? 'change-up' : 'change-zero');
+    var wcSign = d.weightChange > 0 ? '+' : '';
+    var bcSign = d.bmiChange > 0 ? '+' : '';
+    var fcSign = d.fatChange > 0 ? '+' : '';
+    var wacSign = d.waistChange > 0 ? '+' : '';
+    html += '<tr>';
+    html += '<td>'+esc(d.planName)+'</td>';
+    html += '<td>'+esc(d.name)+'</td>';
+    html += '<td>'+esc(d.empId)+'</td>';
+    html += '<td>'+d.gender+'</td>';
+    html += '<td>'+d.age+'</td>';
+    html += '<td>'+esc(d.org)+'</td>';
+    html += '<td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.date+'</td>';
+    html += '<td>'+d.height+'</td>';
+    html += '<td>'+d.initWeight+'</td>';
+    html += '<td>'+d.initBmi.toFixed(1)+'</td>';
+    html += '<td>'+d.initFat.toFixed(1)+'</td>';
+    html += '<td>'+d.initWaist+'</td>';
+    html += '<td>'+d.targetWeight+'</td>';
+    html += '<td>'+d.targetBmi+'</td>';
+    html += '<td>'+d.targetFat+'</td>';
+    html += '<td>'+d.targetWaist+'</td>';
+    html += '<td>'+d.curWeight+'</td>';
+    html += '<td>'+d.curBmi.toFixed(1)+'</td>';
+    html += '<td>'+d.curFat.toFixed(1)+'</td>';
+    html += '<td>'+d.curWaist+'</td>';
+    html += '<td class="'+wcCls+'">'+wcSign+d.weightChange+'</td>';
+    html += '<td class="'+bcCls+'">'+bcSign+d.bmiChange+'</td>';
+    html += '<td class="'+fcCls+'">'+fcSign+d.fatChange+'</td>';
+    html += '<td class="'+wacCls+'">'+wacSign+d.waistChange+'</td>';
+    // 饮食摄入（千卡）：早餐、午餐、晚餐、加餐
+    html += '<td>'+d.breakfast+'</td>';
+    html += '<td>'+d.lunch+'</td>';
+    html += '<td>'+d.dinner+'</td>';
+    html += '<td class="col-diet-last">'+d.snack+'</td>';
+    // 运动消耗（千卡）：今日消耗
+    html += '<td class="col-exercise-last">'+d.exercise+'</td>';
+    // 体重：最新体重
+    html += '<td class="col-weight-last">'+d.latestWeight+'</td>';
+    // 体重报告
+    html += '<td><a class="link" href="javascript:void(0)" onclick="viewWeightReport(\''+esc(d.empId)+'\',\''+esc(d.name)+'\',\''+d.date+'\')">查看</a></td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+/* ===== 翻页 ===== */
+function goPage(delta){
+  var totalPages = Math.ceil(filteredData.length / pageSize);
+  var newPage = currentPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  currentPage = newPage;
+  renderTable();
+}
+
+/* ===== 体重报告弹窗 ===== */
+var reportEmpId = null;
+var reportEmpName = '';
+var reportDate = '';
+var reportRecords = [];
+
+/* 生成指定员工的体重报告Mock数据 */
+function generateReportRecords(empId, empName, targetDate){
+  var endDate = parseDate(targetDate);
+  var records = [];
+  var emp = null;
+  for(var i = 0; i < baseEmployees.length; i++){
+    if(baseEmployees[i].empId === empId){ emp = baseEmployees[i]; break; }
+  }
+  if(!emp) emp = baseEmployees[0];
+  var initWeight = emp.weight;
+  var height = emp.height;
+  var currentWeight = initWeight - (Math.random() * 8 + 4);
+  var startWeight = currentWeight + (Math.random() * 6 + 6);
+  for(var d = 60; d >= 0; d -= (Math.random() > 0.5 ? 2 : 3)){
+    var dt = new Date(endDate);
+    dt.setDate(dt.getDate() - d);
+    if(dt > endDate) continue;
+    var progress = (60 - d) / 60;
+    var w = +(startWeight - (startWeight - currentWeight) * progress + (Math.random() - 0.5) * 0.4).toFixed(1);
+    if(d === 0) w = currentWeight;
+    var bmi = +(w / ((height/100) * (height/100))).toFixed(1);
+    var fat = +(22 + (initWeight - w) * 0.3 + (Math.random() - 0.5) * 0.5).toFixed(1);
+    var waist = +(80 + (initWeight - w) * 1.2 + (Math.random() - 0.5) * 0.3).toFixed(1);
+    var intake = Math.floor(Math.random() * 600) + 1000;
+    var consume = Math.floor(Math.random() * 500) + 800;
+    records.push({
+      date: formatDate(dt),
+      weight: w, bmi: bmi, bodyFat: fat, waist: waist,
+      intake: intake, consume: consume
+    });
+    if(d === 0) break;
+  }
+  if(records.length === 0 || records[records.length-1].date !== targetDate){
+    var w = currentWeight;
+    var bmi = +(w / ((height/100) * (height/100))).toFixed(1);
+    var fat = +(22 + (initWeight - w) * 0.3).toFixed(1);
+    var waist = +(80 + (initWeight - w) * 1.2).toFixed(1);
+    records.push({
+      date: targetDate,
+      weight: w, bmi: bmi, bodyFat: fat, waist: waist,
+      intake: Math.floor(Math.random() * 600) + 1000,
+      consume: Math.floor(Math.random() * 500) + 800
+    });
+  }
+  return records;
+}
+
+function viewWeightReport(empId, name, date){
+  reportEmpId = empId;
+  reportEmpName = name;
+  reportDate = date;
+  reportRecords = generateReportRecords(empId, name, date);
+  updateReportOverview();
+  renderReportRecords();
+  document.getElementById('reportOverlay').classList.add('show');
+  document.body.style.overflow = 'hidden';
+}
+
+function closeReport(){
+  document.getElementById('reportOverlay').classList.remove('show');
+  document.body.style.overflow = '';
+}
+
+function updateReportOverview(){
+  var recs = reportRecords;
+  if(recs.length === 0) return;
+  var firstRec = recs[0];
+  var lastRec = recs[recs.length - 1];
+  var startW = firstRec.weight;
+  var curW = lastRec.weight;
+  var loss = startW - curW;
+  var rate = startW > 0 ? (loss / startW) * 100 : 0;
+  var firstDate = parseDate(firstRec.date);
+  var lastDate = parseDate(lastRec.date);
+  var days = Math.floor((lastDate - firstDate) / (1000*60*60*24)) + 1;
+  document.getElementById('reportModalTitle').textContent = reportEmpName + ' - 体重报告';
+  document.getElementById('rpOverviewTitle').textContent = reportEmpName + ' 的体重报告';
+  document.getElementById('rpCutoff').textContent = lastRec.date;
+  document.getElementById('rpDay').textContent = days;
+  document.getElementById('rpTotal').textContent = days;
+  document.getElementById('rpLoss').innerHTML = loss.toFixed(1) + '<span class="report-overview__metric-unit">kg</span>';
+  document.getElementById('rpRate').innerHTML = rate.toFixed(1) + '<span class="report-overview__metric-unit">%</span>';
+  // 模拟排名（基于empId的hash保证同一员工每次排名一致）
+  var hash = 0;
+  for(var i = 0; i < reportEmpId.length; i++){ hash = ((hash << 5) - hash) + reportEmpId.charCodeAt(i); hash |= 0; }
+  var rankWeight = Math.abs(hash % 80) + 1;
+  var rankRate = Math.abs((hash * 7 + 13) % 75) + 1;
+  var rankScore = Math.abs((hash * 3 + 47) % 60) + 1;
+  document.getElementById('rpRankWeight').textContent = '第 ' + rankWeight + ' 名';
+  document.getElementById('rpRankRate').textContent = '第 ' + rankRate + ' 名';
+  document.getElementById('rpRankScore').textContent = '第 ' + rankScore + ' 名';
+}
+
+function renderReportRecords(){
+  var tbody = document.getElementById('reportTableBody');
+  if(reportRecords.length === 0){
+    tbody.innerHTML = '<tr><td colspan="7" class="report-table-empty">暂无记录</td></tr>';
+    return;
+  }
+  var html = '';
+  for(var i = 0; i < reportRecords.length; i++){
+    var r = reportRecords[i];
+    html += '<tr>';
+    html += '<td>'+r.date+'</td>';
+    html += '<td>'+r.weight.toFixed(1)+'</td>';
+    html += '<td>'+r.bmi.toFixed(1)+'</td>';
+    html += '<td>'+r.bodyFat.toFixed(1)+'</td>';
+    html += '<td>'+r.waist.toFixed(1)+'</td>';
+    html += '<td>'+r.intake+'</td>';
+    html += '<td>'+r.consume+'</td>';
+    html += '</tr>';
+  }
+  tbody.innerHTML = html;
+}
+
+function parseDate(s){ var p = s.split('-'); return new Date(+p[0], +p[1]-1, +p[2]); }
+
+/* ===== 工具函数 ===== */
+function formatDate(d){
+  var y = d.getFullYear();
+  var m = (d.getMonth() + 1);
+  var day = d.getDate();
+  return y + '-' + (m < 10 ? '0' + m : m) + '-' + (day < 10 ? '0' + day : day);
+}
+
+function calcPlanDays(dateFrom, dateTo){
+  var today = new Date();
+  var from = new Date(dateFrom);
+  var to = new Date(dateTo);
+  var end = to < today ? to : today;
+  if(end < from) return '未开始';
+  return Math.ceil((end - from) / (1000*60*60*24)) + 1;
+}
+
+function esc(s){return String(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('#planSelect')){
+    document.getElementById('planPanel').classList.remove('show');
+  }
+  var orgWrap = document.getElementById('orgWrap');
+  if(orgWrap && !orgWrap.contains(e.target)){
+    document.getElementById('orgPanel').classList.remove('open');
+    document.getElementById('orgTrigger').classList.remove('open');
+  }
+});
+
+/* ===== 初始化 ===== */
+(function init(){
+  // 初始化日期范围为当日
+  var today = formatDate(new Date());
+  document.getElementById('filterDateFrom').value = today;
+  document.getElementById('filterDateTo').value = today;
+  // 预填充计划下拉数据
+  var html = '';
+  plans.forEach(function(p){
+    html += '<div class="search-select__option" onclick="selectPlan('+p.id+')">';
+    html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+    html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+    html += '</div>';
+  });
+  document.getElementById('planPanel').innerHTML = html;
+  renderTable();
+})();
+</script>
 </body>
 </html>
diff --git a/web-admin/weight-management/doc/CHANGELOG.md b/web-admin/weight-management/doc/CHANGELOG.md
index 4aa249f..a285633 100644
--- a/web-admin/weight-management/doc/CHANGELOG.md
+++ b/web-admin/weight-management/doc/CHANGELOG.md
@@ -1,5 +1,31 @@
 # CHANGELOG | 体重管理 Web 管理端
 
+## 2026-06-18 | 异常事件页面补全
+
+### 页面补全
+- **`exception-system-dirty.html`**：系统脏数据页（220 行），补全筛选栏（业务模块/异常类型/年份下拉）、操作栏（导出列表数据/查看导出任务+计数）、数据表格（9 列：业务模块/异常类型/异常描述/异常检测时间/表名/字段名/编号/异常值/数据产生时间）、分页组件、10 条体重管理场景 Mock 脏数据（含数据缺失/格式错误/逻辑矛盾/重复数据/范围越界/关联缺失六种类型）
+- **`exception-result-abnormal.html`**：结果异常页（310 行），补全筛选栏（员工名称/员工编号/单位部门双列面板联动/业务模块/异常等级/年份）、操作栏（导出列表数据/查看导出任务+计数）、数据表格（9 列：员工/员工编号/单位名称/部门名称/业务模块/异常指标/异常值/异常等级/发现时间）、分页组件、10 条体重管理场景 Mock 异常数据（含BMI异常/体脂率异常/腰围异常/目标值偏差/体重反弹/数据缺失/体重异常，覆盖严重/中等/轻微三级）
+
+### 参考来源
+- 列表字段设计参考 `web-admin/health-monitor/exception-dirty.html` 和 `web-admin/health-monitor/exception-result.html`
+- 异常指标覆盖体重管理核心维度：BMI、体重、体脂率、腰围、目标达成、体重反弹
+- 业务模块覆盖体重管理全部 7 个一级菜单：档案管理、计划管理、报名管理、过程管理、历史干预、个人体重管理、设备管理
+
+## 2026-06-17 | 新增历史干预模块 + 活动统计页实现
+
+### 新增页面
+- **`history-plan-list.html`**：历史干预-计划列表页（410 行），含筛选栏（活动所属单位/年份下拉）、操作栏（导出列表数据/查看导出任务）、20 列统计表格（干预计划/单位/部门/起止日期/人员范围(查看)/应参加已参加未参加人数/完成体重体脂腰围目标人数/人均减重减重率腰围减少/人均摄入消耗热量缺口/人均综合行动得分/负责人）、干预计划蓝色链接跳转详情、分页组件、12 条历史 Mock 数据
+- **`history-plan-detail.html`**：历史干预-计划详情页（280 行），含计划概览信息卡（5 字段网格）、6 列统计卡片（应参加/已参加/未参加/人均减重/减重率/综合得分）、参与者明细表（17 列：姓名编号性别年龄部门/初始体重BMI现体重BMI体重变化/体脂变化腰围变化/每日摄入消耗热量缺口/综合行动得分）、分页组件、Mock 参与者明细数据
+
+### 新增功能
+- **`activity-statistics.html`**：活动统计页全面实现（666 行），含干预计划选择区（搜索下拉+信息展示，复用 action-overview 组件）、单位多选筛选组件（支持全选/多选/清空/确定）、操作栏、18 列统计表格（前两列 sticky 固定）、聚合 Mock 数据
+
+### 全局变更
+- **顶部导航栏**：所有 weight-management 模块页面（36 个 HTML）新增一级菜单"历史干预"，位于"过程管理"与"个人体重管理"之间
+
+### 导航页同步
+- **`index.html`**：SITE_MAP 新增 `history-plan-list.html`（历史干预-计划列表）、`history-plan-detail.html`（历史干预-计划详情）
+
 ## 2026-06-16 | 体重管理活动计划管理页面全面重构
 
 ### 新增页面
diff --git a/web-admin/weight-management/employee-data-record.html b/web-admin/weight-management/employee-data-record.html
index e2e8990..2d34eb8 100644
--- a/web-admin/weight-management/employee-data-record.html
+++ b/web-admin/weight-management/employee-data-record.html
@@ -103,6 +103,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/employee-data.html b/web-admin/weight-management/employee-data.html
index 13fc72f..baa599e 100644
--- a/web-admin/weight-management/employee-data.html
+++ b/web-admin/weight-management/employee-data.html
@@ -74,6 +74,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/employee-stat.html b/web-admin/weight-management/employee-stat.html
index 4b79abd..beb381c 100644
--- a/web-admin/weight-management/employee-stat.html
+++ b/web-admin/weight-management/employee-stat.html
@@ -79,6 +79,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/exception-result-abnormal.html b/web-admin/weight-management/exception-result-abnormal.html
index 3d4c35c..5c5efb5 100644
--- a/web-admin/weight-management/exception-result-abnormal.html
+++ b/web-admin/weight-management/exception-result-abnormal.html
@@ -5,42 +5,107 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>结果异常 | 体重管理</title>
 <style>
-  *{box-sizing:border-box;margin:0;padding:0;}
-  body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+/* 设计令牌 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+}
+
+/* 通用布局 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:140px;}
+.filter-input:focus{border-color:var(--primary);}
+.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
+
+/* 单位部门双列面板 */
+.org-select-wrap{position:relative;display:inline-block;}
+.org-trigger{height:36px;min-width:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-sm);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.org-trigger.open,.org-trigger:hover{border-color:var(--primary);}
+.org-panel{display:none;position:absolute;top:40px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:420px;}
+.org-panel.open{display:flex;}
+.org-col{flex:1;overflow-y:auto;max-height:240px;border-right:1px solid var(--border);}
+.org-col:last-child{border-right:none;}
+.org-col__title{padding:8px 14px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+.org-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+.org-item:hover{background:#F0F8FF;color:var(--primary);}
+.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+
+/* 按钮 */
+.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
+.action-bar__right{margin-left:auto;font-size:var(--font-sm);color:var(--text-secondary);}
+.action-bar__right strong{color:var(--primary);font-weight:600;}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:100%;white-space:nowrap;}
+table{width:100%;border-collapse:collapse;}
+thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 标签 */
+.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+.tag-red{background:#FFF1F0;color:var(--danger);}
+.tag-orange{background:#FFF7E6;color:var(--warning);}
+.tag-blue{background:var(--primary-light);color:var(--primary);}
+.tag-green{background:#F6FFED;color:var(--success);}
+
+/* 分页 */
+.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);}
+.pagination__left{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-secondary);}
+.pagination__right{display:flex;align-items:center;gap:6px;}
+.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);}
+.page-ellipsis{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:var(--text-secondary);}
 </style>
 </head>
 <body>
-<div class="top-bar">
-  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
+
+<!-- 顶部导航 -->
+<header class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    体重管理
+  </div>
   <nav class="top-bar__nav">
     <a href="archive-personal-weight-data.html">档案</a>
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html" class="active">异常事件</a>
@@ -50,14 +115,332 @@
     <div class="avatar">管</div>
     <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
   </div>
-</div>
+</header>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">异常事件</div>
   <a href="exception-system-dirty.html" class="sidebar-item">系统脏数据</a>
   <a href="exception-result-abnormal.html" class="sidebar-item active">结果异常</a>
 </aside>
+
+<!-- 主内容区 -->
 <main class="main">
-  <!-- 主内容区域 -->
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>员工名称</label>
+      <input class="filter-input" type="text" placeholder="请输入员工名称">
+    </div>
+    <div class="filter-item">
+      <label>员工编号</label>
+      <input class="filter-input" type="text" placeholder="请输入员工编号">
+    </div>
+    <div class="filter-item">
+      <label>单位部门</label>
+      <!-- [交互] 单位部门双列面板：左选单位→右侧部门联动加载 -->
+      <div class="org-select-wrap" id="orgWrap">
+        <div class="org-trigger" id="orgTrigger" onclick="toggleOrg()">全部单位/部门</div>
+        <div class="org-panel" id="orgPanel">
+          <div class="org-col" id="orgUnitCol">
+            <div class="org-col__title">单位</div>
+            <div class="org-item active" data-unit="" onclick="selectUnit(this, '全部单位/部门', '')">全部单位/部门</div>
+            <div class="org-item" data-unit="采油一厂" onclick="selectUnit(this, '采油一厂', '采油一厂')">采油一厂</div>
+            <div class="org-item" data-unit="采油二厂" onclick="selectUnit(this, '采油二厂', '采油二厂')">采油二厂</div>
+            <div class="org-item" data-unit="采气一厂" onclick="selectUnit(this, '采气一厂', '采气一厂')">采气一厂</div>
+            <div class="org-item" data-unit="天然气处理厂" onclick="selectUnit(this, '天然气处理厂', '天然气处理厂')">天然气处理厂</div>
+          </div>
+          <div class="org-col" id="orgDeptCol">
+            <div class="org-col__title">部门</div>
+            <div class="org-item active" data-dept="" onclick="selectDept(this, '全部部门', '')">全部部门</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="filter-item">
+      <label>业务模块</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>档案管理</option>
+        <option>计划管理</option>
+        <option>报名管理</option>
+        <option>过程管理</option>
+        <option>历史干预</option>
+        <option>个人体重管理</option>
+        <option>设备管理</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>异常等级</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>严重</option>
+        <option>中等</option>
+        <option>轻微</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <!-- [交互] 点击查询触发列表数据刷新 -->
+    <button class="btn btn-primary">查询</button>
+    <!-- [交互] 点击重置将筛选条件恢复为默认值 -->
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作栏 -->
+  <div class="action-bar">
+    <!-- [交互] 导出列表数据：触发浏览器下载当前列表数据为Excel文件 -->
+    <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+    <!-- [交互] 查看导出任务：跳转至导出任务列表弹窗，展示历史导出记录及下载状态 -->
+    <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+    <div class="action-bar__right">共 <strong>62</strong> 条异常结果</div>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>员工</th>
+            <th>员工编号</th>
+            <th>单位名称</th>
+            <th>部门名称</th>
+            <th>业务模块</th>
+            <th>异常指标</th>
+            <th>异常值</th>
+            <th>异常等级</th>
+            <th>发现时间</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>张伟</td>
+            <td>EMP-10001</td>
+            <td>采油一厂</td>
+            <td>生产运行科</td>
+            <td>个人体重管理</td>
+            <td>BMI异常</td>
+            <td>28.5</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-14 10:30</td>
+          </tr>
+          <tr>
+            <td>李娜</td>
+            <td>EMP-10002</td>
+            <td>采油一厂</td>
+            <td>安全环保科</td>
+            <td>个人体重管理</td>
+            <td>体脂率异常</td>
+            <td>34.2%</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-13 14:22</td>
+          </tr>
+          <tr>
+            <td>王强</td>
+            <td>EMP-10003</td>
+            <td>采油二厂</td>
+            <td>综合管理科</td>
+            <td>个人体重管理</td>
+            <td>腰围异常</td>
+            <td>105 cm</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-12 09:15</td>
+          </tr>
+          <tr>
+            <td>赵敏</td>
+            <td>EMP-10004</td>
+            <td>采油二厂</td>
+            <td>生产运行科</td>
+            <td>计划管理</td>
+            <td>目标值偏差</td>
+            <td>距目标差8.5kg</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-11 16:45</td>
+          </tr>
+          <tr>
+            <td>刘洋</td>
+            <td>EMP-10005</td>
+            <td>采气一厂</td>
+            <td>安全环保科</td>
+            <td>过程管理</td>
+            <td>体重反弹</td>
+            <td>+3.2 kg（30天）</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-10 11:20</td>
+          </tr>
+          <tr>
+            <td>孙磊</td>
+            <td>EMP-10101</td>
+            <td>采油一厂</td>
+            <td>生产运行科</td>
+            <td>个人体重管理</td>
+            <td>数据缺失</td>
+            <td>未设置目标</td>
+            <td><span class="tag tag-blue">轻微</span></td>
+            <td>2026-05-09 08:55</td>
+          </tr>
+          <tr>
+            <td>周婷</td>
+            <td>EMP-10102</td>
+            <td>采油二厂</td>
+            <td>安全环保科</td>
+            <td>个人体重管理</td>
+            <td>体重异常</td>
+            <td>80.2 kg</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-08 15:38</td>
+          </tr>
+          <tr>
+            <td>吴刚</td>
+            <td>EMP-10103</td>
+            <td>采气一厂</td>
+            <td>综合管理科</td>
+            <td>个人体重管理</td>
+            <td>BMI异常</td>
+            <td>32.1</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-07 10:12</td>
+          </tr>
+          <tr>
+            <td>陈静</td>
+            <td>EMP-10104</td>
+            <td>天然气处理厂</td>
+            <td>综合管理科</td>
+            <td>计划管理</td>
+            <td>目标值偏差</td>
+            <td>距目标差6.3kg</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-06 14:05</td>
+          </tr>
+          <tr>
+            <td>郑飞</td>
+            <td>EMP-10105</td>
+            <td>采油二厂</td>
+            <td>生产运行科</td>
+            <td>过程管理</td>
+            <td>腰围异常</td>
+            <td>98 cm</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-05 17:42</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!-- 分页 -->
+    <div class="pagination">
+      <div class="pagination__left">
+        <span>显示 10 条，共 62 条</span>
+      </div>
+      <div class="pagination__right">
+        <!-- [交互] 点击分页按钮切换当前页，当前页高亮 -->
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">2</button>
+        <button class="page-btn">3</button>
+        <span class="page-ellipsis">...</span>
+        <button class="page-btn">7</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
+
 </main>
+
+<script>
+// [交互] 侧边栏菜单项点击高亮切换
+document.querySelectorAll('.sidebar-item').forEach(function(item) {
+  item.addEventListener('click', function() {
+    document.querySelectorAll('.sidebar-item').forEach(function(i) { i.classList.remove('active'); });
+    this.classList.add('active');
+  });
+});
+
+/* ———— 单位部门双列面板交互 ———— */
+
+/* 部门映射数据：选中左侧单位后，右侧部门动态加载 */
+var deptMap = {
+  '采油一厂': ['生产运行科', '安全环保科', '综合管理科', '健康管理部'],
+  '采油二厂': ['生产运行科', '安全环保科', '财务部'],
+  '采气一厂': ['安全生产科', '综合管理科', '信息中心'],
+  '天然气处理厂': ['生产运行科', '安全环保科', '综合管理科']
+};
+
+/* 当前选中状态 */
+var orgState = { unitName: '', unitCode: '', deptName: '', deptCode: '' };
+
+/* [交互] 展开/收起单位部门双列面板 */
+function toggleOrg() {
+  var panel = document.getElementById('orgPanel');
+  var trigger = document.getElementById('orgTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+/* [交互] 选择左侧单位 → 右侧部门列表联动刷新，选中"全部"则清空部门 */
+function selectUnit(elem, unitName, unitCode) {
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item) {
+    item.classList.remove('active');
+  });
+  elem.classList.add('active');
+  orgState.unitName = unitName;
+  orgState.unitCode = unitCode;
+
+  // 更新右侧部门列表
+  var depts = deptMap[unitCode] || [];
+  var html = '<div class="org-col__title">部门</div>';
+  html += '<div class="org-item active" data-dept="" onclick="selectDept(this, \'全部部门\', \'\')">全部部门</div>';
+  depts.forEach(function(d) {
+    html += '<div class="org-item" data-dept="' + d + '" onclick="selectDept(this, \'' + d + '\', \'' + d + '\')">' + d + '</div>';
+  });
+  document.getElementById('orgDeptCol').innerHTML = html;
+  orgState.deptName = '';
+  orgState.deptCode = '';
+
+  // 更新触发器文本
+  var label = unitCode ? unitName : '全部单位';
+  label += ' / 全部部门';
+  document.getElementById('orgTrigger').textContent = label;
+}
+
+/* [交互] 选择右侧部门 → 更新触发器文本并关闭面板 */
+function selectDept(elem, deptName, deptCode) {
+  document.querySelectorAll('#orgDeptCol .org-item').forEach(function(item) {
+    item.classList.remove('active');
+  });
+  elem.classList.add('active');
+  orgState.deptName = deptName;
+  orgState.deptCode = deptCode;
+
+  // 更新触发器文本
+  var label = orgState.unitCode ? orgState.unitName : '全部单位';
+  if (deptCode) {
+    label += ' / ' + deptName;
+  } else {
+    label += ' / 全部部门';
+  }
+  document.getElementById('orgTrigger').textContent = label;
+
+  // 关闭面板
+  document.getElementById('orgPanel').classList.remove('open');
+  document.getElementById('orgTrigger').classList.remove('open');
+}
+
+/* [交互] 点击面板外部区域关闭 */
+document.addEventListener('click', function(e) {
+  var orgWrap = document.getElementById('orgWrap');
+  if (orgWrap && !orgWrap.contains(e.target)) {
+    document.getElementById('orgPanel').classList.remove('open');
+    document.getElementById('orgTrigger').classList.remove('open');
+  }
+});
+</script>
 </body>
 </html>
diff --git a/web-admin/weight-management/exception-system-dirty.html b/web-admin/weight-management/exception-system-dirty.html
index e79de9b..6eaf329 100644
--- a/web-admin/weight-management/exception-system-dirty.html
+++ b/web-admin/weight-management/exception-system-dirty.html
@@ -5,42 +5,94 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>系统脏数据 | 体重管理</title>
 <style>
-  *{box-sizing:border-box;margin:0;padding:0;}
-  body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+/* 设计令牌 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
+}
+
+/* 通用布局 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
+
+/* 按钮 */
+.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
+.action-bar__right{margin-left:auto;font-size:var(--font-sm);color:var(--text-secondary);}
+.action-bar__right strong{color:var(--primary);font-weight:600;}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:100%;white-space:nowrap;}
+table{width:100%;border-collapse:collapse;}
+thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 标签 */
+.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+.tag-red{background:#FFF1F0;color:var(--danger);}
+.tag-orange{background:#FFF7E6;color:var(--warning);}
+.tag-blue{background:var(--primary-light);color:var(--primary);}
+
+/* 异常值高亮 */
+.val-error{color:var(--danger);font-weight:500;}
+
+/* 分页 */
+.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);}
+.pagination__left{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-secondary);}
+.pagination__right{display:flex;align-items:center;gap:6px;}
+.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);}
+.page-ellipsis{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:var(--text-secondary);}
 </style>
 </head>
 <body>
-<div class="top-bar">
-  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
+
+<!-- 顶部导航 -->
+<header class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    体重管理
+  </div>
   <nav class="top-bar__nav">
     <a href="archive-personal-weight-data.html">档案</a>
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html" class="active">异常事件</a>
@@ -50,14 +102,227 @@
     <div class="avatar">管</div>
     <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
   </div>
-</div>
+</header>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">异常事件</div>
   <a href="exception-system-dirty.html" class="sidebar-item active">系统脏数据</a>
   <a href="exception-result-abnormal.html" class="sidebar-item">结果异常</a>
 </aside>
+
+<!-- 主内容区 -->
 <main class="main">
-  <!-- 主内容区域 -->
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>业务模块</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>档案管理</option>
+        <option>计划管理</option>
+        <option>报名管理</option>
+        <option>过程管理</option>
+        <option>历史干预</option>
+        <option>个人体重管理</option>
+        <option>设备管理</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>异常类型</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>数据缺失</option>
+        <option>格式错误</option>
+        <option>逻辑矛盾</option>
+        <option>重复数据</option>
+        <option>范围越界</option>
+        <option>关联缺失</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select" style="min-width:90px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <!-- [交互] 点击查询触发列表数据刷新 -->
+    <button class="btn btn-primary">查询</button>
+    <!-- [交互] 点击重置将筛选条件恢复为默认值 -->
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 操作栏 -->
+  <div class="action-bar">
+    <!-- [交互] 导出列表数据：触发浏览器下载当前列表数据为Excel文件 -->
+    <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+    <!-- [交互] 查看导出任务：跳转至导出任务列表弹窗，展示历史导出记录及下载状态 -->
+    <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+    <div class="action-bar__right">共 <strong>89</strong> 条脏数据</div>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>业务模块</th>
+            <th>异常类型</th>
+            <th>异常描述</th>
+            <th>异常检测时间</th>
+            <th>表名</th>
+            <th>字段名</th>
+            <th>编号</th>
+            <th>异常值</th>
+            <th>数据产生时间</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>档案管理</td>
+            <td><span class="tag tag-red">数据缺失</span></td>
+            <td>员工身高字段为空，无法计算BMI指标</td>
+            <td>2026-05-14 09:23</td>
+            <td>t_weight_archive</td>
+            <td>height</td>
+            <td>WA-20260514-0087</td>
+            <td class="val-error">NULL</td>
+            <td>2026-05-14 08:10</td>
+          </tr>
+          <tr>
+            <td>计划管理</td>
+            <td><span class="tag tag-orange">格式错误</span></td>
+            <td>目标起止日期格式非法，无法解析为有效日期范围</td>
+            <td>2026-05-13 14:56</td>
+            <td>t_weight_plan</td>
+            <td>target_date_range</td>
+            <td>WP-20260513-0045</td>
+            <td class="val-error">2026/05/13-2026/05</td>
+            <td>2026-05-13 14:30</td>
+          </tr>
+          <tr>
+            <td>个人体重管理</td>
+            <td><span class="tag tag-red">范围越界</span></td>
+            <td>BMI值超出合理范围（0-50），数据异常</td>
+            <td>2026-05-12 11:22</td>
+            <td>t_weight_target</td>
+            <td>bmi</td>
+            <td>WT-20260512-0156</td>
+            <td class="val-error">85.3</td>
+            <td>2026-05-12 10:45</td>
+          </tr>
+          <tr>
+            <td>过程管理</td>
+            <td><span class="tag tag-orange">逻辑矛盾</span></td>
+            <td>运动消耗卡路里为负值，与打卡记录冲突</td>
+            <td>2026-05-11 16:34</td>
+            <td>t_weight_action</td>
+            <td>calories_burned</td>
+            <td>WA-20260511-0234</td>
+            <td class="val-error">-150</td>
+            <td>2026-05-11 16:00</td>
+          </tr>
+          <tr>
+            <td>报名管理</td>
+            <td><span class="tag tag-blue">重复数据</span></td>
+            <td>同一员工同一活动出现重复报名记录</td>
+            <td>2026-05-10 13:45</td>
+            <td>t_weight_registration</td>
+            <td>employee_id</td>
+            <td>WR-20260510-0089</td>
+            <td class="val-error">EMP-10001</td>
+            <td>2026-05-10 13:20</td>
+          </tr>
+          <tr>
+            <td>设备管理</td>
+            <td><span class="tag tag-red">关联缺失</span></td>
+            <td>设备绑定记录缺少对应员工档案信息</td>
+            <td>2026-05-09 10:12</td>
+            <td>t_device_binding</td>
+            <td>employee_id</td>
+            <td>DB-20260509-0032</td>
+            <td class="val-error">EMP-99999</td>
+            <td>2026-05-09 09:45</td>
+          </tr>
+          <tr>
+            <td>历史干预</td>
+            <td><span class="tag tag-orange">格式错误</span></td>
+            <td>干预记录时间戳格式不符合标准ISO格式</td>
+            <td>2026-05-08 15:38</td>
+            <td>t_intervention_history</td>
+            <td>intervention_time</td>
+            <td>IH-20260508-0067</td>
+            <td class="val-error">2026年5月8日 15:30</td>
+            <td>2026-05-08 15:30</td>
+          </tr>
+          <tr>
+            <td>个人体重管理</td>
+            <td><span class="tag tag-red">数据缺失</span></td>
+            <td>腰围测量数据缺失，目标对比不完整</td>
+            <td>2026-05-07 08:55</td>
+            <td>t_weight_target</td>
+            <td>waist</td>
+            <td>WT-20260507-0123</td>
+            <td class="val-error">NULL</td>
+            <td>2026-05-07 08:30</td>
+          </tr>
+          <tr>
+            <td>计划管理</td>
+            <td><span class="tag tag-red">范围越界</span></td>
+            <td>目标体重值低于40kg，超出合理设定范围</td>
+            <td>2026-05-06 12:18</td>
+            <td>t_weight_plan</td>
+            <td>target_weight</td>
+            <td>WP-20260506-0098</td>
+            <td class="val-error">35.0</td>
+            <td>2026-05-06 11:50</td>
+          </tr>
+          <tr>
+            <td>档案管理</td>
+            <td><span class="tag tag-blue">重复数据</span></td>
+            <td>同一员工存在多条档案记录，数据冗余</td>
+            <td>2026-05-05 17:42</td>
+            <td>t_weight_archive</td>
+            <td>employee_id</td>
+            <td>WA-20260505-0155</td>
+            <td class="val-error">EMP-10003</td>
+            <td>2026-05-05 17:20</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!-- 分页 -->
+    <div class="pagination">
+      <div class="pagination__left">
+        <span>显示 10 条，共 89 条</span>
+      </div>
+      <div class="pagination__right">
+        <!-- [交互] 点击分页按钮切换当前页，当前页高亮 -->
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">2</button>
+        <button class="page-btn">3</button>
+        <span class="page-ellipsis">...</span>
+        <button class="page-btn">9</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
+
 </main>
+
+<script>
+// [交互] 侧边栏菜单项点击高亮切换
+document.querySelectorAll('.sidebar-item').forEach(function(item) {
+  item.addEventListener('click', function() {
+    document.querySelectorAll('.sidebar-item').forEach(function(i) { i.classList.remove('active'); });
+    this.classList.add('active');
+  });
+});
+</script>
 </body>
 </html>
diff --git a/web-admin/weight-management/fat-device-add.html b/web-admin/weight-management/fat-device-add.html
index 71d2d2f..7207c01 100644
--- a/web-admin/weight-management/fat-device-add.html
+++ b/web-admin/weight-management/fat-device-add.html
@@ -78,6 +78,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/fat-device.html b/web-admin/weight-management/fat-device.html
index f7a6e42..cccb750 100644
--- a/web-admin/weight-management/fat-device.html
+++ b/web-admin/weight-management/fat-device.html
@@ -82,6 +82,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/fat-monitor-detail.html b/web-admin/weight-management/fat-monitor-detail.html
index 3b5b924..3f934fe 100644
--- a/web-admin/weight-management/fat-monitor-detail.html
+++ b/web-admin/weight-management/fat-monitor-detail.html
@@ -109,6 +109,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/fat-monitor.html b/web-admin/weight-management/fat-monitor.html
index a9b489d..7cf0965 100644
--- a/web-admin/weight-management/fat-monitor.html
+++ b/web-admin/weight-management/fat-monitor.html
@@ -74,6 +74,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/history-plan-detail.html b/web-admin/weight-management/history-plan-detail.html
new file mode 100644
index 0000000..e9c5d6f
--- /dev/null
+++ b/web-admin/weight-management/history-plan-detail.html
@@ -0,0 +1,2035 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>计划详情 | 历史干预 | 体重管理</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb a{color:var(--primary);text-decoration:none;}
+.page-header__breadcrumb a:hover{color:#40a9ff;}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 干预计划概览卡片 */
+.plan-card{background:#fff;border-radius:var(--radius-md);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-sm);}
+.plan-card__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:20px;}
+.plan-card__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px 20px;}
+.plan-card__item{display:flex;flex-direction:column;gap:6px;}
+.plan-card__label{font-size:var(--font-xs);color:var(--text-secondary);}
+.plan-card__value{font-size:var(--font-base);color:var(--text-primary);font-weight:600;}
+
+/* Tab 切换 - 下划线样式 */
+.tab-bar{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border);}
+.tab-item{padding:12px 20px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-weight:500;}
+.tab-item:hover{color:var(--primary);}
+.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+.tab-panel{display:none;}
+.tab-panel.active{display:block;}
+
+/* 报名管理-状态分段选择（参考 weight-ranking 单位层级样式） */
+.segmented-tab{display:inline-flex;background:#F0F2F5;border-radius:var(--radius-sm);padding:2px;gap:0;}
+.segmented-tab__item{padding:6px 14px;font-size:var(--font-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s;font-weight:500;border:none;background:none;}
+.segmented-tab__item:hover{color:var(--text-primary);}
+.segmented-tab__item.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,0.08);}
+.segmented-tab__badge{margin-left:4px;}
+
+/* 报名管理-状态分段选择容器 */
+.sub-tab-status{display:flex;gap:8px;flex-wrap:wrap;padding:16px 24px;background:#fff;}
+.sub-tab-status .sub-tab-item{padding:5px 14px;font-size:var(--font-xs);cursor:pointer;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;transition:all .2s;}
+.sub-tab-status .sub-tab-item:hover{color:var(--primary);border-color:var(--primary);}
+.sub-tab-status .sub-tab-item.active{color:var(--primary);border-color:var(--primary);background:var(--primary-light);}
+.sub-tab-item__badge{margin-left:4px;}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;}
+.filter-input:focus{border-color:var(--primary);}
+
+/* 数值运算符筛选 */
+.filter-operator-row{display:flex;align-items:center;gap:6px;}
+.filter-operator-row .filter-select-sm{min-width:72px;}
+.filter-operator-row .filter-input-sm{width:70px;}
+.filter-operator-row .filter-sep{font-size:var(--font-xs);color:var(--text-placeholder);}
+.filter-select-sm{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 10px;font-size:var(--font-xs);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;cursor:pointer;min-width:80px;}
+
+/* 单位部门双列面板 */
+.org-select-wrap{position:relative;display:inline-block;}
+.org-trigger{height:32px;min-width:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.org-trigger.open,.org-trigger:hover{border-color:var(--primary);}
+.org-panel{display:none;position:absolute;top:36px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:420px;}
+.org-panel.open{display:flex;}
+.org-col{flex:1;overflow-y:auto;max-height:240px;border-right:1px solid var(--border);}
+.org-col:last-child{border-right:none;}
+.org-col__title{padding:8px 14px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+.org-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+.org-item:hover{background:#F0F8FF;color:var(--primary);}
+.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:1300px;white-space:nowrap;}
+table{width:100%;border-collapse:separate;border-spacing:0;}
+
+/* 表头 */
+thead th{background:#FAFAFA;padding:8px 7px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+
+/* 表体 */
+tbody td{padding:10px 7px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 报名管理前三列固定 */
+#tab-panel-0 thead th:nth-child(1),#tab-panel-0 tbody td:nth-child(1){position:sticky;left:0;z-index:6;background:#fff;min-width:100px;}
+#tab-panel-0 thead th:nth-child(1){z-index:8;background:#FAFAFA;}
+#tab-panel-0 tbody tr:hover td:nth-child(1){background:#F8FBFF;}
+
+/* 参与者明细第一列固定 */
+#tab-panel-3 thead th:nth-child(1),#tab-panel-3 tbody td:nth-child(1){position:sticky;left:0;z-index:6;background:#fff;min-width:80px;}
+#tab-panel-3 thead th:nth-child(1){z-index:8;background:#FAFAFA;}
+#tab-panel-3 tbody tr:hover td:nth-child(1){background:#F8FBFF;}
+
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 变化值颜色 */
+.change-down{color:var(--success);}
+.change-up{color:var(--danger);}
+.change-zero{color:var(--text-placeholder);}
+
+/* 分页 */
+.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);}
+
+/* 链接 */
+.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+
+/* 统计卡片 */
+.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
+.stat-card{background:#fff;border-radius:var(--radius-md);padding:14px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;}
+.stat-card__title{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;}
+.stat-card__body{display:flex;align-items:baseline;gap:6px;}
+.stat-card__num{font-size:22px;font-weight:700;color:var(--text-primary);}
+.stat-card__num--blue{color:var(--primary);}
+.stat-card__num--clickable{cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
+.stat-card__num--clickable:hover{opacity:0.8;}
+.stat-card__unit{font-size:var(--font-xs);color:var(--text-placeholder);}
+.stat-card__detail{display:flex;gap:16px;font-size:var(--font-xs);}
+.stat-card__detail-item{display:flex;align-items:center;gap:4px;}
+.stat-card__detail-dot{width:6px;height:6px;border-radius:50%;}
+.stat-card__detail-dot--green{background:var(--success);}
+.stat-card__detail-label{color:var(--text-secondary);}
+.stat-card__detail-value{color:var(--text-primary);font-weight:600;}
+.stat-card__unrecorded{color:var(--danger);}
+
+/* 日期筛选 */
+.filter-date{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;min-width:130px;color:var(--text-primary);}
+.filter-date:focus{border-color:var(--primary);}
+
+/* 记录状态 + 导出按钮同行 */
+.status-action-row{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#fff;}
+
+/* 单选按钮组 */
+.radio-group{display:flex;align-items:center;gap:12px;font-size:var(--font-xs);}
+.radio-item{cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--text-secondary);user-select:none;}
+.radio-item:hover{color:var(--text-primary);}
+.radio-item__dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;}
+.radio-item__dot::after{content:'';width:6px;height:6px;border-radius:50%;background:transparent;transition:all .2s;}
+.radio-item.active{color:var(--primary);}
+.radio-item.active .radio-item__dot{border-color:var(--primary);}
+.radio-item.active .radio-item__dot::after{background:var(--primary);}
+
+/* 可排序表头 */
+.th-sortable{cursor:pointer;user-select:none;}
+.th-sortable:hover{color:var(--primary);}
+.th-sortable .sort-arrow{font-size:10px;margin-left:2px;color:var(--text-placeholder);}
+.th-sortable.asc .sort-arrow,.th-sortable.desc .sort-arrow{color:var(--primary);}
+
+/* 排名表头排序图标 */
+.sort-icon{font-size:10px;margin-left:3px;display:inline-flex;flex-direction:column;line-height:1;gap:0;}
+.sort-up,.sort-down{color:var(--text-placeholder);line-height:1;}
+.sort-up.active,.sort-down.active{color:var(--primary);}
+
+/* 排名分段控件内的 tab-panel */
+.rank-sub-panel{display:none;}
+.rank-sub-panel.active{display:block;}
+
+/* 记录弹窗 */
+.record-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
+.record-overlay.show{display:flex;}
+.record-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.18);width:760px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;}
+.record-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+.record-dialog__title{font-size:var(--font-lg);font-weight:600;}
+.record-dialog__close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;transition:all .15s;}
+.record-dialog__close:hover{background:#F5F7FA;color:var(--text-primary);}
+.record-dialog__body{padding:24px;overflow-y:auto;flex:1;min-height:0;}
+.record-info{display:flex;gap:24px;padding:14px 20px;background:#FAFAFA;border-radius:var(--radius-md);margin-bottom:16px;font-size:var(--font-sm);flex-wrap:wrap;}
+.record-info__item{display:flex;gap:4px;}
+.record-info__label{color:var(--text-secondary);}
+.record-info__value{color:var(--text-primary);font-weight:500;}
+.record-table{width:100%;border-collapse:collapse;table-layout:auto;}
+.record-table th,.record-table td{padding:10px 12px;text-align:center;font-size:var(--font-sm);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+.record-table thead th{background:#FAFAFA;color:var(--text-secondary);font-weight:500;font-size:var(--font-xs);}
+
+/* 活动信息卡片 */
+.info-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px 32px;max-width:800px;}
+.info-card__section{margin-bottom:24px;}
+.info-card__section:last-child{margin-bottom:0;}
+.info-card__section-title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
+.info-row{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid #F5F5F5;}
+.info-row:last-child{border-bottom:none;}
+.info-row__label{width:160px;flex-shrink:0;font-size:var(--font-sm);color:var(--text-secondary);}
+.info-row__value{flex:1;font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+.info-card__text{font-size:var(--font-sm);color:var(--text-primary);line-height:1.8;white-space:pre-wrap;}
+.info-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#F5F7FA;border-radius:var(--radius-sm);margin-bottom:6px;font-size:var(--font-sm);}
+.info-file-item__name{flex:1;color:var(--primary);cursor:pointer;}
+.info-file-item__name:hover{color:#40a9ff;text-decoration:underline;}
+.info-file-item__size{color:var(--text-placeholder);font-size:var(--font-xs);}
+
+/* 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;}
+
+/* 承诺书弹窗 */
+.promise-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
+.promise-overlay.show{display:flex;}
+.promise-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.18);width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;}
+.promise-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+.promise-dialog__title{font-size:var(--font-lg);font-weight:600;}
+.promise-dialog__close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;transition:all .15s;}
+.promise-dialog__close:hover{background:#F5F7FA;color:var(--text-primary);}
+.promise-dialog__body{padding:24px;overflow-y:auto;flex:1;}
+
+/* 承诺书卡片 */
+.promise-cert{background:linear-gradient(180deg,#fef9f0 0%,#fdf6ea 40%,#faf1e0 100%);border-radius:14px;overflow:hidden;}
+.promise-cert__top{background:linear-gradient(135deg,#f0e6d2 0%,#e8dcc6 100%);height:88px;position:relative;overflow:hidden;}
+.promise-cert__medal{position:absolute;left:24px;top:-6px;z-index:2;}
+.promise-cert__medal-ribbon{width:42px;height:48px;position:relative;}
+.promise-cert__medal-ribbon::before{content:'';position:absolute;left:6px;top:0;width:12px;height:30px;background:linear-gradient(180deg,#d44a2e,#c0392b);transform:rotate(-15deg);transform-origin:top center;}
+.promise-cert__medal-ribbon::after{content:'';position:absolute;right:6px;top:0;width:12px;height:30px;background:linear-gradient(180deg,#e74c3c,#d44a2e);transform:rotate(15deg);transform-origin:top center;}
+.promise-cert__medal-badge{width:44px;height:44px;background:linear-gradient(135deg,#f6d365,#e8b84b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:22px auto 0;box-shadow:0 2px 8px rgba(232,184,75,0.4);}
+.promise-cert__medal-badge svg{width:22px;height:22px;}
+.promise-cert__body{padding:14px 24px 24px;}
+.promise-cert__title{text-align:center;font-size:18px;font-weight:800;color:#2c2c2c;margin-bottom:4px;letter-spacing:1px;}
+.promise-cert__divider{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:18px;}
+.promise-cert__divider-line{width:36px;height:1px;background:#c8b896;}
+.promise-cert__divider-dot{width:4px;height:4px;background:#c8b896;border-radius:50%;}
+.promise-cert__prompt{font-size:14px;font-weight:700;color:#2c2c2c;margin-bottom:12px;}
+.promise-cert__item{font-size:13px;color:#3a3a3a;line-height:1.9;margin-bottom:3px;text-indent:2em;}
+.promise-cert__sign{margin-top:24px;padding-right:8px;}
+.promise-cert__sign-row{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-bottom:12px;font-size:13px;color:#3a3a3a;}
+.promise-cert__sign-name{font-family:'STKaiti','KaiTi','楷体',serif;font-size:20px;color:#2c2c2c;font-weight:700;}
+.promise-cert__sign-date{font-size:13px;color:#3a3a3a;}
+
+/* 大病员工弹窗 */
+.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;display:none;align-items:center;justify-content:center;}
+.modal-overlay.show{display:flex;}
+.modal-emp{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.15);width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
+.modal-emp__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+.modal-emp__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+.modal-emp__close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s;}
+.modal-emp__close:hover{background:#F5F7FA;color:var(--text-primary);}
+.modal-emp__body{padding:16px 24px;overflow-y:auto;flex:1;}
+.modal-emp__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border);background:#FAFAFA;}
+.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__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);}
+</style>
+</head>
+<body>
+<!-- 顶部导航栏 -->
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal-weight-data.html">档案</a>
+    <a href="plan-list.html">计划管理</a>
+    <a href="registration-tracking.html">报名管理</a>
+    <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html" class="active">历史干预</a>
+    <a href="personal-target-data.html">个人体重管理</a>
+    <a href="scale-device.html">设备管理</a>
+    <a href="exception-system-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">历史干预</div>
+  <a href="history-plan-list.html" class="sidebar-item active">计划列表</a>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+
+  <!-- 页面标题 -->
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / <a href="history-plan-list.html">历史干预</a> / <span id="breadcrumbPlan">计划详情</span></div>
+  </div>
+
+  <!-- 干预计划概览卡片 -->
+  <div class="plan-card">
+    <div class="plan-card__title" id="planTitle">-</div>
+    <div class="plan-card__grid" id="planGrid"></div>
+  </div>
+
+  <!-- [交互] 五大Tab切换 — 下划线样式 -->
+  <div class="tab-bar" style="background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);margin-bottom:0;" id="mainTabs">
+    <div class="tab-item active" onclick="switchMainTab(0)">报名管理</div>
+    <div class="tab-item" onclick="switchMainTab(1)">每日行动</div>
+    <div class="tab-item" onclick="switchMainTab(2)">总览数据</div>
+    <div class="tab-item" onclick="switchMainTab(3)">活动排名</div>
+    <div class="tab-item" onclick="switchMainTab(4)">活动信息</div>
+  </div>
+
+  <!-- ==================== Tab 0: 报名管理 ==================== -->
+  <div class="tab-panel active" id="tab-panel-0">
+    <!-- [交互] 状态分段选择 — 点击切换下方表格 -->
+    <div style="background:#fff;padding:12px 24px;display:flex;align-items:center;gap:12px;">
+      <div class="segmented-tab" id="statusBoxBar">
+        <div class="segmented-tab__item active" onclick="switchRegStatus(0)">未提交任务书<span class="segmented-tab__badge" id="regBadge0">0</span></div>
+        <div class="segmented-tab__item" onclick="switchRegStatus(1)">已提交待审核<span class="segmented-tab__badge" id="regBadge1">0</span></div>
+        <div class="segmented-tab__item" onclick="switchRegStatus(2)">已通过待签署<span class="segmented-tab__badge" id="regBadge2">0</span></div>
+        <div class="segmented-tab__item" onclick="switchRegStatus(3)">已签署<span class="segmented-tab__badge" id="regBadge3">0</span></div>
+      </div>
+    </div>
+
+    <!-- 筛选栏 -->
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="orgWrap">
+          <div class="org-trigger" id="orgTrigger" onclick="toggleOrg()">全部单位/部门</div>
+          <div class="org-panel" id="orgPanel">
+            <div class="org-col" id="orgUnitCol">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectUnit(this,'全部单位/部门','')">全部单位/部门</div>
+              <div class="org-item" data-unit="第四采油厂" onclick="selectUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气一厂" onclick="selectUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+            </div>
+            <div class="org-col" id="orgDeptCol">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectDept(this,'全部部门','')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item">
+        <label>姓名</label>
+        <input class="filter-input" id="filterName" placeholder="请输入姓名" style="width:100px;">
+      </div>
+      <div class="filter-item">
+        <label>员工编号</label>
+        <input class="filter-input" id="filterEmpId" placeholder="请输入编号" style="width:110px;">
+      </div>
+      <button class="btn btn-primary" onclick="applyRegFilter()">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+      </button>
+      <button class="btn btn-default" onclick="resetRegFilter()">重置</button>
+    </div>
+
+    <!-- 操作栏 -->
+    <div class="action-bar">
+      <button class="btn btn-export" onclick="showToast('导出功能开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+      </button>
+    </div>
+
+    <!-- 表格 -->
+    <div class="table-card">
+      <div class="table-card__content" id="regTableWrap"></div>
+      <div class="pagination">
+        <span id="regPageInfo">显示 0 条记录</span>
+        <button class="page-btn" onclick="regGoPage(-1)">‹</button>
+        <span id="regPageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="regGoPage(1)">›</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- ==================== Tab 1: 每日行动 ==================== -->
+  <div class="tab-panel" id="tab-panel-1">
+    <!-- [交互] 每日行动子Tab — 分段选择 -->
+    <div style="background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);padding:12px 24px;display:flex;align-items:center;">
+      <div class="segmented-tab" id="actionSegTabs">
+        <div class="segmented-tab__item active" onclick="switchActionTab(0)">每日记录</div>
+        <div class="segmented-tab__item" onclick="switchActionTab(1)">三测记录</div>
+      </div>
+    </div>
+
+    <!-- 每日记录 筛选栏 -->
+    <div class="filter-bar" id="actionFilterBar0" style="border-radius:0;">
+      <div class="filter-item"><label>日期范围</label><input class="filter-date" type="date" id="actDateFrom"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">至</span><input class="filter-date" type="date" id="actDateTo"></div>
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="actOrgWrap">
+          <div class="org-trigger" id="actOrgTrigger" onclick="toggleActOrg()">全部单位/部门</div>
+          <div class="org-panel" id="actOrgPanel">
+            <div class="org-col" id="actUnitCol">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectActUnit(this,'全部单位/部门','')">全部单位/部门</div>
+              <div class="org-item" data-unit="第四采油厂" onclick="selectActUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectActUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectActUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气一厂" onclick="selectActUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+            </div>
+            <div class="org-col" id="actDeptCol">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectActDept(this,'全部部门','')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item"><label>姓名</label><input class="filter-input" id="actFilterName" placeholder="请输入姓名" style="width:100px;"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" id="actFilterEmpId" placeholder="请输入编号" style="width:110px;"></div>
+      <button class="btn btn-primary" onclick="applyActFilter()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询</button>
+      <button class="btn btn-default" onclick="resetActFilter()">重置</button>
+    </div>
+
+    <!-- 三测记录 筛选栏 -->
+    <div class="filter-bar" id="actionFilterBar1" style="display:none;border-radius:0;">
+      <div class="filter-item"><label>日期范围</label><input class="filter-date" type="date" id="actDateFrom1"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">至</span><input class="filter-date" type="date" id="actDateTo1"></div>
+      <div class="filter-item"><label>姓名</label><input class="filter-input" id="actFilterName1" placeholder="请输入姓名" style="width:100px;"></div>
+      <button class="btn btn-primary" onclick="applyActFilter1()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询</button>
+      <button class="btn btn-default" onclick="resetActFilter1()">重置</button>
+    </div>
+
+    <!-- 操作栏 — 每日记录 -->
+    <div class="action-bar" id="actActionBar0">
+      <button class="btn btn-export" onclick="showToast('导出功能开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+      <button class="btn btn-default" onclick="showToast('导出任务列表开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+    </div>
+
+    <!-- 表格 -->
+    <div class="table-card">
+      <!-- 每日记录 表格 -->
+      <div class="tab-panel active" id="act-panel-0">
+        <div class="table-card__content">
+          <table style="min-width:2600px;">
+            <thead><tr>
+              <th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+              <th>身高(cm)</th><th>初始体重(kg)</th><th>初始BMI</th><th>初始体脂(%)</th><th>初始腰围(cm)</th>
+              <th>目标体重(kg)</th><th>目标BMI</th><th>目标体脂(%)</th><th>目标腰围(cm)</th>
+              <th>现体重(kg)</th><th>现BMI</th><th>现体脂(%)</th><th>现腰围(cm)</th>
+              <th>体重变化(kg)</th><th>BMI变化</th><th>体脂变化(%)</th><th>腰围变化(cm)</th>
+              <th>日期</th><th>饮食记录</th><th>运动记录</th><th>体重记录</th>
+            </tr></thead>
+            <tbody id="actBody0"></tbody>
+          </table>
+        </div>
+        <div class="pagination">
+          <span id="actPageInfo0">显示 0 条记录</span>
+          <button class="page-btn" onclick="actGoPage(0,-1)">‹</button>
+          <span id="actPageNum0" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+          <button class="page-btn" onclick="actGoPage(0,1)">›</button>
+        </div>
+      </div>
+      <!-- 三测记录 表格 -->
+      <div class="tab-panel" id="act-panel-1">
+        <!-- [交互] 子分类方框选择：体重/饮食/运动 -->
+        <div class="sub-tab-status" style="padding:12px 24px;">
+          <div class="sub-tab-item active" onclick="switchMeasureTab('weight')">体重</div>
+          <div class="sub-tab-item" onclick="switchMeasureTab('diet')">饮食</div>
+          <div class="sub-tab-item" onclick="switchMeasureTab('exercise')">运动</div>
+        </div>
+        <!-- 记录状态 + 操作按钮 -->
+        <div class="status-action-row">
+          <div class="radio-group">
+            <span style="font-size:var(--font-xs);color:var(--text-secondary);">记录状态</span>
+            <label class="radio-item" onclick="switchRecordStatus('all')">
+              <span class="radio-item__dot" id="radioDotAll"></span>全部
+            </label>
+            <label class="radio-item" onclick="switchRecordStatus('yes')">
+              <span class="radio-item__dot" id="radioDotYes"></span>已记录
+            </label>
+            <label class="radio-item" onclick="switchRecordStatus('no')">
+              <span class="radio-item__dot" id="radioDotNo"></span>未记录
+            </label>
+          </div>
+          <div style="display:flex;gap:8px;">
+            <button class="btn btn-export" onclick="showToast('导出功能开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+            <button class="btn btn-default" onclick="showToast('导出任务列表开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+          </div>
+        </div>
+        <div class="table-card__content">
+          <table>
+            <thead><tr>
+              <th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+              <th class="th-sortable" id="sortCount" onclick="toggleActSort()">打卡次数 <span class="sort-arrow">↕</span></th>
+              <th>首次记录日期</th><th>末次记录日期</th>
+            </tr></thead>
+            <tbody id="actBody1"></tbody>
+          </table>
+        </div>
+        <div class="pagination">
+          <span id="actPageInfo1">显示 0 条记录</span>
+          <button class="page-btn" onclick="actGoPage(1,-1)">‹</button>
+          <span id="actPageNum1" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+          <button class="page-btn" onclick="actGoPage(1,1)">›</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+    <!-- ==================== Tab 2: 总览数据 ==================== -->
+  <div class="tab-panel" id="tab-panel-2">
+    <!-- 筛选栏 -->
+    <div class="filter-bar" style="border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);">
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="ovOrgWrap">
+          <div class="org-trigger" id="ovOrgTrigger" onclick="toggleOvOrg()">全部单位/部门</div>
+          <div class="org-panel" id="ovOrgPanel">
+            <div class="org-col" id="ovUnitCol">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectOvUnit(this,'全部单位/部门','')">全部单位/部门</div>
+              <div class="org-item" data-unit="第四采油厂" onclick="selectOvUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectOvUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectOvUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气一厂" onclick="selectOvUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+            </div>
+            <div class="org-col" id="ovDeptCol">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectOvDept(this,'全部部门','')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item">
+        <label>姓名</label>
+        <input class="filter-input" id="ovFilterName" placeholder="请输入姓名" style="width:100px;">
+      </div>
+      <div class="filter-item">
+        <label>员工编号</label>
+        <input class="filter-input" id="ovFilterEmpId" placeholder="请输入编号" style="width:110px;">
+      </div>
+      <button class="btn btn-primary" onclick="applyOvFilter()">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+      </button>
+      <button class="btn btn-default" onclick="resetOvFilter()">重置</button>
+    </div>
+
+    <!-- 操作栏 -->
+    <div class="action-bar">
+      <button class="btn btn-export" onclick="showToast('导出功能开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+      </button>
+      <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+      </button>
+    </div>
+
+    <!-- 表格 -->
+    <div class="table-card">
+      <div class="table-card__content">
+        <table style="min-width:4200px;">
+          <thead><tr>
+            <th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+            <th>联系方式</th>
+            <th>身高<br>(cm)</th><th>初始<br>体重(kg)</th><th>初始<br>BMI</th><th>初始<br>体脂(%)</th><th>初始<br>腰围(cm)</th>
+            <th>目标<br>体重(kg)</th><th>目标<br>BMI</th><th>目标<br>体脂(%)</th><th>目标<br>腰围(cm)</th>
+            <th>最终<br>体重(kg)</th><th>最终<br>BMI</th><th>最终<br>体脂(%)</th><th>最终<br>腰围(cm)</th>
+            <th>体重变化<br>(kg)</th><th>BMI变化</th><th>体脂变化<br>(%)</th><th>腰围变化<br>(cm)</th>
+            <th>吃记录<br>天数</th><th>动记录<br>天数</th><th>体重记录<br>天数</th>
+            <th>日均摄入<br>(千卡)</th><th>日均消耗<br>(千卡)</th><th>日均热量<br>缺口</th>
+            <th>综合得分</th><th>行动得分</th>
+            <th class="th-sortable" id="ovSortWl" onclick="toggleOvSort('weightLossRank')">减重量<br>排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="ovSortWlr" onclick="toggleOvSort('weightLossRateRank')">减重率<br>排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="ovSortCs" onclick="toggleOvSort('compositeRank')">综合分<br>排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="ovSortAs" onclick="toggleOvSort('actionRank')">行动分<br>排名 <span class="sort-arrow">↕</span></th>
+          </tr></thead>
+          <tbody id="ovTbody"></tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span id="ovPageInfo">显示 0 条记录</span>
+        <button class="page-btn" onclick="ovGoPage(-1)">‹</button>
+        <span id="ovPageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="ovGoPage(1)">›</button>
+      </div>
+    </div>
+  </div>
+
+<!-- ==================== Tab 3: 活动排名 ==================== -->
+  <div class="tab-panel" id="tab-panel-3">
+    <!-- [交互] 排名一级Tab：个人排名 | 单位排名 — 分段控件 -->
+    <div style="background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);padding:12px 24px;display:flex;align-items:center;">
+      <div class="segmented-tab" id="rankMainSeg">
+        <div class="segmented-tab__item active" onclick="switchRankMain('person')">个人排名</div>
+        <div class="segmented-tab__item" onclick="switchRankMain('unit')">单位排名</div>
+      </div>
+    </div>
+
+    <!-- ===== 个人排名 ===== -->
+    <div class="tab-panel active" id="rank-person">
+      <div class="filter-bar">
+        <div class="filter-item"><label>姓名</label><input class="filter-input" id="rankFilterName" placeholder="请输入姓名" style="width:100px;"></div>
+        <div class="filter-item"><label>员工编号</label><input class="filter-input" id="rankFilterEmpId" placeholder="请输入编号" style="width:110px;"></div>
+        <button class="btn btn-primary" onclick="applyPersonRankFilter()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询</button>
+        <button class="btn btn-default" onclick="resetPersonRankFilter()">重置</button>
+      </div>
+      <div class="action-bar">
+        <button class="btn btn-export" onclick="showToast('导出功能开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+        <button class="btn btn-default" onclick="showToast('导出任务列表开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+      </div>
+      <div class="table-card">
+        <div class="table-card__content">
+          <table style="min-width:2000px;">
+            <thead><tr>
+              <th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>单位</th><th>部门</th>
+              <th>初始体重</th><th>初始BMI</th><th>现体重</th><th>现BMI</th>
+              <th>体重变化(kg)</th><th>减重率(%)</th><th>BMI变化</th>
+              <th>综合得分</th><th>行动得分</th>
+              <th class="th-sortable" id="rankSortWl" onclick="toggleRankSort('weightLossRank')">减重量排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="rankSortWlr" onclick="toggleRankSort('weightRateRank')">减重率排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="rankSortCs" onclick="toggleRankSort('compositeRank')">综合分排名 <span class="sort-arrow">↕</span></th><th class="th-sortable" id="rankSortAs" onclick="toggleRankSort('actionRank')">行动分排名 <span class="sort-arrow">↕</span></th>
+            </tr></thead>
+            <tbody id="rankPersonTbody"></tbody>
+          </table>
+        </div>
+        <div class="pagination">
+          <span id="rankPersonPageInfo">显示 0 条记录</span>
+          <button class="page-btn" onclick="rankGoPage(0,-1)">‹</button>
+          <span id="rankPersonPageNum">第 1 页</span>
+          <button class="page-btn" onclick="rankGoPage(0,1)">›</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- ===== 单位排名 ===== -->
+    <div class="tab-panel" id="rank-unit">
+      <div style="background:#fff;padding:12px 24px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);">
+        <span style="font-size:var(--font-xs);color:var(--text-secondary);">单位层级</span>
+        <div class="segmented-tab" id="rankUnitLevelSeg">
+          <div class="segmented-tab__item active" onclick="switchRankUnitLevel('level2')">二级单位</div>
+          <div class="segmented-tab__item" onclick="switchRankUnitLevel('level3')">三级单位</div>
+        </div>
+      </div>
+      <div class="filter-bar" style="border-radius:0;">
+        <div class="filter-item">
+          <label>单位筛选</label>
+          <select class="filter-select" id="rankUnitFilter" onchange="applyRankUnitFilter()">
+            <option value="">全部单位</option>
+            <option value="第四采油厂">第四采油厂</option>
+            <option value="采油一厂">采油一厂</option>
+            <option value="采油二厂">采油二厂</option>
+            <option value="采气一厂">采气一厂</option>
+          </select>
+        </div>
+      </div>
+      <div class="action-bar">
+        <button class="btn btn-export" onclick="showToast('导出功能开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+        <button class="btn btn-default" onclick="showToast('导出任务列表开发中')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+      </div>
+      <div class="table-card" id="rankUnitLevel2">
+        <div class="table-card__content">
+          <table>
+            <thead><tr>
+              <th>单位</th><th>参与人数</th><th>人均减重量(kg)</th><th>人均减重率</th>
+              <th>人均综合得分</th><th>人均行动得分</th>
+              <th>减重量排名</th><th>减重率排名</th><th>综合分排名</th><th>行动分排名</th>
+            </tr></thead>
+            <tbody id="rankUnitTbody2"></tbody>
+          </table>
+        </div>
+        <div class="pagination">
+          <span id="rankUnitPageInfo2">显示 0 条记录</span>
+          <button class="page-btn" onclick="rankGoPage(1,-1)">‹</button>
+          <span id="rankUnitPageNum2">第 1 页</span>
+          <button class="page-btn" onclick="rankGoPage(1,1)">›</button>
+        </div>
+      </div>
+      <div class="table-card" id="rankUnitLevel3" style="display:none;">
+        <div class="table-card__content">
+          <table>
+            <thead><tr>
+              <th>单位</th><th>部门</th><th>参与人数</th><th>人均减重量(kg)</th><th>人均减重率</th>
+              <th>人均综合得分</th><th>人均行动得分</th>
+              <th>减重量排名</th><th>减重率排名</th><th>综合分排名</th><th>行动分排名</th>
+            </tr></thead>
+            <tbody id="rankUnitTbody3"></tbody>
+          </table>
+        </div>
+        <div class="pagination">
+          <span id="rankUnitPageInfo3">显示 0 条记录</span>
+          <button class="page-btn" onclick="rankGoPage(2,-1)">‹</button>
+          <span id="rankUnitPageNum3">第 1 页</span>
+          <button class="page-btn" onclick="rankGoPage(2,1)">›</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- ==================== Tab 4: 活动信息 ==================== -->
+  <div class="tab-panel" id="tab-panel-4">
+    <div class="info-card">
+      <div class="info-card__section">
+        <div class="info-row"><span class="info-row__label">干预计划名称</span><span class="info-row__value" id="infoPlanName">-</span></div>
+        <div class="info-row"><span class="info-row__label">人员筛选</span><span class="info-row__value" id="infoPersonType">-</span></div>
+        <div class="info-row" id="infoDeptRow"><span class="info-row__label">指定部门</span><span class="info-row__value" id="infoDepts">-</span></div>
+        <div class="info-row" id="infoEmpRow"><span class="info-row__label">指定员工</span><span class="info-row__value" id="infoEmps">-</span></div>
+        <div class="info-row"><span class="info-row__label">是否自动提醒签订承诺书</span><span class="info-row__value" id="infoAutoRemind">-</span></div>
+        <div class="info-row"><span class="info-row__label">大病员工过滤</span><span class="info-row__value"><span id="infoFilterSerious">-</span> <a class="link" style="color:#FA8C16;" onclick="openSeriousModal()">查看</a></span></div>
+        <div class="info-row"><span class="info-row__label">计划起止日期</span><span class="info-row__value" id="infoDateRange">-</span></div>
+        <div class="info-row"><span class="info-row__label">组织部门</span><span class="info-row__value" id="infoPlanDept">-</span></div>
+        <div class="info-row"><span class="info-row__label">负责人</span><span class="info-row__value" id="infoLeader">-</span></div>
+        <div class="info-row"><span class="info-row__label">审核人</span><span class="info-row__value" id="infoReviewer">-</span></div>
+      </div>
+      <div class="info-card__section">
+        <div class="info-card__section-title">通知文件</div>
+        <div id="infoFiles"></div>
+      </div>
+      <div class="info-card__section">
+        <div class="info-card__section-title">奖励等级</div>
+        <div class="info-card__text" id="infoReward">-</div>
+      </div>
+    </div>
+  </div>
+
+</main>
+
+<!-- [弹窗] 饮食记录查看 -->
+<div class="record-overlay" id="dietOverlay">
+  <div class="record-dialog">
+    <div class="record-dialog__header">
+      <span class="record-dialog__title">饮食记录</span>
+      <button class="record-dialog__close" onclick="closeDietDialog()">✕</button>
+    </div>
+    <div class="record-dialog__body">
+      <div class="record-info" id="dietInfo"></div>
+      <table class="record-table">
+        <thead><tr><th>序号</th><th>餐次</th><th>摄入时间</th><th>总摄入(千卡)</th><th>数据来源</th></tr></thead>
+        <tbody id="dietTbody"></tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<!-- [弹窗] 运动记录查看 -->
+<div class="record-overlay" id="exerciseOverlay">
+  <div class="record-dialog" style="width:820px;">
+    <div class="record-dialog__header">
+      <span class="record-dialog__title">运动记录</span>
+      <button class="record-dialog__close" onclick="closeExerciseDialog()">✕</button>
+    </div>
+    <div class="record-dialog__body">
+      <div class="record-info" id="exerciseInfo"></div>
+      <table class="record-table">
+        <thead><tr><th>序号</th><th>运动类型</th><th>运动数据</th><th>消耗(千卡)</th><th>来源</th></tr></thead>
+        <tbody id="exerciseTbody"></tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<!-- [弹窗] 体重记录查看 -->
+<div class="record-overlay" id="weightOverlay">
+  <div class="record-dialog" style="width:860px;">
+    <div class="record-dialog__header">
+      <span class="record-dialog__title">体重记录</span>
+      <button class="record-dialog__close" onclick="closeWeightDialog()">✕</button>
+    </div>
+    <div class="record-dialog__body">
+      <div class="record-info" id="weightInfo"></div>
+      <table class="record-table">
+        <thead><tr><th>序号</th><th>记录时间</th><th>体重(kg)</th><th>BMI</th><th>体脂率(%)</th><th>腰围(cm)</th><th>来源</th></tr></thead>
+        <tbody id="weightTbody"></tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<!-- [弹窗] 大病人员列表 -->
+<div class="modal-overlay" id="seriousModal">
+  <div class="modal-emp" style="width:1000px;">
+    <div class="modal-emp__header">
+      <span class="modal-emp__title">大病人员列表</span>
+      <button class="modal-emp__close" onclick="closeSeriousModal()">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      </button>
+    </div>
+    <div class="modal-emp__body">
+      <div style="margin-bottom:12px;padding:8px 16px;background:#FFF7E6;border-radius:var(--radius-sm);font-size:var(--font-sm);">
+        当前人员筛选中包含 <strong style="color:#FA8C16;" id="seriousAlertCount">2</strong> 位大病员工
+      </div>
+      <table class="emp-table">
+        <thead>
+          <tr>
+            <th>单位</th><th>部门</th><th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th>
+            <th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>大病信息</th>
+          </tr>
+        </thead>
+        <tbody id="seriousTbody"></tbody>
+      </table>
+      <div class="emp-table__footer">
+        <span class="emp-table__info">共 <strong id="seriousTotalCount">0</strong> 条</span>
+      </div>
+    </div>
+    <div class="modal-emp__footer">
+      <button class="btn btn-default" onclick="closeSeriousModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<!-- [弹窗] 承诺书查看 -->
+<div class="promise-overlay" id="promiseOverlay">
+  <div class="promise-dialog">
+    <div class="promise-dialog__header">
+      <span class="promise-dialog__title" id="promiseTitle">我的承诺</span>
+      <button class="promise-dialog__close" onclick="closePromise()">✕</button>
+    </div>
+    <div class="promise-dialog__body">
+      <div class="promise-cert">
+        <div class="promise-cert__top">
+          <div class="promise-cert__medal">
+            <div class="promise-cert__medal-ribbon"></div>
+            <div class="promise-cert__medal-badge">
+              <svg viewBox="0 0 24 24" fill="#fff" stroke="#c89a30" stroke-width="1">
+                <circle cx="12" cy="12" r="8" fill="none" stroke="#c89a30" stroke-width="1.5"/>
+                <path d="M8 12 Q10 14 12 12 Q14 10 16 12" fill="none" stroke="#c89a30" stroke-width="1.2"/>
+                <path d="M10 10 L12 8 L14 10" fill="none" stroke="#c89a30" stroke-width="1"/>
+              </svg>
+            </div>
+          </div>
+        </div>
+        <div class="promise-cert__body">
+          <div class="promise-cert__title">体重管理活动承诺书</div>
+          <div class="promise-cert__divider">
+            <span class="promise-cert__divider-line"></span>
+            <span class="promise-cert__divider-dot"></span>
+            <span class="promise-cert__divider-line"></span>
+          </div>
+          <div class="promise-cert__prompt">我承诺：</div>
+          <div class="promise-cert__item">一、在活动结束时体重、体脂率和腰围均达到目标。</div>
+          <div class="promise-cert__item">二、一日三餐打卡、每日运动打卡、每周至少一次体重打卡。</div>
+          <div class="promise-cert__item">三、我非禁忌证人群，我承诺按照体重管理指南的指导原则或在医生指导下开展运动。</div>
+          <div class="promise-cert__sign">
+            <div class="promise-cert__sign-row">
+              <span>承诺人：</span>
+              <span class="promise-cert__sign-name" id="promiseName">陈晓</span>
+            </div>
+            <div class="promise-cert__sign-row">
+              <span>日期：<span id="promiseDate">2025年2月28日</span></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+/* ===== 干预计划详情 ===== */
+var plan = {
+  planName: '采气一厂2026下半年体重干预计划',
+  dateFrom: '2026-09-01',
+  dateTo: '2026-12-31',
+  unit: '采气一厂',
+  dept: '生产技术部',
+  shouldCount: 8,
+  actualCount: 4,
+  notCount: 4,
+  weightGoalDone: '--',
+  fatGoalDone: '--',
+  waistGoalDone: 1,
+  avgWeightLoss: -0.14,
+  avgLossRate: 0.13,
+  avgBmiDrop: -0.18,
+  avgFatDrop: '--',
+  avgWaistLoss: '--',
+  avgDailyIntake: 834.53,
+  avgDailyConsume: 2047.4,
+  avgDailyGap: -1212.87,
+  avgScore: 54.62,
+  avgActionScore: 58.25
+};
+
+var planFields = [
+  {label:'应参加人数', key:'shouldCount', unit:'人'},
+  {label:'实际参加人数', key:'actualCount', unit:'人'},
+  {label:'未参加人数', key:'notCount', unit:'人'},
+  {label:'完成体重目标人数', key:'weightGoalDone', unit:'人'},
+  {label:'完成体脂目标人数', key:'fatGoalDone', unit:'人'},
+  {label:'完成腰围目标人数', key:'waistGoalDone', unit:'人'},
+  {label:'人均减重(kg)', key:'avgWeightLoss'},
+  {label:'人均减重率(%)', key:'avgLossRate'},
+  {label:'人均BMI降低', key:'avgBmiDrop'},
+  {label:'人均体脂降低(%)', key:'avgFatDrop'},
+  {label:'人均腰围减少(cm)', key:'avgWaistLoss'},
+  {label:'人均每日摄入热量(kcal)', key:'avgDailyIntake'},
+  {label:'人均每日消耗热量(kcal)', key:'avgDailyConsume'},
+  {label:'人均每日能量缺口', key:'avgDailyGap'},
+  {label:'人均综合得分', key:'avgScore'},
+  {label:'人均行动得分', key:'avgActionScore'}
+];
+
+/* 填充计划卡片 */
+(function fillPlanCard(){
+  document.getElementById('breadcrumbPlan').textContent = plan.planName;
+  document.getElementById('planTitle').textContent = plan.planName + '（' + plan.dateFrom + ' ~ ' + plan.dateTo + '）';
+  var html = '';
+  planFields.forEach(function(f){
+    var val = plan[f.key];
+    var display = val;
+    if(f.unit && val !== '--') display = val + ' ' + f.unit;
+    html += '<div class="plan-card__item">';
+    html += '<span class="plan-card__label">'+f.label+'</span>';
+    html += '<span class="plan-card__value">'+display+'</span>';
+    html += '</div>';
+  });
+  document.getElementById('planGrid').innerHTML = html;
+})();
+
+/* ===== 主Tab切换 ===== */
+function switchMainTab(idx){
+  document.querySelectorAll('#mainTabs .tab-item').forEach(function(el,i){
+    el.classList.toggle('active', i === idx);
+  });
+  // 只切换主内容区直接子级 .tab-panel，排除嵌套的子 tab panel
+  var mainPanels = document.querySelectorAll('.main > .tab-panel');
+  mainPanels.forEach(function(el,i){
+    el.classList.toggle('active', i === idx);
+  });
+  if(idx === 0) renderRegTable();
+  if(idx === 1){ renderActTable0(); renderActTable1(); }
+  if(idx === 2) renderOvTable();
+}
+
+/* ===== 报名管理 — 状态方框切换 ===== */
+var regStatus = 0;
+var regPageSize = 10;
+var regCurrentPage = 0;
+
+/* 报名Mock数据（4个状态分组） */
+var regBaseEmployees = [
+  {org:'采气一厂',dept:'生产技术部',name:'何婷',empId:'CQ001253',gender:'女',age:34,height:160,weight:70,bmi:27.3,waist:84,fat:35.3},
+  {org:'采气一厂',dept:'生产技术部',name:'马超',empId:'CQ001254',gender:'男',age:36,height:179,weight:95,bmi:29.6,waist:107,fat:32.0},
+  {org:'采气一厂',dept:'信息中心',name:'赵鑫',empId:'CQ002101',gender:'男',age:29,height:173,weight:82,bmi:27.4,waist:95,fat:28.2},
+  {org:'采气一厂',dept:'生产技术部',name:'陈娟',empId:'CQ002102',gender:'女',age:31,height:158,weight:65,bmi:26.0,waist:78,fat:32.5},
+  {org:'采气一厂',dept:'生产技术部',name:'刘明',empId:'CQ002103',gender:'男',age:38,height:176,weight:88,bmi:28.4,waist:99,fat:29.8},
+  {org:'采气一厂',dept:'信息中心',name:'王芳',empId:'CQ002104',gender:'女',age:27,height:162,weight:58,bmi:22.1,waist:73,fat:28.0},
+  {org:'采气一厂',dept:'生产技术部',name:'孙勇',empId:'CQ002105',gender:'男',age:44,height:170,weight:84,bmi:29.1,waist:101,fat:31.5},
+  {org:'采气一厂',dept:'信息中心',name:'周丽',empId:'CQ002106',gender:'女',age:32,height:165,weight:68,bmi:25.0,waist:80,fat:33.1}
+];
+
+function buildRegData(){
+  var data = [[],[],[],[]];
+  regBaseEmployees.forEach(function(e,i){
+    var status = i % 4;
+    var row = {
+      planName: plan.planName, org: e.org, dept: e.dept,
+      name: e.name, empId: e.empId, gender: e.gender, age: e.age,
+      height: e.height, weight: e.weight, bmi: e.bmi, waist: e.waist, fat: e.fat
+    };
+    if(status >= 1){
+      row.targetWeight = Math.round(e.weight * 0.85);
+      row.targetBmi = +(e.bmi * 0.85).toFixed(1);
+      row.targetWaist = Math.round(e.waist * 0.88);
+      row.targetFat = +(e.fat * 0.80).toFixed(1);
+      row.submitTime = '2026-09-' + ('0'+(10+i)).slice(-2) + ' ' + (8+i%12) + ':' + ('0'+(i*7%60)).slice(-2);
+    }
+    if(status >= 2){
+      row.auditTime = '2026-09-' + ('0'+(12+i)).slice(-2) + ' ' + (9+i%10) + ':' + ('0'+(30+i*3%60)).slice(-2);
+    }
+    if(status >= 3){
+      row.signTime = '2026-09-' + ('0'+(15+i)).slice(-2) + ' ' + (10+i%8) + ':' + ('0'+(45+i*2%60)).slice(-2);
+    }
+    data[status].push(row);
+  });
+  return data;
+}
+
+var regTabData = buildRegData();
+var regFilteredData = regTabData[regStatus].slice();
+
+/* 报名管理状态切换 */
+function switchRegStatus(idx){
+  regStatus = idx;
+  regCurrentPage = 0;
+  document.querySelectorAll('#statusBoxBar .segmented-tab__item').forEach(function(el,i){
+    el.classList.toggle('active', i === idx);
+  });
+  regFilteredData = regTabData[regStatus].slice();
+  renderRegTable();
+}
+
+/* ===== 单位部门级联 ===== */
+var deptMap = {
+  '第四采油厂':['健康管理部','安全环保科','工会办公室','生产技术部','财务部','信息中心'],
+  '采油一厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+  '采油二厂':['健康管理部','安全环保科','财务部'],
+  '采气一厂':['生产技术部','信息中心']
+};
+var selUnitName = '', selUnitCode = '', selDeptName = '', selDeptCode = '';
+
+function toggleOrg(){
+  var panel = document.getElementById('orgPanel');
+  var trigger = document.getElementById('orgTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+function selectUnit(elem, unitName, unitCode){
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selUnitName = unitName; selUnitCode = unitCode;
+  var depts = deptMap[unitCode] || [];
+  var html = '<div class="org-col__title">部门</div>';
+  html += '<div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){
+    html += '<div class="org-item" data-dept="'+d+'" onclick="selectDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>';
+  });
+  document.getElementById('orgDeptCol').innerHTML = html;
+  selDeptName = ''; selDeptCode = '';
+}
+
+function selectDept(elem, deptName, deptCode){
+  document.querySelectorAll('#orgDeptCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selDeptName = deptName; selDeptCode = deptCode;
+  var label = selUnitCode ? selUnitName : '全部单位';
+  label += deptCode ? ' / ' + deptName : ' / 全部部门';
+  document.getElementById('orgTrigger').textContent = label;
+}
+
+/* 报名管理筛选 */
+function applyRegFilter(){
+  var unit = selUnitCode;
+  var dept = selDeptCode;
+  var name = document.getElementById('filterName').value.trim().toLowerCase();
+  var empId = document.getElementById('filterEmpId').value.trim().toLowerCase();
+  var data = regTabData[regStatus].slice();
+  regFilteredData = data.filter(function(d){
+    if(unit && d.org !== unit) return false;
+    if(dept && d.dept !== dept) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId) === -1) return false;
+    return true;
+  });
+  regCurrentPage = 0;
+  renderRegTable();
+}
+
+function resetRegFilter(){
+  selUnitName = ''; selUnitCode = ''; selDeptName = ''; selDeptCode = '';
+  document.getElementById('orgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  document.querySelectorAll('#orgUnitCol .org-item').item(0).classList.add('active');
+  document.getElementById('orgDeptCol').innerHTML = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('filterName').value = '';
+  document.getElementById('filterEmpId').value = '';
+  applyRegFilter();
+}
+
+/* 渲染报名管理表格 */
+function renderRegTable(){
+  var wrap = document.getElementById('regTableWrap');
+  var start = regCurrentPage * regPageSize;
+  var pageData = regFilteredData.slice(start, start + regPageSize);
+  var totalPages = Math.ceil(regFilteredData.length / regPageSize) || 1;
+  document.getElementById('regPageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + regFilteredData.length + ' 条记录';
+  document.getElementById('regPageNum').textContent = '第 ' + (regCurrentPage + 1) + '/' + totalPages + ' 页';
+
+  // 构表头
+  var headHTML = '<thead><tr>';
+  headHTML += '<th>姓名</th><th>员工编号</th><th>性别</th><th>年龄</th><th>所属单位</th><th>所属部门</th>';
+  headHTML += '<th>身高(cm)</th><th>初始体重(kg)</th><th>初始BMI</th><th>初始腰围(cm)</th><th>初始体脂(%)</th>';
+  if(regStatus >= 1){ headHTML += '<th>目标体重(kg)</th><th>目标BMI</th><th>目标腰围(cm)</th><th>目标体脂(%)</th><th>提交时间</th>'; }
+  if(regStatus >= 2){ headHTML += '<th>审核时间</th>'; }
+  if(regStatus >= 3){ headHTML += '<th>签署时间</th><th>承诺书</th>'; }
+  headHTML += '</tr></thead>';
+
+  var bodyHTML = '<tbody>';
+  if(regFilteredData.length === 0){
+    var colSpan = 11 + (regStatus >= 1 ? 5 : 0) + (regStatus >= 2 ? 1 : 0) + (regStatus >= 3 ? 2 : 0);
+    bodyHTML += '<tr><td colspan="'+colSpan+'" class="td-empty">暂无匹配数据</td></tr>';
+  } else {
+    pageData.forEach(function(d){
+      bodyHTML += '<tr>';
+      bodyHTML += '<td>'+esc(d.name)+'</td><td>'+esc(d.empId)+'</td><td>'+d.gender+'</td><td>'+d.age+'</td>';
+      bodyHTML += '<td>'+esc(d.org)+'</td><td>'+esc(d.dept)+'</td>';
+      bodyHTML += '<td>'+d.height+'</td><td>'+d.weight+'</td><td>'+d.bmi.toFixed(1)+'</td><td>'+d.waist+'</td><td>'+d.fat.toFixed(1)+'</td>';
+      if(regStatus >= 1){ bodyHTML += '<td>'+d.targetWeight+'</td><td>'+d.targetBmi+'</td><td>'+d.targetWaist+'</td><td>'+d.targetFat+'</td><td>'+esc(d.submitTime)+'</td>'; }
+      if(regStatus >= 2){ bodyHTML += '<td>'+esc(d.auditTime)+'</td>'; }
+      if(regStatus >= 3){ bodyHTML += '<td>'+esc(d.signTime)+'</td><td><a class="link" href="javascript:void(0)" onclick="openPromise(\''+esc(d.name)+'\',\''+esc(d.signTime)+'\')">查看</a></td>'; }
+      bodyHTML += '</tr>';
+    });
+  }
+  bodyHTML += '</tbody>';
+  wrap.innerHTML = '<table>'+headHTML+bodyHTML+'</table>';
+
+  // 更新状态角标
+  for(var i = 0; i < 4; i++){
+    document.getElementById('regBadge'+i).textContent = regTabData[i].length;
+  }
+}
+
+function regGoPage(delta){
+  var totalPages = Math.ceil(regFilteredData.length / regPageSize) || 1;
+  var np = regCurrentPage + delta;
+  if(np < 0 || np >= totalPages) return;
+  regCurrentPage = np;
+  renderRegTable();
+}
+
+/* ===== 每日行动 ===== */
+var actionTab = 0;      // 0=每日记录, 1=三测记录
+var measureSub = 'weight'; // 体重/饮食/运动
+var recordStatus = 'all';  // 全部/已记录/未记录
+var actSortAsc = true;
+var actPageSize = 10;
+var actPage = [0,0];
+var actFiltered0 = [], actFiltered1 = [];
+
+/* 每日行动Mock人员数据 */
+var actEmployees = [
+  {name:'何婷',empId:'CQ001253',gender:'女',age:34,unit:'采气一厂',dept:'生产技术部',height:160,initWeight:70,initBmi:27.3,initFat:35.3,initWaist:84},
+  {name:'马超',empId:'CQ001254',gender:'男',age:36,unit:'采气一厂',dept:'生产技术部',height:179,initWeight:95,initBmi:29.6,initFat:32.0,initWaist:107},
+  {name:'赵鑫',empId:'CQ002101',gender:'男',age:29,unit:'采气一厂',dept:'信息中心',height:173,initWeight:82,initBmi:27.4,initFat:28.2,initWaist:95},
+  {name:'陈娟',empId:'CQ002102',gender:'女',age:31,unit:'采气一厂',dept:'生产技术部',height:158,initWeight:65,initBmi:26.0,initFat:32.5,initWaist:78},
+  {name:'刘明',empId:'CQ002103',gender:'男',age:38,unit:'采气一厂',dept:'生产技术部',height:176,initWeight:88,initBmi:28.4,initFat:29.8,initWaist:99},
+  {name:'王芳',empId:'CQ002104',gender:'女',age:27,unit:'采气一厂',dept:'信息中心',height:162,initWeight:58,initBmi:22.1,initFat:28.0,initWaist:73},
+  {name:'孙勇',empId:'CQ002105',gender:'男',age:44,unit:'采气一厂',dept:'生产技术部',height:170,initWeight:84,initBmi:29.1,initFat:31.5,initWaist:101},
+  {name:'周丽',empId:'CQ002106',gender:'女',age:32,unit:'采气一厂',dept:'信息中心',height:165,initWeight:68,initBmi:25.0,initFat:33.1,initWaist:80}
+];
+
+/* 生成每日记录数据 */
+function buildDailyData(){
+  return actEmployees.map(function(e,i){
+    var targetWeight = Math.round(e.initWeight * 0.85);
+    var targetBmi = +(e.initBmi * 0.85).toFixed(1);
+    var targetFat = +(e.initFat * 0.80).toFixed(1);
+    var targetWaist = Math.round(e.initWaist * 0.88);
+    var curWeight = +(e.initWeight + (plan.avgWeightLoss || 0) + (Math.random()-0.5)*0.4).toFixed(1);
+    var curBmi = +(curWeight / ((e.height/100)*(e.height/100))).toFixed(1);
+    var curFat = +(e.initFat + (plan.avgFatDrop === '--' ? 0 : plan.avgFatDrop || 0)).toFixed(1);
+    var curWaist = Math.round(e.initWaist + (plan.avgWaistLoss === '--' ? 0 : plan.avgWaistLoss || 0));
+    var wc = +(curWeight - e.initWeight).toFixed(1);
+    var bc = +(curBmi - e.initBmi).toFixed(1);
+    var fc = +(curFat - e.initFat).toFixed(1);
+    var wac = curWaist - e.initWaist;
+    var hasDiet = i < 3;
+    var hasExercise = i < 4;
+    var hasWeight = i < 2;
+    return {
+      name:e.name, empId:e.empId, gender:e.gender, age:e.age, unit:e.unit, dept:e.dept,
+      height:e.height, initWeight:e.initWeight, initBmi:e.initBmi, initFat:e.initFat, initWaist:e.initWaist,
+      targetWeight:targetWeight, targetBmi:targetBmi, targetFat:targetFat, targetWaist:targetWaist,
+      curWeight:curWeight, curBmi:curBmi, curFat:curFat, curWaist:curWaist,
+      weightChange:wc, bmiChange:bc, fatChange:fc, waistChange:wac,
+      date:'2026-09-20',
+      hasDiet:hasDiet, hasExercise:hasExercise, hasWeight:hasWeight
+    };
+  });
+}
+
+/* 生成三测记录数据 */
+function buildMeasureData(){
+  return actEmployees.map(function(e,i){
+    var count = i < 2 ? 15 : (i < 5 ? 8 : (i < 7 ? 3 : 0));
+    var firstDate = count > 0 ? '2026-09-0' + (1 + Math.floor(i/2)) : '-';
+    var lastDate = count > 0 ? '2026-09-2' + (i % 5) : '-';
+    return {
+      name:e.name, empId:e.empId, gender:e.gender, age:e.age, unit:e.unit, dept:e.dept,
+      count:count, firstDate:firstDate, lastDate:lastDate, hasRecord: count > 0
+    };
+  });
+}
+
+var dailyAllData = buildDailyData();
+var measureAllData = buildMeasureData();
+actFiltered0 = dailyAllData.slice();
+actFiltered1 = measureAllData.slice();
+
+/* 每日行动子Tab切换 */
+function switchActionTab(idx){
+  actionTab = idx;
+  document.querySelectorAll('#actionSegTabs .segmented-tab__item').forEach(function(el,i){
+    el.classList.toggle('active', i === idx);
+  });
+  document.getElementById('act-panel-0').classList.toggle('active', idx === 0);
+  document.getElementById('act-panel-1').classList.toggle('active', idx === 1);
+  document.getElementById('actionFilterBar0').style.display = idx === 0 ? '' : 'none';
+  document.getElementById('actionFilterBar1').style.display = idx === 0 ? 'none' : '';
+  document.getElementById('actActionBar0').style.display = idx === 0 ? '' : 'none';
+}
+
+/* 三测记录子分类切换 */
+function switchMeasureTab(sub){
+  measureSub = sub;
+  var idx = sub === 'weight' ? 0 : (sub === 'diet' ? 1 : 2);
+  document.querySelectorAll('#act-panel-1 .sub-tab-status:first-child .sub-tab-item').forEach(function(el,i){
+    el.classList.toggle('active', i === idx);
+  });
+  applyActFilter1();
+}
+
+/* 记录状态切换 */
+function switchRecordStatus(st){
+  recordStatus = st;
+  document.querySelectorAll('#act-panel-1 .status-action-row .radio-item').forEach(function(el){
+    el.classList.toggle('active', el.getAttribute('onclick').indexOf("'"+st+"'") > -1);
+  });
+  applyActFilter1();
+}
+
+/* 每日记录 单位部门 */
+var actSelUnit = '', actSelDept = '';
+
+function toggleActOrg(){
+  var p = document.getElementById('actOrgPanel'), t = document.getElementById('actOrgTrigger');
+  p.classList.toggle('open'); t.classList.toggle('open');
+}
+
+function selectActUnit(elem, name, code){
+  document.querySelectorAll('#actUnitCol .org-item').forEach(function(el){el.classList.remove('active');});
+  elem.classList.add('active');
+  actSelUnit = code;
+  var depts = deptMap[code] || [];
+  var html = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectActDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){html += '<div class="org-item" data-dept="'+d+'" onclick="selectActDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>';});
+  document.getElementById('actDeptCol').innerHTML = html;
+  actSelDept = '';
+}
+
+function selectActDept(elem, name, code){
+  document.querySelectorAll('#actDeptCol .org-item').forEach(function(el){el.classList.remove('active');});
+  elem.classList.add('active');
+  actSelDept = code;
+  var label = actSelUnit || '全部单位';
+  label += code ? ' / ' + name : ' / 全部部门';
+  document.getElementById('actOrgTrigger').textContent = label;
+}
+
+/* 每日记录筛选 */
+function applyActFilter(){
+  var unit = actSelUnit, dept = actSelDept;
+  var name = document.getElementById('actFilterName').value.trim().toLowerCase();
+  var empId = document.getElementById('actFilterEmpId').value.trim().toLowerCase();
+  actFiltered0 = dailyAllData.filter(function(d){
+    if(unit && d.unit !== unit) return false;
+    if(dept && d.dept !== dept) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId) === -1) return false;
+    return true;
+  });
+  actPage[0] = 0;
+  renderActTable0();
+}
+
+function resetActFilter(){
+  actSelUnit = ''; actSelDept = '';
+  document.getElementById('actOrgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#actUnitCol .org-item').forEach(function(el,i){el.classList.toggle('active', i===0);});
+  document.getElementById('actDeptCol').innerHTML = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectActDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('actFilterName').value = '';
+  document.getElementById('actFilterEmpId').value = '';
+  applyActFilter();
+}
+
+/* 三测记录筛选 */
+function applyActFilter1(){
+  var name = document.getElementById('actFilterName1').value.trim().toLowerCase();
+  actFiltered1 = measureAllData.filter(function(d){
+    if(recordStatus === 'yes' && !d.hasRecord) return false;
+    if(recordStatus === 'no' && d.hasRecord) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    return true;
+  });
+  actPage[1] = 0;
+  renderActTable1();
+}
+
+function resetActFilter1(){
+  document.getElementById('actFilterName1').value = '';
+  recordStatus = 'all';
+  document.querySelectorAll('#act-panel-1 .status-action-row .radio-item').forEach(function(el,i){el.classList.toggle('active', i === 0);});
+  document.querySelectorAll('#act-panel-1 .sub-tab-status:first-child .sub-tab-item').forEach(function(el,i){el.classList.toggle('active', i === 0);});
+  measureSub = 'weight';
+  applyActFilter1();
+}
+
+/* 更新统计卡片 */
+/* 排序切换 */
+function toggleActSort(){
+  actSortAsc = !actSortAsc;
+  document.getElementById('sortCount').classList.toggle('asc', actSortAsc);
+  document.getElementById('sortCount').classList.toggle('desc', !actSortAsc);
+  actFiltered1.sort(function(a,b){return actSortAsc ? a.count - b.count : b.count - a.count;});
+  actPage[1] = 0;
+  renderActTable1();
+}
+
+/* 渲染每日记录表格 */
+function renderActTable0(){
+  var tbody = document.getElementById('actBody0');
+  var start = actPage[0] * actPageSize;
+  var pd = actFiltered0.slice(start, start + actPageSize);
+  var tp = Math.ceil(actFiltered0.length / actPageSize) || 1;
+  document.getElementById('actPageInfo0').textContent = '显示 '+pd.length+' 条，共 '+actFiltered0.length+' 条记录';
+  document.getElementById('actPageNum0').textContent = '第 '+(actPage[0]+1)+'/'+tp+' 页';
+  if(actFiltered0.length === 0){ tbody.innerHTML = '<tr><td colspan="28" class="td-empty">暂无数据</td></tr>'; return; }
+  var html = '';
+  pd.forEach(function(d){
+    var wcCls = d.weightChange < 0 ? 'change-down' : (d.weightChange > 0 ? 'change-up' : 'change-zero');
+    var bcCls = d.bmiChange < 0 ? 'change-down' : (d.bmiChange > 0 ? 'change-up' : 'change-zero');
+    var fcCls = d.fatChange < 0 ? 'change-down' : (d.fatChange > 0 ? 'change-up' : 'change-zero');
+    var wacCls = d.waistChange < 0 ? 'change-down' : (d.waistChange > 0 ? 'change-up' : 'change-zero');
+    html += '<tr>';
+    html += '<td>'+esc(d.name)+'</td><td>'+esc(d.empId)+'</td><td>'+d.gender+'</td><td>'+d.age+'</td><td>'+esc(d.unit)+'</td><td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.height+'</td><td>'+d.initWeight+'</td><td>'+d.initBmi+'</td><td>'+d.initFat+'</td><td>'+d.initWaist+'</td>';
+    html += '<td>'+d.targetWeight+'</td><td>'+d.targetBmi+'</td><td>'+d.targetFat+'</td><td>'+d.targetWaist+'</td>';
+    html += '<td>'+d.curWeight+'</td><td>'+d.curBmi+'</td><td>'+d.curFat+'</td><td>'+d.curWaist+'</td>';
+    html += '<td class="'+wcCls+'">'+d.weightChange+'</td><td class="'+bcCls+'">'+d.bmiChange+'</td><td class="'+fcCls+'">'+d.fatChange+'</td><td class="'+wacCls+'">'+d.waistChange+'</td>';
+    html += '<td>'+d.date+'</td>';
+    html += '<td>'+statusTag(d.hasDiet, d.empId, d.name, d.date,'diet')+'</td>';
+    html += '<td>'+statusTag(d.hasExercise, d.empId, d.name, d.date,'exercise')+'</td>';
+    html += '<td>'+statusTag(d.hasWeight, d.empId, d.name, d.date,'weight')+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+/* 渲染三测记录表格 */
+function renderActTable1(){
+  var tbody = document.getElementById('actBody1');
+  var start = actPage[1] * actPageSize;
+  var pd = actFiltered1.slice(start, start + actPageSize);
+  var tp = Math.ceil(actFiltered1.length / actPageSize) || 1;
+  document.getElementById('actPageInfo1').textContent = '显示 '+pd.length+' 条，共 '+actFiltered1.length+' 条记录';
+  document.getElementById('actPageNum1').textContent = '第 '+(actPage[1]+1)+'/'+tp+' 页';
+  if(actFiltered1.length === 0){ tbody.innerHTML = '<tr><td colspan="10" class="td-empty">暂无数据</td></tr>'; return; }
+  var html = '';
+  pd.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.name)+'</td><td>'+esc(d.empId)+'</td><td>'+d.gender+'</td><td>'+d.age+'</td><td>'+esc(d.unit)+'</td><td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.count+'</td><td>'+d.firstDate+'</td><td>'+d.lastDate+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function actGoPage(panel, delta){
+  var data = panel === 0 ? actFiltered0 : actFiltered1;
+  var tp = Math.ceil(data.length / actPageSize) || 1;
+  var np = actPage[panel] + delta;
+  if(np < 0 || np >= tp) return;
+  actPage[panel] = np;
+  panel === 0 ? renderActTable0() : renderActTable1();
+}
+
+/* ===== 工具函数 ===== */
+function statusTag(flag, empId, name, date, type){
+  return flag
+    ? '<a class="link" href="javascript:void(0)" onclick="open'+type.charAt(0).toUpperCase()+type.slice(1)+'Dialog(\''+esc(empId)+'\',\''+esc(name)+'\',\''+date+'\')">是</a>'
+    : '<span style="color:var(--text-primary);">否</span>';
+}
+
+/* ===== 饮食记录弹窗 ===== */
+function openDietDialog(empId, name, date){
+  var emp = actEmployees.find(function(e){return e.empId === empId;}) || {};
+  var infoHtml = '';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">姓名：</span><span class="record-info__value">'+esc(name)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">员工编号：</span><span class="record-info__value">'+esc(empId)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">日期：</span><span class="record-info__value">'+esc(date)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">单位：</span><span class="record-info__value">'+esc(emp.unit)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">部门：</span><span class="record-info__value">'+esc(emp.dept)+'</span></div>';
+  document.getElementById('dietInfo').innerHTML = infoHtml;
+  var meals = ['早餐','午餐','晚餐','加餐'];
+  var times = ['07:30','08:15','12:00','12:30','18:00','18:45','15:30','10:00'];
+  var sources = ['智记','自记'];
+  var rows = Math.floor(Math.random()*4)+2;
+  var html = '';
+  for(var i=0;i<rows;i++){
+    var kcal = (Math.floor(Math.random()*6)+3)*100 + Math.floor(Math.random()*50);
+    html += '<tr><td>'+(i+1)+'</td><td>'+meals[i%4]+'</td><td>'+date+' '+times[i%8]+'</td><td>'+kcal+'</td><td>'+sources[i%2]+'</td></tr>';
+  }
+  document.getElementById('dietTbody').innerHTML = html;
+  document.getElementById('dietOverlay').classList.add('show');
+}
+
+function closeDietDialog(){
+  document.getElementById('dietOverlay').classList.remove('show');
+}
+
+/* ===== 运动记录弹窗 ===== */
+function openExerciseDialog(empId, name, date){
+  var emp = actEmployees.find(function(e){return e.empId === empId;}) || {};
+  var infoHtml = '';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">姓名：</span><span class="record-info__value">'+esc(name)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">员工编号：</span><span class="record-info__value">'+esc(empId)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">日期：</span><span class="record-info__value">'+esc(date)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">单位：</span><span class="record-info__value">'+esc(emp.unit)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">部门：</span><span class="record-info__value">'+esc(emp.dept)+'</span></div>';
+  document.getElementById('exerciseInfo').innerHTML = infoHtml;
+  var sportTypes = ['跑步','健走','骑行','游泳','健身','瑜伽','跳绳','羽毛球','篮球','爬山'];
+  var dataBySource = {
+    '微信':   ['8,523步','12,100步','6,850步','15,200步','10,030步','9,450步'],
+    '自记':   ['45分钟','60分钟','30分钟','50分钟'],
+    '穿戴':   ['心率132 5km','心率145 8km','心率128 3km'],
+    '器械':   ['3组×12次','4组×10次','5组×15次','60分钟']
+  };
+  var sources = ['微信','自记','穿戴','器械'];
+  var rows = Math.floor(Math.random()*4)+2;
+  var html = '';
+  for(var i=0;i<rows;i++){
+    var source = sources[i%4];
+    var dataArr = dataBySource[source];
+    var sportData = dataArr[Math.floor(Math.random()*dataArr.length)];
+    var kcal = (Math.floor(Math.random()*8)+2)*100 + Math.floor(Math.random()*50);
+    html += '<tr><td>'+(i+1)+'</td><td>'+sportTypes[i%10]+'</td><td>'+sportData+'</td><td>'+kcal+'</td><td>'+source+'</td></tr>';
+  }
+  document.getElementById('exerciseTbody').innerHTML = html;
+  document.getElementById('exerciseOverlay').classList.add('show');
+}
+
+function closeExerciseDialog(){
+  document.getElementById('exerciseOverlay').classList.remove('show');
+}
+
+/* ===== 体重记录弹窗 ===== */
+function openWeightDialog(empId, name, date){
+  var emp = actEmployees.find(function(e){return e.empId === empId;}) || {};
+  var infoHtml = '';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">姓名：</span><span class="record-info__value">'+esc(name)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">员工编号：</span><span class="record-info__value">'+esc(empId)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">日期：</span><span class="record-info__value">'+esc(date)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">单位：</span><span class="record-info__value">'+esc(emp.unit)+'</span></div>';
+  infoHtml += '<div class="record-info__item"><span class="record-info__label">部门：</span><span class="record-info__value">'+esc(emp.dept)+'</span></div>';
+  document.getElementById('weightInfo').innerHTML = infoHtml;
+  var sources = ['自记','身高称','蓝牙称','体脂仪'];
+  var baseW = emp.initWeight || 80;
+  var baseBmi = emp.initBmi || 28;
+  var baseFat = emp.initFat || 30;
+  var baseWaist = emp.initWaist || 95;
+  var rows = Math.floor(Math.random()*3)+2;
+  var html = '';
+  for(var i=0;i<rows;i++){
+    var source = sources[i%4];
+    var timeStr = date+' '+(7+Math.floor(Math.random()*15))+':'+('0'+Math.floor(Math.random()*60)).slice(-2);
+    var w = (baseW - (i*0.3) + (Math.random()-0.5)*1.0).toFixed(1);
+    var bmi = (w / ((emp.height||170)/100 * (emp.height||170)/100)).toFixed(1);
+    var fat = source==='身高称'||source==='蓝牙称' ? '-' : (baseFat - i*0.5 + (Math.random()-0.5)*0.8).toFixed(1);
+    var waist = source==='蓝牙称'||source==='自记' ? '-' : Math.round(baseWaist - i*1.5 + (Math.random()-0.5)*2);
+    html += '<tr><td>'+(i+1)+'</td><td>'+timeStr+'</td><td>'+w+'</td><td>'+bmi+'</td><td>'+fat+'</td><td>'+waist+'</td><td>'+source+'</td></tr>';
+  }
+  document.getElementById('weightTbody').innerHTML = html;
+  document.getElementById('weightOverlay').classList.add('show');
+}
+
+function closeWeightDialog(){
+  document.getElementById('weightOverlay').classList.remove('show');
+}
+
+/* 点击遮罩关闭记录弹窗 */
+['diet','exercise','weight'].forEach(function(type){
+  document.getElementById(type+'Overlay').addEventListener('click', function(e){
+    if(e.target === this){ document.getElementById(type+'Overlay').classList.remove('show'); }
+  });
+});
+
+function esc(s){return String(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);
+}
+
+/* ===== 承诺书弹窗 ===== */
+function openPromise(name, signTime){
+  document.getElementById('promiseTitle').textContent = name + '的承诺';
+  document.getElementById('promiseName').textContent = name;
+  var dateStr = signTime ? signTime.split(' ')[0] : '';
+  document.getElementById('promiseDate').textContent = dateStr || signTime;
+  document.getElementById('promiseOverlay').classList.add('show');
+}
+
+function closePromise(){
+  document.getElementById('promiseOverlay').classList.remove('show');
+}
+
+/* 点击遮罩关闭承诺书弹窗 */
+document.getElementById('promiseOverlay').addEventListener('click', function(e){
+  if(e.target === this) closePromise();
+});
+
+/* 点击外部关闭单位面板 */
+document.addEventListener('click',function(e){
+  var orgWrap = document.getElementById('orgWrap');
+  if(orgWrap && !orgWrap.contains(e.target)){
+    document.getElementById('orgPanel').classList.remove('open');
+    document.getElementById('orgTrigger').classList.remove('open');
+  }
+  var ovWrap = document.getElementById('ovOrgWrap');
+  if(ovWrap && !ovWrap.contains(e.target)){
+    document.getElementById('ovOrgPanel').classList.remove('open');
+    document.getElementById('ovOrgTrigger').classList.remove('open');
+  }
+  var actWrap = document.getElementById('actOrgWrap');
+  if(actWrap && !actWrap.contains(e.target)){
+    document.getElementById('actOrgPanel').classList.remove('open');
+    document.getElementById('actOrgTrigger').classList.remove('open');
+  }
+});
+
+/* ===== 初始化 ===== */
+/* ===== 活动信息数据 ===== */
+var activityInfo = {
+  planName: '采气一厂2026下半年体重干预计划',
+  personType: '指定人员',
+  depts: ['生产技术部', '信息中心'],
+  emps: ['何婷（CQ001253）、马超（CQ001254）、赵鑫（CQ002101）、陈娟（CQ002102）、刘明（CQ002103）、王芳（CQ002104）、孙勇（CQ002105）、周丽（CQ002106）'],
+  autoRemind: '是',
+  filterSerious: '已过滤 2 位大病员工',
+  dateFrom: '2026-09-01', dateTo: '2026-12-31',
+  planDept: '生产技术部',
+  leader: '赵铁柱',
+  reviewer: '冯审核（采气一厂卫生站）',
+  files: [
+    {name:'采气一厂2026下半年体重干预计划通知.pdf', size:'2.3 MB'},
+    {name:'体重管理活动方案.docx', size:'1.1 MB'}
+  ],
+  reward: '一、个人奖励\n1. 减重达标奖：活动结束时BMI降低≥2或体重降低≥5kg，奖励500元健康基金\n2. 最佳进步奖：减重比例前3名，分别奖励1000/800/500元\n\n二、团队奖励\n1. 部门参与率≥80%且人均减重≥2kg，奖励部门活动经费2000元'
+};
+
+(function fillActivityInfo(){
+  document.getElementById('infoPlanName').textContent = activityInfo.planName;
+  document.getElementById('infoPersonType').textContent = activityInfo.personType;
+  if(activityInfo.personType === '指定人员'){
+    document.getElementById('infoDepts').textContent = activityInfo.depts.join('、');
+    document.getElementById('infoEmps').textContent = activityInfo.emps;
+  } else {
+    document.getElementById('infoDeptRow').style.display = 'none';
+    document.getElementById('infoEmpRow').style.display = 'none';
+  }
+  document.getElementById('infoAutoRemind').textContent = activityInfo.autoRemind;
+  document.getElementById('infoFilterSerious').textContent = activityInfo.filterSerious;
+  document.getElementById('infoDateRange').textContent = activityInfo.dateFrom + ' ~ ' + activityInfo.dateTo;
+  document.getElementById('infoPlanDept').textContent = activityInfo.planDept;
+  document.getElementById('infoLeader').textContent = activityInfo.leader;
+  document.getElementById('infoReviewer').textContent = activityInfo.reviewer;
+
+  var fileHTML = '';
+  activityInfo.files.forEach(function(f){
+    fileHTML += '<div class="info-file-item"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="1" width="12" height="14" rx="2" stroke="#1890FF" stroke-width="1.2"/><path d="M5 5h6M5 8h6M5 11h4" stroke="#1890FF" stroke-width="1" stroke-linecap="round"/></svg><span class="info-file-item__name" onclick="showToast(\'文件预览功能开发中\')">'+esc(f.name)+'</span><span class="info-file-item__size">'+f.size+'</span></div>';
+  });
+  document.getElementById('infoFiles').innerHTML = fileHTML;
+
+  document.getElementById('infoReward').textContent = activityInfo.reward;
+})();
+
+/* ===== 大病人员弹窗 ===== */
+var seriousEmployees = [
+  {org:'采气一厂',dept:'生产技术部',name:'何婷',empId:'CQ001253',gender:'女',age:34,height:160,weight:70,bmi:27.3,illness:'慢性阻塞性肺疾病'},
+  {org:'采气一厂',dept:'信息中心',name:'马超',empId:'CQ001254',gender:'男',age:36,height:179,weight:95,bmi:29.6,illness:'扩张型心肌病'}
+];
+
+function openSeriousModal(){
+  renderSeriousTable(seriousEmployees);
+  document.getElementById('seriousModal').classList.add('show');
+}
+
+function closeSeriousModal(){
+  document.getElementById('seriousModal').classList.remove('show');
+}
+
+function renderSeriousTable(data){
+  var html = '';
+  data.forEach(function(e){
+    html += '<tr>';
+    html += '<td>'+esc(e.org)+'</td><td>'+esc(e.dept)+'</td><td>'+esc(e.name)+'</td><td>'+e.empId+'</td>';
+    html += '<td>'+e.gender+'</td><td>'+e.age+'</td><td>'+e.height+'</td><td>'+e.weight+'</td><td>'+e.bmi.toFixed(1)+'</td>';
+    html += '<td><span style="color:#FA8C16;font-size:var(--font-xs);">'+esc(e.illness)+'</span></td>';
+    html += '</tr>';
+  });
+  document.getElementById('seriousTbody').innerHTML = html || '<tr><td colspan="10" class="emp-table__empty">暂无数据</td></tr>';
+  document.getElementById('seriousTotalCount').textContent = data.length;
+}
+
+document.getElementById('seriousModal').addEventListener('click', function(e){
+  if(e.target === this) closeSeriousModal();
+});
+
+/* ===== 活动排名 ===== */
+var rankMain = 'person'; // person | unit
+var rankUnitLevel = 'level2'; // level2 | level3
+var rankPersonPage = [0,0,0]; // person, unit2, unit3
+var rankPageSize = 10;
+
+/* 个人排名Mock数据（采气一厂2026下半年） */
+var rankPersonData = (function(){
+  var surnames = ['张','李','王','赵','刘','陈','周','吴','郑','黄','杨','孙','林','何','马'];
+  var names = ['伟','娜','磊','敏','洋','晨','杰','芳','丽','浩','燕','强','涛','婷','超','娟','军','明'];
+  var depts = ['生产技术部','信息中心'];
+  var data = [];
+  for(var i = 0; i < 8; i++){
+    var gender = i % 4 === 0 ? '女' : '男';
+    var age = 25 + Math.floor(Math.random() * 20);
+    var height = gender === '男' ? (168 + Math.floor(Math.random() * 12)) : (156 + Math.floor(Math.random() * 10));
+    var initWeight = gender === '男' ? +(72 + Math.random() * 16).toFixed(1) : +(55 + Math.random() * 15).toFixed(1);
+    var initBmi = +(initWeight / ((height/100)*(height/100))).toFixed(1);
+    var weightLoss = +(-(Math.random() * 4 + 0.5)).toFixed(1);
+    var curWeight = +(initWeight + weightLoss).toFixed(1);
+    var curBmi = +(curWeight / ((height/100)*(height/100))).toFixed(1);
+    var bmiChange = +(curBmi - initBmi).toFixed(1);
+    var weightRate = +(Math.abs(weightLoss) / initWeight * 100).toFixed(1);
+    var score = +(40 + Math.random() * 45).toFixed(2);
+    var actionScore = +(35 + Math.random() * 50).toFixed(2);
+    data.push({
+      name: surnames[Math.floor(Math.random()*surnames.length)] + names[Math.floor(Math.random()*names.length)],
+      empId: 'CQ200'+(201+i), gender:gender, age:age, unit:'采气一厂', dept:depts[i%2],
+      initWeight:initWeight, initBmi:initBmi, curWeight:curWeight, curBmi:curBmi,
+      weightLoss:weightLoss, weightRate:weightRate, bmiChange:bmiChange,
+      compositeScore:score, actionScore:actionScore
+    });
+  }
+  // 排名
+  var byLoss = data.slice().sort(function(a,b){return a.weightLoss - b.weightLoss;});
+  byLoss.forEach(function(d,i){d.weightLossRank = i+1;});
+  var byRate = data.slice().sort(function(a,b){return b.weightRate - a.weightRate;});
+  byRate.forEach(function(d,i){d.weightRateRank = i+1;});
+  var byScore = data.slice().sort(function(a,b){return b.compositeScore - a.compositeScore;});
+  byScore.forEach(function(d,i){d.compositeRank = i+1;});
+  var byAction = data.slice().sort(function(a,b){return b.actionScore - a.actionScore;});
+  byAction.forEach(function(d,i){d.actionRank = i+1;});
+  return data;
+})();
+
+var rankPersonFiltered = rankPersonData.slice();
+
+/* 单位排名Mock数据 */
+function buildRankUnitData(){
+  var deptMapLocal = {
+    '采气一厂':['生产技术部','信息中心']
+  };
+  var data2 = [], data3 = [];
+  // 二级单位
+  var members = rankPersonData;
+  var count = members.length;
+  var tl = members.reduce(function(s,d){return s + Math.abs(d.weightLoss);},0);
+  var tr = members.reduce(function(s,d){return s + d.weightRate;},0);
+  var ts = members.reduce(function(s,d){return s + d.compositeScore;},0);
+  var ta = members.reduce(function(s,d){return s + d.actionScore;},0);
+  data2.push({
+    unit:'采气一厂', count:count,
+    avgWeightLoss:+(tl/count).toFixed(1), avgWeightRate:+(tr/count).toFixed(1),
+    avgScore:+(ts/count).toFixed(1), avgAction:+(ta/count).toFixed(1),
+    weightLossRank:1, weightRateRank:1, compositeRank:1, actionRank:1
+  });
+  // 三级单位
+  var depts = deptMapLocal['采气一厂'] || [];
+  depts.forEach(function(dept){
+    var m = rankPersonData.filter(function(d){return d.dept === dept;});
+    if(m.length === 0) return;
+    var cnt = m.length;
+    var l = m.reduce(function(s,d){return s + Math.abs(d.weightLoss);},0);
+    var r = m.reduce(function(s,d){return s + d.weightRate;},0);
+    var s = m.reduce(function(s,d){return s + d.compositeScore;},0);
+    var a = m.reduce(function(s,d){return s + d.actionScore;},0);
+    data3.push({
+      unit:'采气一厂', dept:dept, count:cnt,
+      avgWeightLoss:+(l/cnt).toFixed(1), avgWeightRate:+(r/cnt).toFixed(1),
+      avgScore:+(s/cnt).toFixed(1), avgAction:+(a/cnt).toFixed(1)
+    });
+  });
+  data3.sort(function(a,b){return b.avgWeightLoss - a.avgWeightLoss;});
+  data3.forEach(function(d,i){d.weightLossRank=i+1;d.weightRateRank=i+1;d.compositeRank=i+1;d.actionRank=i+1;});
+  return {level2: data2, level3: data3};
+}
+
+var rankUnitData = buildRankUnitData();
+var rankUnitFiltered2 = rankUnitData.level2.slice();
+var rankUnitFiltered3 = rankUnitData.level3.slice();
+
+/* 排名主Tab切换 */
+function switchRankMain(tab){
+  rankMain = tab;
+  document.querySelectorAll('#rankMainSeg .segmented-tab__item').forEach(function(el,i){
+    el.classList.toggle('active', (i===0 && tab==='person') || (i===1 && tab==='unit'));
+  });
+  document.getElementById('rank-person').classList.toggle('active', tab==='person');
+  document.getElementById('rank-unit').classList.toggle('active', tab==='unit');
+}
+
+function switchRankUnitLevel(level){
+  rankUnitLevel = level;
+  document.querySelectorAll('#rankUnitLevelSeg .segmented-tab__item').forEach(function(el,i){
+    el.classList.toggle('active', (i===0 && level==='level2') || (i===1 && level==='level3'));
+  });
+  document.getElementById('rankUnitLevel2').style.display = level==='level2' ? '' : 'none';
+  document.getElementById('rankUnitLevel3').style.display = level==='level3' ? '' : 'none';
+}
+
+/* 个人排名筛选 */
+function applyPersonRankFilter(){
+  var name = document.getElementById('rankFilterName').value.trim().toLowerCase();
+  var empId = document.getElementById('rankFilterEmpId').value.trim().toLowerCase();
+  rankPersonFiltered = rankPersonData.filter(function(d){
+    if(name && d.name.toLowerCase().indexOf(name)===-1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId)===-1) return false;
+    return true;
+  });
+  rankPersonPage[0] = 0;
+  renderPersonRankTable();
+}
+
+function resetPersonRankFilter(){
+  document.getElementById('rankFilterName').value = '';
+  document.getElementById('rankFilterEmpId').value = '';
+  applyPersonRankFilter();
+}
+
+/* 单位排名筛选 */
+function applyRankUnitFilter(){
+  var unit = document.getElementById('rankUnitFilter').value;
+  rankUnitFiltered2 = rankUnitData.level2.filter(function(d){return !unit || d.unit===unit;});
+  rankUnitFiltered3 = rankUnitData.level3.filter(function(d){return !unit || d.unit===unit;});
+  rankPersonPage[1] = 0; rankPersonPage[2] = 0;
+  renderRankUnitTable2(); renderRankUnitTable3();
+}
+
+var rankSortField = null;
+var rankSortAsc = true;
+
+/* 渲染个人排名表 */
+
+/* [交互] 活动排名表排名列排序切换 */
+function toggleRankSort(field){
+  if(rankSortField === field){ rankSortAsc = !rankSortAsc; }
+  else { rankSortField = field; rankSortAsc = true; }
+  ['rankSortWl','rankSortWlr','rankSortCs','rankSortAs'].forEach(function(id){
+    var th = document.getElementById(id); if(!th) return;
+    th.classList.remove('asc','desc');
+  });
+  var activeId = field==='weightLossRank'?'rankSortWl':(field==='weightRateRank'?'rankSortWlr':(field==='compositeRank'?'rankSortCs':'rankSortAs'));
+  var activeTh = document.getElementById(activeId);
+  if(activeTh) activeTh.classList.add(rankSortAsc?'asc':'desc');
+  renderPersonRankTable();
+}
+
+function renderPersonRankTable(){
+  var tbody = document.getElementById('rankPersonTbody');
+  if(rankSortField){ rankPersonFiltered.sort(function(a,b){ return rankSortAsc ? (a[rankSortField]-b[rankSortField]) : (b[rankSortField]-a[rankSortField]); }); }
+  var start = rankPersonPage[0] * rankPageSize;
+  var pd = rankPersonFiltered.slice(start, start + rankPageSize);
+  var tp = Math.ceil(rankPersonFiltered.length / rankPageSize) || 1;
+  document.getElementById('rankPersonPageInfo').textContent = '显示 '+pd.length+' 条，共 '+rankPersonFiltered.length+' 条';
+  document.getElementById('rankPersonPageNum').textContent = '第 '+(rankPersonPage[0]+1)+'/'+tp+' 页';
+  if(pd.length===0){tbody.innerHTML='<tr><td colspan="19" class="td-empty">暂无数据</td></tr>';return;}
+  var html='';
+  pd.forEach(function(d){
+    var wcCls = d.weightLoss<0?'change-down':(d.weightLoss>0?'change-up':'change-zero');
+    html += '<tr>';
+    html += '<td>'+esc(d.name)+'</td><td>'+esc(d.empId)+'</td><td>'+d.gender+'</td><td>'+d.age+'</td><td>'+esc(d.unit)+'</td><td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.initWeight+'</td><td>'+d.initBmi+'</td><td>'+d.curWeight+'</td><td>'+d.curBmi+'</td>';
+    html += '<td class="'+wcCls+'">'+d.weightLoss+'</td><td>'+d.weightRate+'</td><td class="'+wcCls+'">'+d.bmiChange+'</td>';
+    html += '<td>'+d.compositeScore+'</td><td>'+d.actionScore+'</td>';
+    html += '<td>'+d.weightLossRank+'</td><td>'+d.weightRateRank+'</td><td>'+d.compositeRank+'</td><td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function renderRankUnitTable2(){
+  var tbody = document.getElementById('rankUnitTbody2');
+  var start = rankPersonPage[1] * rankPageSize, pd = rankUnitFiltered2.slice(start, start + rankPageSize);
+  var tp = Math.ceil(rankUnitFiltered2.length / rankPageSize) || 1;
+  document.getElementById('rankUnitPageInfo2').textContent = '显示 '+pd.length+' 条，共 '+rankUnitFiltered2.length+' 条';
+  document.getElementById('rankUnitPageNum2').textContent = '第 '+(rankPersonPage[1]+1)+'/'+tp+' 页';
+  if(pd.length===0){tbody.innerHTML='<tr><td colspan="10" class="td-empty">暂无数据</td></tr>';return;}
+  var html='';
+  pd.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.unit)+'</td><td>'+d.count+'</td><td>'+d.avgWeightLoss+'</td><td>'+d.avgWeightRate+'</td>';
+    html += '<td>'+d.avgScore+'</td><td>'+d.avgAction+'</td>';
+    html += '<td>'+d.weightLossRank+'</td><td>'+d.weightRateRank+'</td><td>'+d.compositeRank+'</td><td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function renderRankUnitTable3(){
+  var tbody = document.getElementById('rankUnitTbody3');
+  var start = rankPersonPage[2] * rankPageSize, pd = rankUnitFiltered3.slice(start, start + rankPageSize);
+  var tp = Math.ceil(rankUnitFiltered3.length / rankPageSize) || 1;
+  document.getElementById('rankUnitPageInfo3').textContent = '显示 '+pd.length+' 条，共 '+rankUnitFiltered3.length+' 条';
+  document.getElementById('rankUnitPageNum3').textContent = '第 '+(rankPersonPage[2]+1)+'/'+tp+' 页';
+  if(pd.length===0){tbody.innerHTML='<tr><td colspan="11" class="td-empty">暂无数据</td></tr>';return;}
+  var html='';
+  pd.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.unit)+'</td><td>'+esc(d.dept)+'</td><td>'+d.count+'</td><td>'+d.avgWeightLoss+'</td><td>'+d.avgWeightRate+'</td>';
+    html += '<td>'+d.avgScore+'</td><td>'+d.avgAction+'</td>';
+    html += '<td>'+d.weightLossRank+'</td><td>'+d.weightRateRank+'</td><td>'+d.compositeRank+'</td><td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function rankGoPage(idx, delta){
+  var data = idx===0 ? rankPersonFiltered : (idx===1 ? rankUnitFiltered2 : rankUnitFiltered3);
+  var tp = Math.ceil(data.length / rankPageSize) || 1;
+  var np = rankPersonPage[idx] + delta;
+  if(np<0 || np>=tp) return;
+  rankPersonPage[idx] = np;
+  if(idx===0) renderPersonRankTable();
+  else if(idx===1) renderRankUnitTable2();
+  else renderRankUnitTable3();
+}
+
+
+/* ===== 总览数据 Tab ===== */
+var ovSelUnit = '', ovSelDept = '';
+var ovAllData = [];
+var ovFiltered = [];
+var ovPageSize = 10;
+var ovPage = 0;
+var ovSortField = null;
+var ovSortAsc = true;
+
+/* 总览Mock数据 */
+(function buildOvData(){
+  ovAllData = actEmployees.map(function(e, i){
+    var targetWeight = Math.round(e.initWeight * 0.85);
+    var targetBmi = +(e.initBmi * 0.85).toFixed(1);
+    var targetFat = +(e.initFat * 0.80).toFixed(1);
+    var targetWaist = Math.round(e.initWaist * 0.88);
+    // 最终数据 — 计划结束时的状态
+    var progress = 0.6 + Math.random() * 0.4;
+    var finalWeight = +(e.initWeight - (e.initWeight - targetWeight) * progress).toFixed(1);
+    var finalBmi = +(finalWeight / ((e.height/100) * (e.height/100))).toFixed(1);
+    var finalFat = +(e.initFat - (e.initFat - targetFat) * progress).toFixed(1);
+    var finalWaist = Math.round(e.initWaist - (e.initWaist - targetWaist) * progress);
+    var weightChange = +(finalWeight - e.initWeight).toFixed(1);
+    var bmiChange = +(finalBmi - e.initBmi).toFixed(1);
+    var fatChange = +(finalFat - e.initFat).toFixed(1);
+    var waistChange = finalWaist - e.initWaist;
+
+    // 记录天数
+    var dietDays = 80 + Math.floor(Math.random() * 42);
+    var exDays = 70 + Math.floor(Math.random() * 52);
+    var weightDays = 20 + Math.floor(Math.random() * 20);
+
+    // 热量
+    var avgIntake = 1200 + Math.floor(Math.random() * 1000);
+    var avgConsume = 1800 + Math.floor(Math.random() * 800);
+    var avgGap = avgIntake - avgConsume;
+
+    // 得分
+    var compositeScore = +(40 + Math.random() * 55).toFixed(2);
+    var actionScore = +(35 + Math.random() * 55).toFixed(2);
+
+    // 联系方式
+    var phones = ['1380013800' + i, '1391234567' + i, '1569876543' + i, '1860000111' + i];
+    return {
+      name: e.name, empId: e.empId, gender: e.gender, age: e.age,
+      unit: e.unit, dept: e.dept, phone: phones[i % phones.length],
+      height: e.height,
+      initWeight: e.initWeight, initBmi: e.initBmi, initFat: e.initFat, initWaist: e.initWaist,
+      targetWeight: targetWeight, targetBmi: targetBmi, targetFat: targetFat, targetWaist: targetWaist,
+      finalWeight: finalWeight, finalBmi: finalBmi, finalFat: finalFat, finalWaist: finalWaist,
+      weightChange: weightChange, bmiChange: bmiChange, fatChange: fatChange, waistChange: waistChange,
+      dietDays: dietDays, exDays: exDays, weightDays: weightDays,
+      avgIntake: avgIntake, avgConsume: avgConsume, avgGap: avgGap,
+      compositeScore: compositeScore, actionScore: actionScore
+    };
+  });
+
+  // 计算排名 — 减重量(正数=减了多少)、减重率、综合得分、行动得分
+  var byLoss = ovAllData.slice().sort(function(a,b){ return (b.initWeight - b.finalWeight) - (a.initWeight - a.finalWeight); });
+  byLoss.forEach(function(d,i){ d.weightLossRank = i + 1; });
+  var byRate = ovAllData.slice().sort(function(a,b){ return ((b.initWeight - b.finalWeight) / b.initWeight) - ((a.initWeight - a.finalWeight) / a.initWeight); });
+  byRate.forEach(function(d,i){ d.weightLossRateRank = i + 1; });
+  var byScore = ovAllData.slice().sort(function(a,b){ return b.compositeScore - a.compositeScore; });
+  byScore.forEach(function(d,i){ d.compositeRank = i + 1; });
+  var byAction = ovAllData.slice().sort(function(a,b){ return b.actionScore - a.actionScore; });
+  byAction.forEach(function(d,i){ d.actionRank = i + 1; });
+
+  ovFiltered = ovAllData.slice();
+})();
+
+/* 总览 - 单位部门 */
+function toggleOvOrg(){
+  var p = document.getElementById('ovOrgPanel'), t = document.getElementById('ovOrgTrigger');
+  p.classList.toggle('open'); t.classList.toggle('open');
+}
+
+function selectOvUnit(elem, name, code){
+  document.querySelectorAll('#ovUnitCol .org-item').forEach(function(el){ el.classList.remove('active'); });
+  elem.classList.add('active');
+  ovSelUnit = code;
+  var depts = deptMap[code] || [];
+  var html = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectOvDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){ html += '<div class="org-item" data-dept="'+d+'" onclick="selectOvDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>'; });
+  document.getElementById('ovDeptCol').innerHTML = html;
+  ovSelDept = '';
+}
+
+function selectOvDept(elem, name, code){
+  document.querySelectorAll('#ovDeptCol .org-item').forEach(function(el){ el.classList.remove('active'); });
+  elem.classList.add('active');
+  ovSelDept = code;
+  var label = ovSelUnit || '全部单位';
+  label += code ? ' / ' + name : ' / 全部部门';
+  document.getElementById('ovOrgTrigger').textContent = label;
+}
+
+/* 总览筛选 */
+function applyOvFilter(){
+  var unit = ovSelUnit, dept = ovSelDept;
+  var name = document.getElementById('ovFilterName').value.trim().toLowerCase();
+  var empId = document.getElementById('ovFilterEmpId').value.trim().toLowerCase();
+  ovFiltered = ovAllData.filter(function(d){
+    if(unit && d.unit !== unit) return false;
+    if(dept && d.dept !== dept) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId) === -1) return false;
+    return true;
+  });
+  ovPage = 0;
+  renderOvTable();
+}
+
+function resetOvFilter(){
+  ovSelUnit = ''; ovSelDept = '';
+  document.getElementById('ovOrgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#ovUnitCol .org-item').forEach(function(el,i){ el.classList.toggle('active', i===0); });
+  document.getElementById('ovDeptCol').innerHTML = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectOvDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('ovFilterName').value = '';
+  document.getElementById('ovFilterEmpId').value = '';
+  applyOvFilter();
+}
+
+/* 渲染总览表格 */
+
+/* [交互] 总览表排名列排序切换 */
+function toggleOvSort(field){
+  if(ovSortField === field){ ovSortAsc = !ovSortAsc; }
+  else { ovSortField = field; ovSortAsc = true; }
+  // 更新th样式
+  ['ovSortWl','ovSortWlr','ovSortCs','ovSortAs'].forEach(function(id){
+    var th = document.getElementById(id); if(!th) return;
+    th.classList.remove('asc','desc');
+  });
+  var activeId = field==='weightLossRank'?'ovSortWl':(field==='weightLossRateRank'?'ovSortWlr':(field==='compositeRank'?'ovSortCs':'ovSortAs'));
+  var activeTh = document.getElementById(activeId);
+  if(activeTh) activeTh.classList.add(ovSortAsc?'asc':'desc');
+  renderOvTable();
+}
+
+function renderOvTable(){
+  var tbody = document.getElementById('ovTbody');
+  if(ovSortField){ ovFiltered.sort(function(a,b){ return ovSortAsc ? (a[ovSortField]-b[ovSortField]) : (b[ovSortField]-a[ovSortField]); }); }
+  var start = ovPage * ovPageSize;
+  var pd = ovFiltered.slice(start, start + ovPageSize);
+  var tp = Math.ceil(ovFiltered.length / ovPageSize) || 1;
+  document.getElementById('ovPageInfo').textContent = '显示 ' + pd.length + ' 条，共 ' + ovFiltered.length + ' 条记录';
+  document.getElementById('ovPageNum').textContent = '第 ' + (ovPage + 1) + '/' + tp + ' 页';
+  if (ovFiltered.length === 0){ tbody.innerHTML = '<tr><td colspan="36" class="td-empty">暂无匹配数据</td></tr>'; return; }
+  var html = '';
+  pd.forEach(function(d){
+    var wcCls = d.weightChange < 0 ? 'change-down' : (d.weightChange > 0 ? 'change-up' : 'change-zero');
+    var bcCls = d.bmiChange < 0 ? 'change-down' : (d.bmiChange > 0 ? 'change-up' : 'change-zero');
+    var fcCls = d.fatChange < 0 ? 'change-down' : (d.fatChange > 0 ? 'change-up' : 'change-zero');
+    var wacCls = d.waistChange < 0 ? 'change-down' : (d.waistChange > 0 ? 'change-up' : 'change-zero');
+    var wcSign = d.weightChange > 0 ? '+' : '';
+    var bcSign = d.bmiChange > 0 ? '+' : '';
+    var fcSign = d.fatChange > 0 ? '+' : '';
+    var wacSign = d.waistChange > 0 ? '+' : '';
+    html += '<tr>';
+    html += '<td>'+esc(d.name)+'</td><td>'+esc(d.empId)+'</td><td>'+d.gender+'</td><td>'+d.age+'</td>';
+    html += '<td>'+esc(d.unit)+'</td><td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.phone+'</td>';
+    html += '<td>'+d.height+'</td><td>'+d.initWeight+'</td><td>'+d.initBmi+'</td><td>'+d.initFat+'</td><td>'+d.initWaist+'</td>';
+    html += '<td>'+d.targetWeight+'</td><td>'+d.targetBmi+'</td><td>'+d.targetFat+'</td><td>'+d.targetWaist+'</td>';
+    html += '<td>'+d.finalWeight+'</td><td>'+d.finalBmi.toFixed(1)+'</td><td>'+d.finalFat.toFixed(1)+'</td><td>'+d.finalWaist+'</td>';
+    html += '<td class="'+wcCls+'">'+wcSign+d.weightChange+'</td>';
+    html += '<td class="'+bcCls+'">'+bcSign+d.bmiChange+'</td>';
+    html += '<td class="'+fcCls+'">'+fcSign+d.fatChange+'</td>';
+    html += '<td class="'+wacCls+'">'+wacSign+d.waistChange+'</td>';
+    html += '<td>'+d.dietDays+'</td><td>'+d.exDays+'</td><td>'+d.weightDays+'</td>';
+    html += '<td>'+d.avgIntake+'</td><td>'+d.avgConsume+'</td><td>'+d.avgGap+'</td>';
+    html += '<td>'+d.compositeScore+'</td><td>'+d.actionScore+'</td>';
+    html += '<td>'+d.weightLossRank+'</td><td>'+d.weightLossRateRank+'</td><td>'+d.compositeRank+'</td><td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function ovGoPage(delta){
+  var tp = Math.ceil(ovFiltered.length / ovPageSize) || 1;
+  var np = ovPage + delta;
+  if(np < 0 || np >= tp) return;
+  ovPage = np;
+  renderOvTable();
+}
+
+(function init(){
+  renderRegTable();
+  renderOvTable();
+  renderActTable0();
+  renderActTable1();
+  renderPersonRankTable();
+  renderRankUnitTable2();
+  renderRankUnitTable3();
+})();
+</script>
+</body>
+</html>
diff --git a/web-admin/weight-management/history-plan-list.html b/web-admin/weight-management/history-plan-list.html
new file mode 100644
index 0000000..5d238dc
--- /dev/null
+++ b/web-admin/weight-management/history-plan-list.html
@@ -0,0 +1,641 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>计划列表 | 历史干预 | 体重管理</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.filter-select{height:32px;min-width:140px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+table{width:100%;border-collapse:separate;border-spacing:0;min-width:2400px;}
+
+/* 表头 */
+thead th{background:#FAFAFA;padding:8px 7px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+thead th.th-divider{border-right:2px solid var(--border);}
+
+/* 表体 */
+tbody td{padding:10px 7px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 第一列(干预计划)固定左侧 */
+thead th:nth-child(1),tbody td:nth-child(1){position:sticky;left:0;z-index:4;background:#fff;min-width:240px;max-width:240px;text-align:left;overflow:hidden;text-overflow:ellipsis;}
+thead th:nth-child(1){z-index:7;background:#FAFAFA;}
+tbody tr:hover td:nth-child(1){background:#F8FBFF;}
+
+/* 第二列(活动所属单位)固定左侧 */
+thead th:nth-child(2),tbody td:nth-child(2){position:sticky;left:240px;z-index:3;background:#fff;min-width:120px;max-width:120px;}
+thead th:nth-child(2){z-index:6;background:#FAFAFA;}
+tbody tr:hover td:nth-child(2){background:#F8FBFF;}
+
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 蓝色链接 */
+.link{color:var(--primary);cursor:pointer;text-decoration:none;font-weight:500;}
+.link:hover{color:#40a9ff;text-decoration:underline;}
+
+/* 变化值颜色 */
+.change-down{color:var(--success);}
+.change-up{color:var(--danger);}
+.change-zero{color:var(--text-placeholder);}
+
+/* 分页 */
+.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);}
+
+/* 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;}
+
+/* 弹窗遮罩 */
+.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
+.modal-overlay.open{display:flex;}
+.modal-dialog{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:1100px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;}
+.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+.modal-header__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);}
+.modal-close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-placeholder);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);}
+.modal-close:hover{background:#F0F0F0;color:var(--text-primary);}
+.modal-body{flex:1;overflow-y:auto;padding:16px 24px 24px;}
+.modal-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
+.modal-filter-bar .filter-item{display:flex;align-items:center;gap:8px;}
+.modal-filter-bar .filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.modal-filter-input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;}
+.modal-filter-input:focus{border-color:var(--primary);}
+.modal-table-wrap{overflow-x:auto;}
+.modal-table-wrap table{min-width:900px;border-collapse:separate;border-spacing:0;}
+.modal-table-wrap thead th{background:#FAFAFA;padding:8px 12px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+.modal-table-wrap tbody td{padding:10px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+.modal-table-wrap tbody tr:last-child td{border-bottom:none;}
+.modal-table-wrap tbody tr:hover{background:#F8FBFF;}
+.modal-pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:16px;gap:8px;}
+.modal-pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+
+/* 弹窗内单位部门双列面板 */
+.modal-org-wrap{position:relative;display:inline-block;}
+.modal-org-trigger{height:32px;min-width:140px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.modal-org-trigger.open,.modal-org-trigger:hover{border-color:var(--primary);}
+.modal-org-panel{display:none;position:absolute;top:36px;left:0;z-index:310;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:380px;}
+.modal-org-panel.open{display:flex;}
+.modal-org-col{flex:1;overflow-y:auto;max-height:200px;border-right:1px solid var(--border);}
+.modal-org-col:last-child{border-right:none;}
+.modal-org-col__title{padding:6px 12px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+.modal-org-item{padding:8px 12px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+.modal-org-item:hover{background:#F0F8FF;color:var(--primary);}
+.modal-org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+</style>
+</head>
+<body>
+<!-- 顶部导航栏 -->
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal-weight-data.html">档案</a>
+    <a href="plan-list.html">计划管理</a>
+    <a href="registration-tracking.html">报名管理</a>
+    <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html" class="active">历史干预</a>
+    <a href="personal-target-data.html">个人体重管理</a>
+    <a href="scale-device.html">设备管理</a>
+    <a href="exception-system-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">历史干预</div>
+  <a href="history-plan-list.html" class="sidebar-item active">计划列表</a>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+
+  <!-- 页面标题 -->
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / 历史干预 / <span>计划列表</span></div>
+  </div>
+
+  <!-- [交互] 筛选栏 — 活动所属单位下拉 + 年份下拉 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>活动所属单位</label>
+      <!-- [交互] 下拉选择单位筛选 -->
+      <select class="filter-select" id="filterUnit" onchange="applyFilter()">
+        <option value="">全部单位</option>
+        <option value="第四采油厂">第四采油厂</option>
+        <option value="采油一厂">采油一厂</option>
+        <option value="采油二厂">采油二厂</option>
+        <option value="采气一厂">采气一厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年份</label>
+      <!-- [交互] 下拉选择年份筛选 -->
+      <select class="filter-select" id="filterYear" onchange="applyFilter()">
+        <option value="">全部年份</option>
+        <option value="2026">2026</option>
+        <option value="2025">2025</option>
+        <option value="2024">2024</option>
+      </select>
+    </div>
+    <!-- [交互] 点击查询按钮筛选列表 -->
+    <button class="btn btn-primary" onclick="applyFilter()">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+    </button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- [交互] 操作按钮区 -->
+  <div class="action-bar">
+    <button class="btn btn-export" onclick="showToast('导出列表数据功能开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+    </button>
+    <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+    </button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>干预计划</th>
+            <th>活动所属单位</th>
+            <th>组织部门</th>
+            <th>起止日期</th>
+            <th>人员范围</th>
+            <th>应参加<br>人数</th>
+            <th>已参加<br>人数</th>
+            <th>未参加<br>人数</th>
+            <th>完成体重<br>目标人数</th>
+            <th>完成体脂<br>目标人数</th>
+            <th>完成腰围<br>目标人数</th>
+            <th>人均减重<br>(kg)</th>
+            <th>人均减重<br>率(%)</th>
+            <th>人均腰围<br>减少(cm)</th>
+            <th>人均每日<br>摄入(千卡)</th>
+            <th>人均每日<br>消耗(千卡)</th>
+            <th>人均每日<br>热量缺口</th>
+            <th>人均综合<br>得分</th>
+            <th>人均行动<br>得分</th>
+            <th>负责人</th>
+          </tr>
+        </thead>
+        <tbody id="tableBody"></tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span id="pageInfo">显示 0 条记录</span>
+      <button class="page-btn" onclick="goPage(-1)">‹</button>
+      <span id="pageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+      <button class="page-btn" onclick="goPage(1)">›</button>
+    </div>
+  </div>
+
+</main>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<!-- [交互] 人员范围弹窗 — 点击"查看"打开 -->
+<div class="modal-overlay" id="staffModal">
+  <div class="modal-dialog">
+    <div class="modal-header">
+      <span class="modal-header__title" id="staffModalTitle">人员范围</span>
+      <!-- [交互] 点击关闭弹窗 -->
+      <button class="modal-close" onclick="closeStaffModal()">✕</button>
+    </div>
+    <div class="modal-body">
+      <!-- [交互] 弹窗筛选栏 — 单位部门级联 + 姓名 + 员工编号 -->
+      <div class="modal-filter-bar">
+        <div class="filter-item">
+          <label>单位部门</label>
+          <div class="modal-org-wrap" id="modalOrgWrap">
+            <div class="modal-org-trigger" id="modalOrgTrigger" onclick="toggleModalOrg()">全部单位/部门</div>
+            <div class="modal-org-panel" id="modalOrgPanel">
+              <div class="modal-org-col" id="modalUnitCol">
+                <div class="modal-org-col__title">单位</div>
+                <div class="modal-org-item active" data-unit="" onclick="selectModalUnit(this,'全部单位/部门','')">全部单位/部门</div>
+                <div class="modal-org-item" data-unit="第四采油厂" onclick="selectModalUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+                <div class="modal-org-item" data-unit="采油一厂" onclick="selectModalUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+                <div class="modal-org-item" data-unit="采油二厂" onclick="selectModalUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+                <div class="modal-org-item" data-unit="采气一厂" onclick="selectModalUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+              </div>
+              <div class="modal-org-col" id="modalDeptCol">
+                <div class="modal-org-col__title">部门</div>
+                <div class="modal-org-item active" data-dept="" onclick="selectModalDept(this,'全部部门','')">全部部门</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="filter-item">
+          <label>姓名</label>
+          <input class="modal-filter-input" id="modalFilterName" placeholder="请输入姓名" style="width:100px;">
+        </div>
+        <div class="filter-item">
+          <label>员工编号</label>
+          <input class="modal-filter-input" id="modalFilterEmpId" placeholder="请输入编号" style="width:110px;">
+        </div>
+        <button class="btn btn-primary" onclick="applyStaffFilter()">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+        </button>
+        <button class="btn btn-default" onclick="resetStaffFilter()">重置</button>
+      </div>
+      <!-- 人员列表 -->
+      <div class="modal-table-wrap">
+        <table>
+          <thead>
+            <tr>
+              <th>姓名</th>
+              <th>员工编号</th>
+              <th>性别</th>
+              <th>年龄</th>
+              <th>单位</th>
+              <th>部门</th>
+              <th>身高(cm)</th>
+              <th>体重(kg)</th>
+              <th>BMI</th>
+            </tr>
+          </thead>
+          <tbody id="staffTableBody"></tbody>
+        </table>
+      </div>
+      <div class="modal-pagination">
+        <span id="staffPageInfo">显示 0 条记录</span>
+        <button class="page-btn" onclick="goStaffPage(-1)">‹</button>
+        <span id="staffPageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="goStaffPage(1)">›</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+/* ===== 侧边栏当前页高亮 ===== */
+(function(){
+  var current = location.pathname.split('/').pop();
+  document.querySelectorAll('.sidebar-item').forEach(function(item){
+    var href = item.getAttribute('href');
+    item.classList.toggle('active', href === current);
+  });
+})();
+
+/* ===== Mock 数据：历史干预计划列表 ===== */
+var historyPlans = [
+  {id:1,planName:'第四采油厂2024年超重健康干预计划',unit:'第四采油厂',dept:'健康管理部',dateFrom:'2024-03-01',dateTo:'2024-08-31',staffScope:'全厂员工',shouldCount:220,actualCount:205,notCount:15,weightGoalDone:168,fatGoalDone:152,waistGoalDone:145,avgWeightLoss:3.8,avgLossRate:4.5,avgWaistLoss:4.2,avgDailyIntake:1850,avgDailyConsume:520,avgDailyGap:330,avgScore:82.5,avgActionScore:76.3,responsible:'王建国'},
+  {id:2,planName:'第四采油厂2025年超重健康干预计划',unit:'第四采油厂',dept:'健康管理部',dateFrom:'2025-03-01',dateTo:'2025-08-31',staffScope:'全厂员工',shouldCount:267,actualCount:251,notCount:16,weightGoalDone:198,fatGoalDone:185,waistGoalDone:172,avgWeightLoss:4.2,avgLossRate:5.1,avgWaistLoss:4.8,avgDailyIntake:1780,avgDailyConsume:560,avgDailyGap:380,avgScore:85.3,avgActionScore:79.1,responsible:'王建国'},
+  {id:3,planName:'第四采油厂2026年超重健康干预计划',unit:'第四采油厂',dept:'健康管理部',dateFrom:'2026-03-01',dateTo:'2026-08-31',staffScope:'全厂员工',shouldCount:234,actualCount:218,notCount:16,weightGoalDone:92,fatGoalDone:78,waistGoalDone:71,avgWeightLoss:2.1,avgLossRate:2.5,avgWaistLoss:2.3,avgDailyIntake:1920,avgDailyConsume:490,avgDailyGap:280,avgScore:74.8,avgActionScore:68.2,responsible:'王建国'},
+  {id:4,planName:'采油一厂2024年健康体重专项计划',unit:'采油一厂',dept:'安全环保科',dateFrom:'2024-04-01',dateTo:'2024-09-30',staffScope:'管理部门',shouldCount:156,actualCount:142,notCount:14,weightGoalDone:110,fatGoalDone:98,waistGoalDone:89,avgWeightLoss:3.5,avgLossRate:4.2,avgWaistLoss:3.9,avgDailyIntake:1900,avgDailyConsume:480,avgDailyGap:300,avgScore:80.1,avgActionScore:73.5,responsible:'李明辉'},
+  {id:5,planName:'采油一厂2025年员工健康体重计划',unit:'采油一厂',dept:'安全环保科',dateFrom:'2025-04-15',dateTo:'2025-10-15',staffScope:'全厂员工',shouldCount:420,actualCount:398,notCount:22,weightGoalDone:310,fatGoalDone:285,waistGoalDone:268,avgWeightLoss:3.9,avgLossRate:4.8,avgWaistLoss:4.3,avgDailyIntake:1820,avgDailyConsume:540,avgDailyGap:360,avgScore:83.7,avgActionScore:77.8,responsible:'李明辉'},
+  {id:6,planName:'采油一厂2026年体重管理专项行动',unit:'采油一厂',dept:'安全环保科',dateFrom:'2026-04-01',dateTo:'2026-09-30',staffScope:'全厂员工',shouldCount:186,actualCount:180,notCount:6,weightGoalDone:65,fatGoalDone:52,waistGoalDone:48,avgWeightLoss:1.8,avgLossRate:2.1,avgWaistLoss:2.0,avgDailyIntake:1950,avgDailyConsume:470,avgDailyGap:250,avgScore:72.3,avgActionScore:65.8,responsible:'李明辉'},
+  {id:7,planName:'采油二厂2024年体重控制专项计划',unit:'采油二厂',dept:'工会办公室',dateFrom:'2024-07-01',dateTo:'2024-12-31',staffScope:'一线员工',shouldCount:145,actualCount:130,notCount:15,weightGoalDone:102,fatGoalDone:89,waistGoalDone:82,avgWeightLoss:3.2,avgLossRate:3.8,avgWaistLoss:3.5,avgDailyIntake:1880,avgDailyConsume:500,avgDailyGap:320,avgScore:78.9,avgActionScore:72.1,responsible:'张翠花'},
+  {id:8,planName:'采油二厂2025年健康减重计划',unit:'采油二厂',dept:'工会办公室',dateFrom:'2025-05-15',dateTo:'2025-11-15',staffScope:'全厂员工',shouldCount:312,actualCount:295,notCount:17,weightGoalDone:228,fatGoalDone:202,waistGoalDone:195,avgWeightLoss:4.0,avgLossRate:4.6,avgWaistLoss:4.5,avgDailyIntake:1800,avgDailyConsume:550,avgDailyGap:370,avgScore:84.2,avgActionScore:78.6,responsible:'张翠花'},
+  {id:9,planName:'采油二厂2026年健康减重计划',unit:'采油二厂',dept:'工会办公室',dateFrom:'2026-05-15',dateTo:'2026-11-15',staffScope:'全厂员工',shouldCount:312,actualCount:295,notCount:17,weightGoalDone:58,fatGoalDone:42,waistGoalDone:35,avgWeightLoss:1.2,avgLossRate:1.5,avgWaistLoss:1.4,avgDailyIntake:1980,avgDailyConsume:460,avgDailyGap:220,avgScore:68.5,avgActionScore:61.2,responsible:'张翠花'},
+  {id:10,planName:'采气一厂2024年健康体重计划',unit:'采气一厂',dept:'生产技术部',dateFrom:'2024-06-01',dateTo:'2024-11-30',staffScope:'全厂员工',shouldCount:135,actualCount:118,notCount:17,weightGoalDone:92,fatGoalDone:78,waistGoalDone:72,avgWeightLoss:3.6,avgLossRate:4.3,avgWaistLoss:4.0,avgDailyIntake:1860,avgDailyConsume:510,avgDailyGap:340,avgScore:81.4,avgActionScore:74.9,responsible:'赵铁柱'},
+  {id:11,planName:'采气一厂2025年度体重管理计划',unit:'采气一厂',dept:'生产技术部',dateFrom:'2025-06-01',dateTo:'2025-12-01',staffScope:'全厂员工',shouldCount:158,actualCount:142,notCount:16,weightGoalDone:115,fatGoalDone:98,waistGoalDone:90,avgWeightLoss:4.1,avgLossRate:5.0,avgWaistLoss:4.6,avgDailyIntake:1790,avgDailyConsume:570,avgDailyGap:390,avgScore:86.0,avgActionScore:80.2,responsible:'赵铁柱'},
+  {id:12,planName:'采气一厂2026下半年体重干预计划',unit:'采气一厂',dept:'生产技术部',dateFrom:'2026-09-01',dateTo:'2026-12-31',staffScope:'全厂员工',shouldCount:89,actualCount:72,notCount:17,weightGoalDone:0,fatGoalDone:0,waistGoalDone:0,avgWeightLoss:0,avgLossRate:0,avgWaistLoss:0,avgDailyIntake:0,avgDailyConsume:0,avgDailyGap:0,avgScore:0,avgActionScore:0,responsible:'赵铁柱'}
+];
+
+var pageSize = 10;
+var currentPage = 0;
+var filteredData = historyPlans.slice();
+
+/* ===== 筛选 ===== */
+function applyFilter(){
+  var unit = document.getElementById('filterUnit').value;
+  var year = document.getElementById('filterYear').value;
+  var data = historyPlans.slice();
+  if(unit){
+    data = data.filter(function(d){return d.unit === unit;});
+  }
+  if(year){
+    data = data.filter(function(d){return d.dateFrom.indexOf(year) === 0 || d.dateTo.indexOf(year) === 0;});
+  }
+  filteredData = data;
+  currentPage = 0;
+  renderTable();
+}
+
+function resetFilter(){
+  document.getElementById('filterUnit').value = '';
+  document.getElementById('filterYear').value = '';
+  applyFilter();
+}
+
+/* ===== 渲染表格 ===== */
+function renderTable(){
+  var tbody = document.getElementById('tableBody');
+  var start = currentPage * pageSize;
+  var pageData = filteredData.slice(start, start + pageSize);
+  var totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  document.getElementById('pageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + filteredData.length + ' 条记录';
+  document.getElementById('pageNum').textContent = '第 ' + (currentPage + 1) + '/' + totalPages + ' 页';
+  if(filteredData.length === 0){
+    tbody.innerHTML = '<tr><td colspan="20" class="td-empty">暂无匹配数据</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    var lossCls = d.avgWeightLoss > 0 ? 'change-down' : (d.avgWeightLoss < 0 ? 'change-up' : 'change-zero');
+    var rateCls = d.avgLossRate > 0 ? 'change-down' : (d.avgLossRate < 0 ? 'change-up' : 'change-zero');
+    var waistCls = d.avgWaistLoss > 0 ? 'change-down' : (d.avgWaistLoss < 0 ? 'change-up' : 'change-zero');
+    html += '<tr>';
+    // [交互] 干预计划蓝色链接，点击跳转至二级详情页 history-plan-detail.html
+    html += '<td><a class="link" href="history-plan-detail.html?id='+d.id+'">'+esc(d.planName)+'</a></td>';
+    html += '<td>'+esc(d.unit)+'</td>';
+    html += '<td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.dateFrom+' ~ '+d.dateTo+'</td>';
+    // [交互] 人员范围(查看) — 点击弹窗展示人员范围详情
+    html += '<td><a class="link" href="javascript:void(0)" onclick="showStaffScope(\''+esc(d.staffScope)+'\',\''+esc(d.planName)+'\')">查看</a></td>';
+    html += '<td>'+d.shouldCount+'</td>';
+    html += '<td>'+d.actualCount+'</td>';
+    html += '<td>'+d.notCount+'</td>';
+    html += '<td>'+d.weightGoalDone+'</td>';
+    html += '<td>'+d.fatGoalDone+'</td>';
+    html += '<td>'+d.waistGoalDone+'</td>';
+    html += '<td class="'+lossCls+'">'+(d.avgWeightLoss > 0 ? '-'+d.avgWeightLoss : d.avgWeightLoss)+'</td>';
+    html += '<td class="'+rateCls+'">'+(d.avgLossRate > 0 ? '-'+d.avgLossRate : d.avgLossRate)+'</td>';
+    html += '<td class="'+waistCls+'">'+(d.avgWaistLoss > 0 ? '-'+d.avgWaistLoss : d.avgWaistLoss)+'</td>';
+    html += '<td>'+d.avgDailyIntake.toLocaleString()+'</td>';
+    html += '<td>'+d.avgDailyConsume.toLocaleString()+'</td>';
+    html += '<td>'+d.avgDailyGap.toLocaleString()+'</td>';
+    html += '<td>'+d.avgScore+'</td>';
+    html += '<td>'+d.avgActionScore+'</td>';
+    html += '<td>'+esc(d.responsible)+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+/* ===== 翻页 ===== */
+function goPage(delta){
+  var totalPages = Math.ceil(filteredData.length / pageSize);
+  var newPage = currentPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  currentPage = newPage;
+  renderTable();
+}
+
+/* ===== 人员范围查看 — 弹窗 ===== */
+var staffModalPlanId = null;
+var staffModalPlanName = '';
+var staffAllData = [];
+var staffFilteredData = [];
+var staffPageSize = 10;
+var staffCurrentPage = 0;
+var modalUnitCode = '';
+var modalUnitName = '';
+var modalDeptCode = '';
+var modalDeptName = '';
+
+/* 部门映射 */
+var modalDeptMap = {
+  '第四采油厂':['健康管理部','安全环保科','工会办公室','生产技术部','财务部','信息中心'],
+  '采油一厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+  '采油二厂':['健康管理部','安全环保科','财务部'],
+  '采气一厂':['生产技术部','信息中心']
+};
+
+/* 生成 Mock 人员数据 */
+function buildStaffData(plan){
+  var surnames = ['张','李','王','赵','刘','陈','周','吴','郑','黄','杨','孙','林','何','马'];
+  var names = ['伟','娜','磊','敏','洋','晨','杰','芳','丽','浩','燕','强','涛','婷','超','娟','军','明','平','勇'];
+  var depts = plan.dept ? [plan.dept].concat(modalDeptMap[plan.unit] || []) : (modalDeptMap[plan.unit] || ['健康管理部','安全环保科']);
+  var data = [];
+  for(var i = 0; i < plan.shouldCount; i++){
+    var gender = i % 4 === 0 ? '女' : '男';
+    var age = 25 + Math.floor(Math.random() * 28);
+    var height = gender === '男' ? (165 + Math.floor(Math.random() * 18)) : (155 + Math.floor(Math.random() * 13));
+    var weight = gender === '男' ? +(65 + Math.random() * 30).toFixed(1) : +(52 + Math.random() * 25).toFixed(1);
+    var bmi = +(weight / ((height/100)*(height/100))).toFixed(1);
+    data.push({
+      name: surnames[Math.floor(Math.random()*surnames.length)] + names[Math.floor(Math.random()*names.length)],
+      empId: 'CQ' + String(100001 + Math.floor(Math.random()*90000)),
+      gender: gender, age: age,
+      unit: plan.unit,
+      dept: depts[Math.floor(Math.random()*depts.length)],
+      height: height, weight: weight, bmi: bmi
+    });
+  }
+  return data;
+}
+
+/* [交互] 打开人员范围弹窗 */
+function showStaffScope(scope, planName){
+  staffModalPlanName = planName;
+  document.getElementById('staffModalTitle').textContent = planName;
+  // 找到对应计划
+  var plan = historyPlans.find(function(p){return p.planName === planName;});
+  if(plan){
+    staffModalPlanId = plan.id;
+    staffAllData = buildStaffData(plan);
+  } else {
+    staffAllData = [];
+  }
+  staffFilteredData = staffAllData.slice();
+  staffCurrentPage = 0;
+  resetStaffFilterSilent();
+  document.getElementById('staffModal').classList.add('open');
+  renderStaffTable();
+}
+
+/* [交互] 关闭弹窗 */
+function closeStaffModal(){
+  document.getElementById('staffModal').classList.remove('open');
+}
+
+/* 点击遮罩关闭 */
+document.getElementById('staffModal').addEventListener('click', function(e){
+  if(e.target === this) closeStaffModal();
+});
+
+/* ===== 弹窗单位部门级联 ===== */
+function toggleModalOrg(){
+  var panel = document.getElementById('modalOrgPanel');
+  var trigger = document.getElementById('modalOrgTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+function selectModalUnit(elem, unitName, unitCode){
+  document.querySelectorAll('#modalUnitCol .modal-org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  modalUnitName = unitName;
+  modalUnitCode = unitCode;
+  var depts = modalDeptMap[unitCode] || [];
+  var html = '<div class="modal-org-col__title">部门</div>';
+  html += '<div class="modal-org-item active" data-dept="" onclick="selectModalDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){
+    html += '<div class="modal-org-item" data-dept="'+d+'" onclick="selectModalDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>';
+  });
+  document.getElementById('modalDeptCol').innerHTML = html;
+  modalDeptName = '';
+  modalDeptCode = '';
+}
+
+function selectModalDept(elem, deptName, deptCode){
+  document.querySelectorAll('#modalDeptCol .modal-org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  modalDeptName = deptName;
+  modalDeptCode = deptCode;
+  var label = modalUnitCode ? modalUnitName : '全部单位';
+  label += deptCode ? ' / ' + deptName : ' / 全部部门';
+  document.getElementById('modalOrgTrigger').textContent = label;
+}
+
+/* ===== 弹窗人员筛选 ===== */
+function applyStaffFilter(){
+  var unit = modalUnitCode;
+  var dept = modalDeptCode;
+  var name = document.getElementById('modalFilterName').value.trim().toLowerCase();
+  var empId = document.getElementById('modalFilterEmpId').value.trim().toLowerCase();
+  var data = staffAllData.slice();
+  if(unit){ data = data.filter(function(d){return d.unit === unit;}); }
+  if(dept){ data = data.filter(function(d){return d.dept === dept;}); }
+  if(name){ data = data.filter(function(d){return d.name.toLowerCase().indexOf(name) !== -1;}); }
+  if(empId){ data = data.filter(function(d){return d.empId.toLowerCase().indexOf(empId) !== -1;}); }
+  staffFilteredData = data;
+  staffCurrentPage = 0;
+  renderStaffTable();
+}
+
+function resetStaffFilter(){
+  resetStaffFilterSilent();
+  applyStaffFilter();
+}
+
+function resetStaffFilterSilent(){
+  modalUnitName = ''; modalUnitCode = '';
+  modalDeptName = ''; modalDeptCode = '';
+  document.getElementById('modalOrgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#modalUnitCol .modal-org-item').forEach(function(item){item.classList.remove('active');});
+  var firstUnit = document.querySelector('#modalUnitCol .modal-org-item');
+  if(firstUnit) firstUnit.classList.add('active');
+  document.getElementById('modalDeptCol').innerHTML = '<div class="modal-org-col__title">部门</div><div class="modal-org-item active" data-dept="" onclick="selectModalDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('modalFilterName').value = '';
+  document.getElementById('modalFilterEmpId').value = '';
+}
+
+/* ===== 弹窗表格渲染 ===== */
+function renderStaffTable(){
+  var tbody = document.getElementById('staffTableBody');
+  var start = staffCurrentPage * staffPageSize;
+  var pageData = staffFilteredData.slice(start, start + staffPageSize);
+  var totalPages = Math.ceil(staffFilteredData.length / staffPageSize) || 1;
+  document.getElementById('staffPageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + staffFilteredData.length + ' 条记录';
+  document.getElementById('staffPageNum').textContent = '第 ' + (staffCurrentPage + 1) + '/' + totalPages + ' 页';
+  if(staffFilteredData.length === 0){
+    tbody.innerHTML = '<tr><td colspan="9" class="td-empty">暂无人员数据</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.name)+'</td>';
+    html += '<td>'+esc(d.empId)+'</td>';
+    html += '<td>'+d.gender+'</td>';
+    html += '<td>'+d.age+'</td>';
+    html += '<td>'+esc(d.unit)+'</td>';
+    html += '<td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.height+'</td>';
+    html += '<td>'+d.weight+'</td>';
+    html += '<td>'+d.bmi+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function goStaffPage(delta){
+  var totalPages = Math.ceil(staffFilteredData.length / staffPageSize) || 1;
+  var newPage = staffCurrentPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  staffCurrentPage = newPage;
+  renderStaffTable();
+}
+
+/* 点击外部关闭弹窗内单位面板 */
+document.addEventListener('click', function(e){
+  var mw = document.getElementById('modalOrgWrap');
+  if(mw && !mw.contains(e.target)){
+    document.getElementById('modalOrgPanel').classList.remove('open');
+    document.getElementById('modalOrgTrigger').classList.remove('open');
+  }
+});
+
+/* ===== 工具函数 ===== */
+function esc(s){return String(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');},2000);
+}
+
+/* ===== 初始化 ===== */
+(function init(){
+  renderTable();
+})();
+</script>
+</body>
+</html>
diff --git a/web-admin/weight-management/personal-target-data.html b/web-admin/weight-management/personal-target-data.html
index 219be31..fd8c100 100644
--- a/web-admin/weight-management/personal-target-data.html
+++ b/web-admin/weight-management/personal-target-data.html
@@ -31,6 +31,78 @@
   .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
   .sidebar-item.active{color:#fff;background:var(--primary);}
   .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+  /* Tab 切换栏 */
+  .tab-bar{display:flex;gap:0;padding:0 24px;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);}
+  .tab-item{padding:12px 20px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-weight:500;}
+  .tab-item:hover{color:var(--primary);}
+  .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+  .tab-item__badge{display:inline-block;margin-left:6px;padding:0 8px;border-radius:10px;font-size:var(--font-xs);background:#F0F0F0;color:var(--text-secondary);line-height:1.8;}
+  .tab-item.active .tab-item__badge{background:var(--primary-light);color:var(--primary);}
+  .tab-panel{display:none;}
+  .tab-panel.active{display:block;}
+
+  /* 筛选栏 */
+  .filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border);}
+  .filter-item{display:flex;align-items:center;gap:8px;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:140px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+
+  /* 单位部门双列面板 */
+  .org-select-wrap{position:relative;display:inline-block;}
+  .org-trigger{height:36px;min-width:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-sm);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+  .org-trigger.open,.org-trigger:hover{border-color:var(--primary);}
+  .org-panel{display:none;position:absolute;top:40px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:420px;}
+  .org-panel.open{display:flex;}
+  .org-col{flex:1;overflow-y:auto;max-height:240px;border-right:1px solid var(--border);}
+  .org-col:last-child{border-right:none;}
+  .org-col__title{padding:8px 14px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+  .org-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+  .org-item:hover{background:#F0F8FF;color:var(--primary);}
+  .org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+
+  /* 按钮 */
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+
+  /* 操作栏 */
+  .action-bar{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--border);}
+
+  /* 表格卡片 */
+  .table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:2400px;}
+  thead th{background:#FAFAFA;padding:10px 10px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+  thead th.th-divider{border-right:2px solid var(--border);}
+  tbody td{padding:10px 10px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+	  /* 固定列：首两列左固定，末列右固定 */
+	  .col-fixed-l1{position:sticky;left:0;z-index:2;}
+	  .col-fixed-l2{position:sticky;left:72px;z-index:2;}
+	  .col-fixed-r{position:sticky;right:0;z-index:2;}
+	  thead .col-fixed-l1,thead .col-fixed-l2,thead .col-fixed-r{background:#FAFAFA;}
+	  tbody .col-fixed-l1,tbody .col-fixed-l2,tbody .col-fixed-r{background:#fff;}
+	  tbody tr:hover .col-fixed-l1,tbody tr:hover .col-fixed-l2,tbody tr:hover .col-fixed-r{background:#F8FBFF;}
+	  /* 查看按钮 */
+	  .btn-link{color:var(--primary);cursor:pointer;background:none;border:none;font-size:var(--font-sm);padding:0;text-decoration:none;}
+	  .btn-link:hover{color:#40a9ff;text-decoration:underline;}
+
+  /* 变化值颜色 */
+  .change-down{color:var(--success);}
+  .change-up{color:var(--danger);}
+  .change-zero{color:var(--text-placeholder);}
+
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
 </style>
 </head>
 <body>
@@ -41,6 +113,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html" class="active">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -56,7 +129,306 @@
   <a href="personal-target-data.html" class="sidebar-item active">个人目标数据</a>
 </aside>
 <main class="main">
-  <!-- 主内容区域 -->
+  <!-- [交互] Tab 切换：已设置目标 / 未设置目标，切换时下方筛选区+列表联动 -->
+  <div class="tab-bar">
+    <div class="tab-item active" data-tab="0" onclick="switchTab(0)">已设置目标</div>
+    <div class="tab-item" data-tab="1" onclick="switchTab(1)">未设置目标</div>
+  </div>
+
+  <!-- Tab 0：已设置目标 -->
+  <div class="tab-panel active" id="tabPanel0">
+    <!-- 筛选条件 -->
+    <div class="filter-bar">
+      <!-- [交互] 单位部门双列面板：左选单位→右侧部门联动加载 -->
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="orgWrap0">
+          <div class="org-trigger" id="orgTrigger0" onclick="toggleOrg(0)">全部单位/部门</div>
+          <div class="org-panel" id="orgPanel0">
+            <div class="org-col" id="orgUnitCol0">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectUnit(0, this, '全部单位/部门', '')">全部单位/部门</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectUnit(0, this, '采油一厂', '采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectUnit(0, this, '采油二厂', '采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气厂" onclick="selectUnit(0, this, '采气厂', '采气厂')">采气厂</div>
+            </div>
+            <div class="org-col" id="orgDeptCol0">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectDept(0, this, '全部部门', '')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item"><label>姓名</label><input class="filter-input" placeholder="请输入姓名" style="min-width:120px;"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入员工编号" style="min-width:140px;"></div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <!-- [交互] 操作按钮：导出列表数据触发浏览器下载；查看导出任务跳转至导出任务列表弹窗 -->
+    <div class="action-bar">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+    <!-- 数据列表 -->
+    <div class="table-card">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th rowspan="2" style="vertical-align:middle;" class="col-fixed-l1">姓名</th>
+              <th rowspan="2" style="vertical-align:middle;" class="col-fixed-l2">员工编号</th>
+              <th rowspan="2" style="vertical-align:middle;">性别</th>
+              <th rowspan="2" style="vertical-align:middle;">年龄</th>
+              <th rowspan="2" style="vertical-align:middle;">单位</th>
+              <th rowspan="2" style="vertical-align:middle;">部门</th>
+              <th colspan="2" style="text-align:center;border-bottom:1px solid var(--border);" class="th-divider">目标周期</th>
+              <th colspan="5" style="text-align:center;border-bottom:1px solid var(--border);" class="th-divider">初始指标</th>
+              <th colspan="4" style="text-align:center;border-bottom:1px solid var(--border);" class="th-divider">目标指标</th>
+              <th colspan="4" style="text-align:center;border-bottom:1px solid var(--border);" class="th-divider">当前指标</th>
+              <th colspan="4" style="text-align:center;border-bottom:1px solid var(--border);">变化</th>
+              <th rowspan="2" style="vertical-align:middle;" class="col-fixed-r">详细数据</th>
+            </tr>
+            <tr>
+              <th>目标起止日期</th><th class="th-divider">目标天数</th>
+              <th>身高(cm)</th><th>初始体重(kg)</th><th>初始BMI</th><th>初始体脂(%)</th><th class="th-divider">初始腰围(cm)</th>
+              <th>目标体重(kg)</th><th>目标BMI</th><th>目标体脂(%)</th><th class="th-divider">目标腰围(cm)</th>
+              <th>现体重(kg)</th><th>现BMI</th><th>现体脂(%)</th><th class="th-divider">现腰围(cm)</th>
+              <th>体重变化(kg)</th><th>BMI变化</th><th>体脂变化(%)</th><th>腰围变化(cm)</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="col-fixed-l1">张伟</td><td class="col-fixed-l2">EMP-10001</td><td>男</td><td>35</td><td>采油一厂</td><td>生产运行科</td>
+              <td>2024-03-01 ~ 2024-09-01</td><td class="th-divider">184</td>
+              <td>175</td><td>85.0</td><td>27.8</td><td>26.5</td><td class="th-divider">96</td>
+              <td>72.0</td><td>23.5</td><td>20.0</td><td class="th-divider">82</td>
+              <td>73.5</td><td>24.0</td><td>21.2</td><td class="th-divider">84</td>
+              <td class="change-down">-11.5</td><td class="change-down">-3.8</td><td class="change-down">-5.3</td><td class="change-down">-12</td>
+              <td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10001">查看</a></td>
+            </tr>
+            <tr>
+              <td class="col-fixed-l1">李娜</td><td class="col-fixed-l2">EMP-10002</td><td>女</td><td>28</td><td>采油一厂</td><td>安全环保科</td>
+              <td>2024-03-15 ~ 2024-09-15</td><td class="th-divider">184</td>
+              <td>163</td><td>68.5</td><td>25.8</td><td>32.0</td><td class="th-divider">82</td>
+              <td>55.0</td><td>20.7</td><td>24.0</td><td class="th-divider">68</td>
+              <td>57.2</td><td>21.5</td><td>25.1</td><td class="th-divider">70</td>
+              <td class="change-down">-11.3</td><td class="change-down">-4.3</td><td class="change-down">-6.9</td><td class="change-down">-12</td>
+              <td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10002">查看</a></td>
+            </tr>
+            <tr>
+              <td class="col-fixed-l1">王强</td><td class="col-fixed-l2">EMP-10003</td><td>男</td><td>42</td><td>采油二厂</td><td>综合管理科</td>
+              <td>2024-04-01 ~ 2024-10-01</td><td class="th-divider">183</td>
+              <td>170</td><td>92.0</td><td>31.8</td><td>30.2</td><td class="th-divider">105</td>
+              <td>78.0</td><td>27.0</td><td>24.0</td><td class="th-divider">90</td>
+              <td>80.5</td><td>27.9</td><td>25.8</td><td class="th-divider">93</td>
+              <td class="change-down">-11.5</td><td class="change-down">-3.9</td><td class="change-down">-4.4</td><td class="change-down">-12</td>
+              <td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10003">查看</a></td>
+            </tr>
+            <tr>
+              <td class="col-fixed-l1">赵敏</td><td class="col-fixed-l2">EMP-10004</td><td>女</td><td>31</td><td>采油二厂</td><td>生产运行科</td>
+              <td>2024-02-15 ~ 2024-08-15</td><td class="th-divider">182</td>
+              <td>160</td><td>62.0</td><td>24.2</td><td>28.5</td><td class="th-divider">78</td>
+              <td>52.0</td><td>20.3</td><td>22.0</td><td class="th-divider">66</td>
+              <td>53.5</td><td>20.9</td><td>23.1</td><td class="th-divider">68</td>
+              <td class="change-down">-8.5</td><td class="change-down">-3.3</td><td class="change-down">-5.4</td><td class="change-down">-10</td>
+              <td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10004">查看</a></td>
+            </tr>
+            <tr>
+              <td class="col-fixed-l1">刘洋</td><td class="col-fixed-l2">EMP-10005</td><td>男</td><td>38</td><td>采气厂</td><td>安全环保科</td>
+              <td>2024-03-20 ~ 2024-09-20</td><td class="th-divider">184</td>
+              <td>178</td><td>88.5</td><td>27.9</td><td>27.8</td><td class="th-divider">100</td>
+              <td>75.0</td><td>23.7</td><td>20.0</td><td class="th-divider">85</td>
+              <td>77.2</td><td>24.4</td><td>21.5</td><td class="th-divider">87</td>
+              <td class="change-down">-11.3</td><td class="change-down">-3.5</td><td class="change-down">-6.3</td><td class="change-down">-13</td>
+              <td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10005">查看</a></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>共 156 条</span>
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">2</button>
+        <button class="page-btn">3</button>
+        <button class="page-btn">...</button>
+        <button class="page-btn">16</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Tab 1：未设置目标 -->
+  <div class="tab-panel" id="tabPanel1">
+    <!-- 筛选条件 -->
+    <div class="filter-bar">
+      <!-- [交互] 单位部门双列面板：左选单位→右侧部门联动加载 -->
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="orgWrap1">
+          <div class="org-trigger" id="orgTrigger1" onclick="toggleOrg(1)">全部单位/部门</div>
+          <div class="org-panel" id="orgPanel1">
+            <div class="org-col" id="orgUnitCol1">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectUnit(1, this, '全部单位/部门', '')">全部单位/部门</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectUnit(1, this, '采油一厂', '采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectUnit(1, this, '采油二厂', '采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气厂" onclick="selectUnit(1, this, '采气厂', '采气厂')">采气厂</div>
+            </div>
+            <div class="org-col" id="orgDeptCol1">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectDept(1, this, '全部部门', '')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item"><label>姓名</label><input class="filter-input" placeholder="请输入姓名" style="min-width:120px;"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入员工编号" style="min-width:140px;"></div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <!-- [交互] 操作按钮 -->
+    <div class="action-bar">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+    <!-- 数据列表 -->
+    <div class="table-card">
+      <div class="table-card__content">
+        <table style="min-width:1100px;">
+          <thead>
+            <tr>
+              <th class="col-fixed-l1">姓名</th>
+              <th class="col-fixed-l2">员工编号</th>
+              <th>性别</th>
+              <th>年龄</th>
+              <th>单位</th>
+              <th>部门</th>
+              <th>身高(cm)</th>
+              <th>初始体重(kg)</th>
+              <th>初始BMI</th>
+              <th>初始体脂(%)</th>
+              <th>初始腰围(cm)</th>
+              <th class="col-fixed-r">详细数据</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td class="col-fixed-l1">孙磊</td><td class="col-fixed-l2">EMP-10101</td><td>男</td><td>29</td><td>采油一厂</td><td>生产运行科</td><td>172</td><td>78.0</td><td>26.4</td><td>24.5</td><td>92</td><td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10101&tab=noTarget">查看</a></td></tr>
+            <tr><td class="col-fixed-l1">周婷</td><td class="col-fixed-l2">EMP-10102</td><td>女</td><td>33</td><td>采油二厂</td><td>安全环保科</td><td>158</td><td>65.2</td><td>26.1</td><td>31.0</td><td>80</td><td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10102&tab=noTarget">查看</a></td></tr>
+            <tr><td class="col-fixed-l1">吴刚</td><td class="col-fixed-l2">EMP-10103</td><td>男</td><td>45</td><td>采气厂</td><td>综合管理科</td><td>168</td><td>90.5</td><td>32.1</td><td>33.5</td><td>108</td><td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10103&tab=noTarget">查看</a></td></tr>
+            <tr><td class="col-fixed-l1">陈静</td><td class="col-fixed-l2">EMP-10104</td><td>女</td><td>26</td><td>采油一厂</td><td>综合管理科</td><td>165</td><td>58.0</td><td>21.3</td><td>25.0</td><td>72</td><td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10104&tab=noTarget">查看</a></td></tr>
+            <tr><td class="col-fixed-l1">郑飞</td><td class="col-fixed-l2">EMP-10105</td><td>男</td><td>40</td><td>采油二厂</td><td>生产运行科</td><td>175</td><td>86.2</td><td>28.1</td><td>28.5</td><td>98</td><td class="col-fixed-r"><a class="btn-link" href="personal-target-detail.html?empId=EMP-10105&tab=noTarget">查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>共 42 条</span>
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">2</button>
+        <button class="page-btn">3</button>
+        <button class="page-btn">...</button>
+        <button class="page-btn">5</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
 </main>
+
+<script>
+/* [交互] Tab 切换：点击 tab 按钮切换显示对应的 tab-panel */
+function switchTab(index) {
+  document.querySelectorAll('.tab-item').forEach(function(el, i) {
+    el.classList.toggle('active', i === index);
+  });
+  document.querySelectorAll('.tab-panel').forEach(function(el, i) {
+    el.classList.toggle('active', i === index);
+  });
+}
+
+/* ———— 单位部门双列面板交互 ———— */
+
+/* 部门映射数据：选中左侧单位后，右侧部门动态加载 */
+var deptMap = {
+  '采油一厂': ['生产运行科', '安全环保科', '综合管理科', '健康管理部'],
+  '采油二厂': ['生产运行科', '安全环保科', '财务部'],
+  '采气厂': ['安全生产科', '综合管理科', '信息中心']
+};
+
+/* 每个tab实例的选中状态 */
+var orgState = [
+  { unitName: '', unitCode: '', deptName: '', deptCode: '' },
+  { unitName: '', unitCode: '', deptName: '', deptCode: '' }
+];
+
+/* [交互] 展开/收起单位部门双列面板 */
+function toggleOrg(tabIdx) {
+  var panel = document.getElementById('orgPanel' + tabIdx);
+  var trigger = document.getElementById('orgTrigger' + tabIdx);
+  var isOpen = panel.classList.contains('open');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+/* [交互] 选择左侧单位 → 右侧部门列表联动刷新，选中"全部"则清空部门 */
+function selectUnit(tabIdx, elem, unitName, unitCode) {
+  document.querySelectorAll('#orgUnitCol' + tabIdx + ' .org-item').forEach(function(item) {
+    item.classList.remove('active');
+  });
+  elem.classList.add('active');
+  orgState[tabIdx].unitName = unitName;
+  orgState[tabIdx].unitCode = unitCode;
+
+  // 更新右侧部门列表
+  var depts = deptMap[unitCode] || [];
+  var html = '<div class="org-col__title">部门</div>';
+  html += '<div class="org-item active" data-dept="" onclick="selectDept(' + tabIdx + ', this, \'全部部门\', \'\')">全部部门</div>';
+  depts.forEach(function(d) {
+    html += '<div class="org-item" data-dept="' + d + '" onclick="selectDept(' + tabIdx + ', this, \'' + d + '\', \'' + d + '\')">' + d + '</div>';
+  });
+  document.getElementById('orgDeptCol' + tabIdx).innerHTML = html;
+  orgState[tabIdx].deptName = '';
+  orgState[tabIdx].deptCode = '';
+
+  // 更新触发器文本
+  var label = unitCode ? unitName : '全部单位';
+  label += ' / 全部部门';
+  document.getElementById('orgTrigger' + tabIdx).textContent = label;
+}
+
+/* [交互] 选择右侧部门 → 更新触发器文本并关闭面板 */
+function selectDept(tabIdx, elem, deptName, deptCode) {
+  document.querySelectorAll('#orgDeptCol' + tabIdx + ' .org-item').forEach(function(item) {
+    item.classList.remove('active');
+  });
+  elem.classList.add('active');
+  orgState[tabIdx].deptName = deptName;
+  orgState[tabIdx].deptCode = deptCode;
+
+  // 更新触发器文本
+  var label = orgState[tabIdx].unitCode ? orgState[tabIdx].unitName : '全部单位';
+  if (deptCode) {
+    label += ' / ' + deptName;
+  } else {
+    label += ' / 全部部门';
+  }
+  document.getElementById('orgTrigger' + tabIdx).textContent = label;
+
+  // 关闭面板
+  document.getElementById('orgPanel' + tabIdx).classList.remove('open');
+  document.getElementById('orgTrigger' + tabIdx).classList.remove('open');
+}
+
+/* [交互] 点击面板外部区域关闭 */
+document.addEventListener('click', function(e) {
+  for (var i = 0; i < 2; i++) {
+    var orgWrap = document.getElementById('orgWrap' + i);
+    if (orgWrap && !orgWrap.contains(e.target)) {
+      document.getElementById('orgPanel' + i).classList.remove('open');
+      document.getElementById('orgTrigger' + i).classList.remove('open');
+    }
+  }
+});
+</script>
 </body>
 </html>
diff --git a/web-admin/weight-management/personal-target-detail.html b/web-admin/weight-management/personal-target-detail.html
new file mode 100644
index 0000000..6d572ba
--- /dev/null
+++ b/web-admin/weight-management/personal-target-detail.html
@@ -0,0 +1,715 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>每日记录详情 | 体重管理</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb a{color:var(--text-placeholder);text-decoration:none;}
+.page-header__breadcrumb a:hover{color:var(--primary);}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 返回按钮 */
+.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-size:var(--font-sm);margin-bottom:12px;}
+.back-link:hover{color:#40a9ff;}
+
+/* 顶部三列信息卡片 */
+.overview-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;display:flex;}
+.overview-card__col{padding:12px 20px;}
+.overview-card__col--left{width:200px;flex-shrink:0;border-right:1px solid var(--border);}
+.overview-card__col--mid{flex:1;border-right:1px solid var(--border);display:flex;flex-direction:column;}
+.overview-card__col--right{width:200px;flex-shrink:0;}
+.overview-card__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #F0F0F0;}
+.overview-card__name{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:8px;}
+.overview-card__info-list{display:flex;flex-direction:column;gap:6px;}
+.overview-card__info-row{display:flex;font-size:var(--font-sm);}
+.overview-card__info-label{color:var(--text-secondary);width:65px;flex-shrink:0;}
+.overview-card__info-value{color:var(--text-primary);}
+
+/* 中列：计划下拉 + 初始/目标/现三列指标 */
+.overview-card__plan-select{margin-bottom:6px;display:flex;align-items:center;gap:16px;}
+.overview-card__plan-select .search-select{flex:1;min-width:0;}
+.overview-card__plan-info{display:flex;align-items:center;gap:16px;font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;}
+.overview-card__plan-info .plan-status{display:inline-block;padding:1px 8px;border-radius:10px;font-size:var(--font-xs);}
+.overview-card__plan-info .plan-status--active{background:#F6FFED;color:var(--success);}
+.overview-card__plan-info .plan-status--ended{background:#F5F5F5;color:var(--text-placeholder);}
+.overview-card__metrics-row{display:flex;gap:0;}
+.overview-card__metrics-col{flex:1;padding:0 12px;text-align:center;}
+.overview-card__metrics-col+.overview-card__metrics-col{border-left:1px solid #F0F0F0;}
+.overview-card__metrics-title{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;margin-bottom:8px;}
+.overview-card__metrics-row{flex:1;display:flex;align-items:center;}
+.overview-card__metrics-line{display:flex;justify-content:space-around;font-size:var(--font-sm);line-height:1.6;}
+.overview-card__metric{display:flex;flex-direction:column;align-items:center;flex:1;}
+.overview-card__metric-val{color:var(--text-primary);font-weight:600;}
+.overview-card__metric-val .unit{font-size:var(--font-xs);color:var(--text-placeholder);font-weight:400;}
+.overview-card__metric-label{font-size:var(--font-xs);color:var(--text-placeholder);}
+.overview-card__metrics-value{font-weight:600;}
+.overview-card__metrics-unit{font-size:var(--font-xs);color:var(--text-placeholder);}
+
+/* 右列：累计天数 */
+.overview-card__stat-list{display:flex;flex-direction:column;gap:12px;}
+.overview-card__stat-item{display:flex;align-items:center;gap:12px;}
+.overview-card__stat-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
+.overview-card__stat-icon--diet{background:#E6F7FF;color:var(--primary);}
+.overview-card__stat-icon--exercise{background:#F6FFED;color:var(--success);}
+.overview-card__stat-icon--weight{background:#FFF7E6;color:var(--warning);}
+.overview-card__stat-body{display:flex;flex-direction:column;}
+.overview-card__stat-val{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;}
+.overview-card__stat-label{font-size:var(--font-xs);color:var(--text-secondary);}
+
+/* 搜索下拉（干预计划选择） */
+.search-select{position:relative;width:100%;}
+.search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 36px 0 12px;font-size:var(--font-sm);outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;}
+.search-select__input:focus{border-color:var(--primary);}
+.search-select__input::placeholder{color:var(--text-placeholder);}
+.search-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;max-height:280px;overflow-y:auto;}
+.search-select__panel.show{display:block;}
+.search-select__option{padding:12px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-bottom:1px solid #F5F5F5;}
+.search-select__option:last-child{border-bottom:none;}
+.search-select__option:hover{background:#F5F7FA;}
+.search-select__option.selected{color:var(--primary);background:var(--primary-light);}
+.search-select__option .ss-org{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;}
+.search-select__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--text-placeholder);font-size:16px;display:none;align-items:center;justify-content:center;border-radius:50%;line-height:1;padding:0;z-index:1;}
+.search-select__clear:hover{color:var(--text-primary);background:#F0F0F0;}
+.search-select__clear.show{display:flex;}
+.search-select--selected .search-select__input{background-image:none;padding-right:32px;}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:16px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;}
+.filter-input:focus{border-color:var(--primary);}
+.filter-divider{color:var(--text-placeholder);font-size:var(--font-xs);margin:0 2px;}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+table{width:100%;border-collapse:collapse;min-width:900px;white-space:nowrap;}
+
+thead th{background:#FAFAFA;padding:10px 12px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+thead th.th-divider{border-right:2px solid var(--border);}
+tbody td{padding:10px 12px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 分页 */
+.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);}
+
+/* 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>
+<!-- 顶部导航栏 -->
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal-weight-data.html">档案</a>
+    <a href="plan-list.html">计划管理</a>
+    <a href="registration-tracking.html">报名管理</a>
+    <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
+    <a href="personal-target-data.html" class="active">个人体重管理</a>
+    <a href="scale-device.html">设备管理</a>
+    <a href="exception-system-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+
+<!-- 侧边栏 -->
+<aside class="sidebar">
+  <div class="sidebar-menu__title">个人体重管理</div>
+  <a href="personal-target-data.html" class="sidebar-item active">个人目标数据</a>
+</aside>
+
+<!-- 主内容 -->
+<main class="main">
+
+  <!-- 页面标题 -->
+  <a class="back-link" href="personal-target-data.html">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+    返回列表
+  </a>
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / 个人体重管理 / <a href="personal-target-data.html">个人目标数据</a> / <span id="pageTitle">-</span></div>
+  </div>
+
+  <!-- [交互] 顶部三列信息卡片：左=个人信息 | 中=目标信息+计划选择 | 右=累计记录天数 -->
+  <div class="overview-card">
+    <!-- 左列：个人信息 -->
+    <div class="overview-card__col overview-card__col--left">
+      <div class="overview-card__title">个人信息</div>
+      <div class="overview-card__name" id="empName">-</div>
+      <div class="overview-card__info-list">
+        <div class="overview-card__info-row"><span class="overview-card__info-label">员工编号</span><span class="overview-card__info-value" id="empCode">-</span></div>
+        <div class="overview-card__info-row"><span class="overview-card__info-label">性别</span><span class="overview-card__info-value" id="empGender">-</span></div>
+        <div class="overview-card__info-row"><span class="overview-card__info-label">年龄</span><span class="overview-card__info-value" id="empAge">-</span></div>
+        <div class="overview-card__info-row"><span class="overview-card__info-label">单位</span><span class="overview-card__info-value" id="empOrg">-</span></div>
+        <div class="overview-card__info-row"><span class="overview-card__info-label">部门</span><span class="overview-card__info-value" id="empDept">-</span></div>
+      </div>
+    </div>
+    <!-- 中列：个人目标信息 + 干预计划下拉 -->
+    <div class="overview-card__col overview-card__col--mid" id="midCol">
+      <div class="overview-card__title">个人目标信息</div>
+      <!-- [交互] 未设置目标时显示缺省提示 -->
+      <div id="targetEmpty" style="display:none;flex:1;justify-content:center;align-items:center;color:var(--text-placeholder);font-size:var(--font-sm);">
+        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" style="opacity:0.3;"><circle cx="24" cy="24" r="20" stroke="#999" stroke-width="2" stroke-dasharray="4 3"/><path d="M24 14v12M24 30v1" stroke="#999" stroke-width="2" stroke-linecap="round"/></svg>
+        <span style="margin-left:12px;">未设置个人目标</span>
+      </div>
+      <div id="targetContent">
+      <!-- [交互] 个人目标下拉选择 + 右侧日期/状态 -->
+      <div class="overview-card__plan-select">
+        <div class="search-select" id="planSelect">
+          <input class="search-select__input" id="planSearchInput" placeholder="选择个人目标" oninput="searchPlan()" onfocus="showPlanPanel()" autocomplete="off">
+          <button class="search-select__clear" id="planClearBtn" onclick="clearPlan()" title="清空计划">×</button>
+          <div class="search-select__panel" id="planPanel"></div>
+        </div>
+        <div class="overview-card__plan-info" id="planDateInfo" style="display:none;">
+          <span id="piDateRange">-</span>
+          <span id="piDays">-</span>
+          <span class="plan-status" id="piStatus">-</span>
+        </div>
+      </div>
+      <div class="overview-card__metrics-row">
+        <div class="overview-card__metrics-col">
+          <div class="overview-card__metrics-title">初始指标</div>
+          <div class="overview-card__metrics-line">
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="initWeight">-</span><span class="overview-card__metric-label">体重</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="initBmi">-</span><span class="overview-card__metric-label">BMI</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="initFat">-</span><span class="overview-card__metric-label">体脂率</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="initWaist">-</span><span class="overview-card__metric-label">腰围</span></div>
+          </div>
+        </div>
+        <div class="overview-card__metrics-col">
+          <div class="overview-card__metrics-title">目标指标</div>
+          <div class="overview-card__metrics-line">
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="tgWeight">-</span><span class="overview-card__metric-label">体重</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="tgBmi">-</span><span class="overview-card__metric-label">BMI</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="tgFat">-</span><span class="overview-card__metric-label">体脂率</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="tgWaist">-</span><span class="overview-card__metric-label">腰围</span></div>
+          </div>
+        </div>
+        <div class="overview-card__metrics-col">
+          <div class="overview-card__metrics-title">最新指标</div>
+          <div class="overview-card__metrics-line">
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="curWeight">-</span><span class="overview-card__metric-label">体重</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="curBmi">-</span><span class="overview-card__metric-label">BMI</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="curFat">-</span><span class="overview-card__metric-label">体脂率</span></div>
+            <div class="overview-card__metric"><span class="overview-card__metric-val" id="curWaist">-</span><span class="overview-card__metric-label">腰围</span></div>
+          </div>
+        </div>
+      </div>
+      </div><!-- /targetContent -->
+    </div>
+    <!-- 右列：累计记录天数 -->
+    <div class="overview-card__col overview-card__col--right">
+      <div class="overview-card__title">累计记录天数</div>
+      <div class="overview-card__stat-list">
+        <div class="overview-card__stat-item">
+          <div class="overview-card__stat-icon overview-card__stat-icon--diet">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><rect x="3" y="2" width="18" height="20" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M3 8h18" stroke="currentColor" stroke-width="1.5"/><path d="M8 12h2M14 12h2M8 16h2M14 16h2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          </div>
+          <div class="overview-card__stat-body">
+            <span class="overview-card__stat-val" id="dietDays">0</span>
+            <span class="overview-card__stat-label">饮食记录天数</span>
+          </div>
+        </div>
+        <div class="overview-card__stat-item">
+          <div class="overview-card__stat-icon overview-card__stat-icon--exercise">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.5"/><path d="M8 12h8M12 8v8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          </div>
+          <div class="overview-card__stat-body">
+            <span class="overview-card__stat-val" id="exerciseDays">0</span>
+            <span class="overview-card__stat-label">运动记录天数</span>
+          </div>
+        </div>
+        <div class="overview-card__stat-item">
+          <div class="overview-card__stat-icon overview-card__stat-icon--weight">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><rect x="4" y="2" width="16" height="20" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M8 8h4M8 12h4M8 16h8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
+          </div>
+          <div class="overview-card__stat-body">
+            <span class="overview-card__stat-val" id="weightDays">0</span>
+            <span class="overview-card__stat-label">体重记录天数</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- [交互] 筛选栏 — 日期范围（默认当日）、查询/重置 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>日期范围</label>
+      <input class="filter-input" type="date" id="filterDateFrom" onchange="applyFilter()">
+      <span class="filter-divider">~</span>
+      <input class="filter-input" type="date" id="filterDateTo" onchange="applyFilter()">
+    </div>
+    <!-- [交互] 点击查询按钮筛选列表 -->
+    <button class="btn btn-primary" onclick="applyFilter()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+
+  <!-- [交互] 操作按钮区 -->
+  <div class="action-bar">
+    <button class="btn btn-export" onclick="showToast('导出列表数据功能开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+    </button>
+    <!-- [交互] 点击打开导出任务列表 -->
+    <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+    </button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>日期</th>
+            <th>饮食记录(千卡)</th>
+            <th>运动记录(千卡)</th>
+            <th>体重(kg)</th>
+            <th>BMI</th>
+            <th>体脂率(%)</th>
+            <th>腰围(cm)</th>
+          </tr>
+        </thead>
+        <tbody id="tableBody"></tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span id="pageInfo">显示 0 条记录</span>
+      <button class="page-btn" onclick="goPage(-1)">‹</button>
+      <span id="pageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+      <button class="page-btn" onclick="goPage(1)">›</button>
+    </div>
+  </div>
+
+</main>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* ===== URL参数解析 ===== */
+function getParam(name){
+  var params = new URLSearchParams(location.search);
+  return params.get(name);
+}
+
+/* ===== 个人目标数据（员工自己创建的目标标题） ===== */
+var targets = [
+  {id:1,title:'减重10kg计划',targetWeight:75,targetBmi:24.5,targetFat:20.0,targetWaist:85,dateFrom:'2026-03-01',dateTo:'2026-09-01'},
+  {id:2,title:'体脂率控制目标',targetWeight:78,targetBmi:25.5,targetFat:18.0,targetWaist:88,dateFrom:'2026-04-15',dateTo:'2026-10-15'},
+  {id:3,title:'腰围缩减方案',targetWeight:80,targetBmi:26.1,targetFat:22.0,targetWaist:82,dateFrom:'2026-05-01',dateTo:'2026-11-01'}
+];
+
+/* ===== 员工数据 ===== */
+var allEmployees = [
+  {name:'张伟',empId:'EMP-10001',gender:'男',age:35,org:'采油一厂',dept:'生产运行科',height:175,weight:85.0,bmi:27.8,fat:26.5,waist:96,targetIds:[1,2]},
+  {name:'李娜',empId:'EMP-10002',gender:'女',age:28,org:'采油一厂',dept:'安全环保科',height:163,weight:68.5,bmi:25.8,fat:32.0,waist:82,targetIds:[1,3]},
+  {name:'王强',empId:'EMP-10003',gender:'男',age:42,org:'采油二厂',dept:'综合管理科',height:170,weight:92.0,bmi:31.8,fat:30.2,waist:105,targetIds:[2]},
+  {name:'赵敏',empId:'EMP-10004',gender:'女',age:31,org:'采油二厂',dept:'生产运行科',height:160,weight:62.0,bmi:24.2,fat:28.5,waist:78,targetIds:[2,3]},
+  {name:'刘洋',empId:'EMP-10005',gender:'男',age:38,org:'采气厂',dept:'安全环保科',height:178,weight:88.5,bmi:27.9,fat:27.8,waist:100,targetIds:[3]},
+  {name:'孙磊',empId:'EMP-10101',gender:'男',age:29,org:'采油一厂',dept:'生产运行科',height:172,weight:78.0,bmi:26.4,fat:24.5,waist:92,targetIds:[]},
+  {name:'周婷',empId:'EMP-10102',gender:'女',age:33,org:'采油二厂',dept:'安全环保科',height:158,weight:65.2,bmi:26.1,fat:31.0,waist:80,targetIds:[]},
+  {name:'吴刚',empId:'EMP-10103',gender:'男',age:45,org:'采气厂',dept:'综合管理科',height:168,weight:90.5,bmi:32.1,fat:33.5,waist:108,targetIds:[]},
+  {name:'陈静',empId:'EMP-10104',gender:'女',age:26,org:'采油一厂',dept:'综合管理科',height:165,weight:58.0,bmi:21.3,fat:25.0,waist:72,targetIds:[]},
+  {name:'郑飞',empId:'EMP-10105',gender:'男',age:40,org:'采油二厂',dept:'生产运行科',height:175,weight:86.2,bmi:28.1,fat:28.5,waist:98,targetIds:[]}
+];
+
+var selectedPlanId = null;
+var currentEmployee = null;
+var dailyData = [];
+var filteredData = [];
+var pageSize = 10;
+var currentPage = 0;
+
+/* ===== 生成每日明细Mock数据 ===== */
+function buildDailyData(emp, target){
+  var data = [];
+  var today = new Date();
+  var dateFrom, dateTo, end, totalDays;
+  if(target){
+    dateFrom = new Date(target.dateFrom);
+    dateTo = new Date(target.dateTo);
+  } else {
+    // 未设置目标：模拟最近90天
+    dateFrom = new Date(today);
+    dateFrom.setDate(dateFrom.getDate() - 89);
+    dateTo = today;
+  }
+  end = dateTo < today ? dateTo : today;
+  totalDays = Math.ceil((end - dateFrom) / (1000*60*60*24)) + 1;
+  if(totalDays < 1) totalDays = 1;
+
+  // 无目标时用初始值附近小波动
+  var baseWeight = emp.weight;
+  var baseBmi = emp.bmi;
+  var baseWaist = emp.waist;
+  var baseFat = emp.fat;
+  var weightDiff = target ? (emp.weight - target.targetWeight) : 0;
+  var bmiDiff = target ? +(emp.bmi - target.targetBmi).toFixed(1) : 0;
+  var waistDiff = target ? (emp.waist - target.targetWaist) : 0;
+  var fatDiff = target ? +(emp.fat - target.targetFat).toFixed(1) : 0;
+
+  for(var d = 0; d < totalDays; d++){
+    var curDate = new Date(dateFrom);
+    curDate.setDate(curDate.getDate() + d);
+    var dateStr = curDate.getFullYear()+'-'+('0'+(curDate.getMonth()+1)).slice(-2)+'-'+('0'+curDate.getDate()).slice(-2);
+
+    var progress = d / Math.max(totalDays - 1, 1);
+    var curWeight = +(emp.weight - weightDiff * progress + (Math.random() - 0.5) * 0.6).toFixed(1);
+    var curBmi = +(curWeight / ((emp.height/100) * (emp.height/100))).toFixed(1);
+    var curWaist = Math.round(emp.waist - waistDiff * progress + (Math.random() - 0.5) * 1.5);
+    var curFat = +(emp.fat - fatDiff * progress + (Math.random() - 0.5) * 0.5).toFixed(1);
+
+    // 饮食记录（千卡）
+    var dietKcal = Math.floor(Math.random() * 800) + 1200;
+    // 运动记录（千卡）
+    var exerciseKcal = Math.floor(Math.random() * 500) + 200;
+
+    data.push({
+      date: dateStr,
+      dietKcal: dietKcal,
+      exerciseKcal: exerciseKcal,
+      weight: curWeight,
+      bmi: curBmi,
+      fat: curFat,
+      waist: curWaist
+    });
+  }
+  return data;
+}
+
+/* ===== 计算行动累计 ===== */
+function updateSummaryCards(){
+  if(!dailyData.length){
+    document.getElementById('dietDays').textContent = '0';
+    document.getElementById('exerciseDays').textContent = '0';
+    document.getElementById('weightDays').textContent = '0';
+    return;
+  }
+  var currentFiltered = getFilteredData();
+  var dietCount = 0, exerciseCount = 0, weightCount = 0;
+  currentFiltered.forEach(function(d){
+    if(d.dietKcal > 0) dietCount++;
+    if(d.exerciseKcal > 0) exerciseCount++;
+    if(d.weight > 0) weightCount++;
+  });
+  document.getElementById('dietDays').textContent = dietCount;
+  document.getElementById('exerciseDays').textContent = exerciseCount;
+  document.getElementById('weightDays').textContent = weightCount;
+}
+
+/* ===== 渲染员工信息卡片 ===== */
+function renderEmployeeCard(){
+  if(!currentEmployee) return;
+  document.getElementById('empName').textContent = currentEmployee.name;
+  document.getElementById('empCode').textContent = currentEmployee.empId;
+  document.getElementById('empGender').textContent = currentEmployee.gender;
+  document.getElementById('empAge').textContent = currentEmployee.age + ' 岁';
+  document.getElementById('empOrg').textContent = currentEmployee.org;
+  document.getElementById('empDept').textContent = currentEmployee.dept;
+  document.getElementById('pageTitle').textContent = currentEmployee.name + ' 的每日记录';
+}
+
+/* ===== 计划搜索选择 ===== */
+function searchPlan(){
+  var keyword = document.getElementById('planSearchInput').value.trim().toLowerCase();
+  var panel = document.getElementById('planPanel');
+  var filtered = targets;
+  if(keyword){
+    filtered = targets.filter(function(t){
+      return t.title.toLowerCase().indexOf(keyword) > -1;
+    });
+  }
+  if(filtered.length === 0){
+    panel.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);">无匹配目标</div>';
+  } else {
+    var html = '';
+    filtered.forEach(function(t){
+      var sel = selectedPlanId === t.id ? ' selected' : '';
+      html += '<div class="search-select__option'+sel+'" onclick="selectPlan('+t.id+')">';
+      html += '<div style="font-weight:500;">'+esc(t.title)+'</div>';
+      html += '<div class="ss-org">'+t.dateFrom+' ~ '+t.dateTo+' | 目标体重 '+t.targetWeight+'kg</div>';
+      html += '</div>';
+    });
+    panel.innerHTML = html;
+  }
+}
+
+function showPlanPanel(){
+  searchPlan();
+  document.getElementById('planPanel').classList.add('show');
+}
+
+/* [交互] 选中个人目标 → 更新目标指标 */
+function selectPlan(targetId){
+  selectedPlanId = targetId;
+  var target = targets.find(function(t){return t.id === targetId;});
+  if(!target) return;
+  document.getElementById('planSearchInput').value = target.title;
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planClearBtn').classList.add('show');
+  document.getElementById('planSelect').classList.add('search-select--selected');
+
+  // 显示日期/状态信息
+  document.getElementById('planDateInfo').style.display = 'flex';
+  document.getElementById('piDateRange').textContent = target.dateFrom + ' ~ ' + target.dateTo;
+  var today = new Date(); today.setHours(0,0,0,0);
+  var from = new Date(target.dateFrom);
+  var to = new Date(target.dateTo);
+  var totalDays = Math.ceil((to - from) / (1000*60*60*24)) + 1;
+  var isEnded = today > to;
+  document.getElementById('piDays').textContent = '共' + totalDays + '天';
+  var statusEl = document.getElementById('piStatus');
+  if(isEnded){
+    statusEl.textContent = '已结束';
+    statusEl.className = 'plan-status plan-status--ended';
+  } else {
+    statusEl.textContent = '进行中';
+    statusEl.className = 'plan-status plan-status--active';
+  }
+
+  // 初始指标（来自员工档案）
+  document.getElementById('initWeight').innerHTML = currentEmployee.weight + '<span class="unit">kg</span>';
+  document.getElementById('initBmi').textContent = currentEmployee.bmi;
+  document.getElementById('initFat').innerHTML = currentEmployee.fat + '<span class="unit">%</span>';
+  document.getElementById('initWaist').innerHTML = currentEmployee.waist + '<span class="unit">cm</span>';
+  // 目标指标
+  document.getElementById('tgWeight').innerHTML = target.targetWeight + '<span class="unit">kg</span>';
+  document.getElementById('tgBmi').textContent = target.targetBmi;
+  document.getElementById('tgFat').innerHTML = target.targetFat + '<span class="unit">%</span>';
+  document.getElementById('tgWaist').innerHTML = target.targetWaist + '<span class="unit">cm</span>';
+
+  // 重建数据
+  dailyData = buildDailyData(currentEmployee, target);
+  currentPage = 0;
+  applyFilter();
+  // 现指标取最新一条数据
+  updateCurrentMetrics();
+}
+
+/* [交互] 清空已选目标 */
+function clearPlan(){
+  selectedPlanId = null;
+  document.getElementById('planSearchInput').value = '';
+  document.getElementById('planClearBtn').classList.remove('show');
+  document.getElementById('planSelect').classList.remove('search-select--selected');
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planDateInfo').style.display = 'none';
+  document.getElementById('initWeight').textContent = '-';
+  document.getElementById('initBmi').textContent = '-';
+  document.getElementById('initFat').textContent = '-';
+  document.getElementById('initWaist').textContent = '-';
+  document.getElementById('tgWeight').textContent = '-';
+  document.getElementById('tgBmi').textContent = '-';
+  document.getElementById('tgFat').textContent = '-';
+  document.getElementById('tgWaist').textContent = '-';
+  document.getElementById('curWeight').textContent = '-';
+  document.getElementById('curBmi').textContent = '-';
+  document.getElementById('curFat').textContent = '-';
+  document.getElementById('curWaist').textContent = '-';
+  dailyData = [];
+  currentPage = 0;
+  applyFilter();
+}
+
+/* ===== 更新现指标（取最新一条数据） ===== */
+function updateCurrentMetrics(){
+  if(!dailyData.length) return;
+  var latest = dailyData[dailyData.length - 1];
+  document.getElementById('curWeight').innerHTML = latest.weight + '<span class="unit">kg</span>';
+  document.getElementById('curBmi').textContent = latest.bmi;
+  document.getElementById('curFat').innerHTML = latest.fat + '<span class="unit">%</span>';
+  document.getElementById('curWaist').innerHTML = latest.waist + '<span class="unit">cm</span>';
+}
+
+/* ===== 筛选 ===== */
+function getFilteredData(){
+  var dateFrom = document.getElementById('filterDateFrom').value;
+  var dateTo = document.getElementById('filterDateTo').value;
+  return dailyData.filter(function(d){
+    if(dateFrom && d.date < dateFrom) return false;
+    if(dateTo && d.date > dateTo) return false;
+    return true;
+  });
+}
+
+function applyFilter(){
+  filteredData = getFilteredData();
+  currentPage = 0;
+  renderTable();
+  updateSummaryCards();
+}
+
+function resetFilter(){
+  var today = formatDate(new Date());
+  document.getElementById('filterDateFrom').value = '';
+  document.getElementById('filterDateTo').value = '';
+  applyFilter();
+}
+
+/* ===== 渲染表格 ===== */
+function renderTable(){
+  var tbody = document.getElementById('tableBody');
+  var start = currentPage * pageSize;
+  var pageData = filteredData.slice(start, start + pageSize);
+  var totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  document.getElementById('pageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + filteredData.length + ' 条记录';
+  document.getElementById('pageNum').textContent = '第 ' + (currentPage + 1) + '/' + totalPages + ' 页';
+
+  if(filteredData.length === 0){
+    tbody.innerHTML = '<tr><td colspan="7" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+
+  var html = '';
+  pageData.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.date)+'</td>';
+    html += '<td>'+d.dietKcal+'</td>';
+    html += '<td>'+d.exerciseKcal+'</td>';
+    html += '<td>'+d.weight+'</td>';
+    html += '<td>'+d.bmi+'</td>';
+    html += '<td>'+d.fat+'</td>';
+    html += '<td>'+d.waist+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+/* ===== 翻页 ===== */
+function goPage(delta){
+  var totalPages = Math.ceil(filteredData.length / pageSize);
+  var newPage = currentPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  currentPage = newPage;
+  renderTable();
+}
+
+/* ===== 工具函数 ===== */
+function formatDate(d){
+  var y = d.getFullYear();
+  var m = (d.getMonth() + 1);
+  var day = d.getDate();
+  return y + '-' + (m < 10 ? '0' + m : m) + '-' + (day < 10 ? '0' + day : day);
+}
+
+function esc(s){return String(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('#planSelect')){
+    document.getElementById('planPanel').classList.remove('show');
+  }
+});
+
+/* ===== 初始化 ===== */
+(function init(){
+  var empId = getParam('empId');
+  var targetId = getParam('targetId');
+  var tab = getParam('tab');
+
+  // 未设置目标：显示缺省样式，隐藏目标内容区
+  if(tab === 'noTarget'){
+    document.getElementById('targetContent').style.display = 'none';
+    var emptyEl = document.getElementById('targetEmpty');
+    emptyEl.style.display = 'flex';
+  }
+
+  // 查找员工
+  currentEmployee = allEmployees.find(function(e){return e.empId === empId;}) || allEmployees[0];
+
+  // 渲染员工信息
+  renderEmployeeCard();
+
+  // 预填充下拉数据
+  var html = '';
+  targets.forEach(function(t){
+    html += '<div class="search-select__option" onclick="selectPlan('+t.id+')">';
+    html += '<div style="font-weight:500;">'+esc(t.title)+'</div>';
+    html += '<div class="ss-org">'+t.dateFrom+' ~ '+t.dateTo+' | 目标体重 '+t.targetWeight+'kg</div>';
+    html += '</div>';
+  });
+  document.getElementById('planPanel').innerHTML = html;
+
+  // 默认选中员工第一个目标（未设置目标时生成无目标数据）
+  if(tab === 'noTarget'){
+    dailyData = buildDailyData(currentEmployee, null);
+    applyFilter();
+  } else {
+    var defaultTargetId = targetId ? parseInt(targetId) : (currentEmployee.targetIds && currentEmployee.targetIds.length ? currentEmployee.targetIds[0] : targets[0].id);
+    if(defaultTargetId){
+      selectPlan(defaultTargetId);
+    }
+  }
+
+  // 初始化日期范围为全部（不设默认值）
+  renderTable();
+})();
+</script>
+</body>
+</html>
diff --git a/web-admin/weight-management/plan-edit.html b/web-admin/weight-management/plan-edit.html
index 6528ac4..23206e1 100644
--- a/web-admin/weight-management/plan-edit.html
+++ b/web-admin/weight-management/plan-edit.html
@@ -184,6 +184,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
     <a href="plan-list.html" class="active">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/plan-list.html b/web-admin/weight-management/plan-list.html
index 1fc3785..38ac215 100644
--- a/web-admin/weight-management/plan-list.html
+++ b/web-admin/weight-management/plan-list.html
@@ -160,6 +160,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
     <a href="plan-list.html" class="active">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/registration-tracking.html b/web-admin/weight-management/registration-tracking.html
index 3b93e46..86e5181 100644
--- a/web-admin/weight-management/registration-tracking.html
+++ b/web-admin/weight-management/registration-tracking.html
@@ -205,6 +205,7 @@ tbody tr:hover td:nth-child(3){background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html" class="active">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -521,7 +522,7 @@ tbody tr:hover td:nth-child(3){background:#F8FBFF;}
 <div class="promise-overlay" id="promiseOverlay">
   <div class="promise-dialog">
     <div class="promise-dialog__header">
-      <span class="promise-dialog__title">我的承诺</span>
+      <span class="promise-dialog__title" id="promiseTitle">我的承诺</span>
       <button class="promise-dialog__close" onclick="closePromise()">✕</button>
     </div>
     <div class="promise-dialog__body">
@@ -989,6 +990,7 @@ function showToast(msg){
 
 /* ===== 承诺书弹窗 ===== */
 function openPromise(name, signTime){
+  document.getElementById('promiseTitle').textContent = name + '的承诺';
   document.getElementById('promiseName').textContent = name;
   // 从签署时间提取日期部分
   var dateStr = signTime ? signTime.split(' ')[0] : '';
diff --git a/web-admin/weight-management/scale-device-add.html b/web-admin/weight-management/scale-device-add.html
index 7b0ac69..8d1b394 100644
--- a/web-admin/weight-management/scale-device-add.html
+++ b/web-admin/weight-management/scale-device-add.html
@@ -78,6 +78,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/scale-device.html b/web-admin/weight-management/scale-device.html
index b9c73fa..4b1fbc2 100644
--- a/web-admin/weight-management/scale-device.html
+++ b/web-admin/weight-management/scale-device.html
@@ -82,6 +82,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/scale-monitor-detail.html b/web-admin/weight-management/scale-monitor-detail.html
index 788faaf..a7cce27 100644
--- a/web-admin/weight-management/scale-monitor-detail.html
+++ b/web-admin/weight-management/scale-monitor-detail.html
@@ -109,6 +109,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/scale-monitor.html b/web-admin/weight-management/scale-monitor.html
index addf365..c79b250 100644
--- a/web-admin/weight-management/scale-monitor.html
+++ b/web-admin/weight-management/scale-monitor.html
@@ -74,6 +74,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/sport-device-add.html b/web-admin/weight-management/sport-device-add.html
index 5b7b93c..b444f08 100644
--- a/web-admin/weight-management/sport-device-add.html
+++ b/web-admin/weight-management/sport-device-add.html
@@ -78,6 +78,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/sport-device.html b/web-admin/weight-management/sport-device.html
index 25891f9..28ba7f2 100644
--- a/web-admin/weight-management/sport-device.html
+++ b/web-admin/weight-management/sport-device.html
@@ -84,6 +84,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/sport-monitor-detail.html b/web-admin/weight-management/sport-monitor-detail.html
index 01fac62..a643a18 100644
--- a/web-admin/weight-management/sport-monitor-detail.html
+++ b/web-admin/weight-management/sport-monitor-detail.html
@@ -87,6 +87,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/sport-monitor.html b/web-admin/weight-management/sport-monitor.html
index 1c0e1ba..9e209ea 100644
--- a/web-admin/weight-management/sport-monitor.html
+++ b/web-admin/weight-management/sport-monitor.html
@@ -74,6 +74,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html" class="active">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/target-weight-review.html b/web-admin/weight-management/target-weight-review.html
index b55ba51..eaf02ad 100644
--- a/web-admin/weight-management/target-weight-review.html
+++ b/web-admin/weight-management/target-weight-review.html
@@ -240,6 +240,7 @@ tbody tr:hover .td-actions{background:#F8FBFF;}
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html" class="active">报名管理</a>
     <a href="action-record.html">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
diff --git a/web-admin/weight-management/weight-ranking.html b/web-admin/weight-management/weight-ranking.html
index 81905c0..16d8580 100644
--- a/web-admin/weight-management/weight-ranking.html
+++ b/web-admin/weight-management/weight-ranking.html
@@ -5,35 +5,244 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>体重排名 | 体重管理</title>
 <style>
-  *{box-sizing:border-box;margin:0;padding:0;}
-  body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
-  :root{
-    --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
-    --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
-    --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
-    --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
-    --shadow-sm:0 1px 4px rgba(0,0,0,0.08);
-  }
-  .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
-  .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
-  .top-bar__logo svg{width:28px;height:28px;}
-  .top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
-  .top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
-  .top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
-  .top-bar__nav a.active{color:#fff;background:var(--primary);}
-  .top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
-  .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
-  .btn-back:hover{color:#fff;}
-  .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
-  .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
-  .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
-  .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
-  .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
-  .sidebar-item.active{color:#fff;background:var(--primary);}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);
+}
+
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+
+/* 主内容区 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+
+/* 页面标题 */
+.page-header{margin-bottom:16px;}
+.page-header__breadcrumb{font-size:var(--font-sm);color:var(--text-placeholder);}
+.page-header__breadcrumb span{color:var(--text-primary);}
+
+/* 计划选择区 */
+.plan-selector{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:24px;}
+.plan-selector__left{flex:1;min-width:0;max-width:400px;}
+.plan-selector__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;font-weight:500;}
+.plan-selector__right{flex:1;display:flex;gap:28px;padding:18px 20px;background:#FAFAFA;border-radius:var(--radius-md);border:1px solid var(--border);min-height:78px;align-items:center;}
+.plan-selector__right--empty{justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.plan-info-item{display:flex;flex-direction:column;gap:6px;}
+.plan-info-item__label{font-size:var(--font-xs);color:var(--text-secondary);}
+.plan-info-item__value{font-size:var(--font-base);color:var(--text-primary);font-weight:600;}
+.plan-info-item__value strong{color:var(--primary);font-size:var(--font-lg);}
+
+/* 搜索下拉 */
+.search-select{position:relative;width:100%;}
+.search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 36px 0 12px;font-size:var(--font-sm);outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;}
+.search-select__input:focus{border-color:var(--primary);}
+.search-select__input::placeholder{color:var(--text-placeholder);}
+.search-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;max-height:280px;overflow-y:auto;}
+.search-select__panel.show{display:block;}
+.search-select__option{padding:12px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-bottom:1px solid #F5F5F5;}
+.search-select__option:last-child{border-bottom:none;}
+.search-select__option:hover{background:#F5F7FA;}
+.search-select__option.selected{color:var(--primary);background:var(--primary-light);}
+.search-select__option .ss-org{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;}
+.search-select__empty{padding:20px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);}
+.search-select__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--text-placeholder);font-size:16px;display:none;align-items:center;justify-content:center;border-radius:50%;line-height:1;padding:0;z-index:1;}
+.search-select__clear:hover{color:var(--text-primary);background:#F0F0F0;}
+.search-select__clear.show{display:flex;}
+.search-select--selected .search-select__input{background-image:none;padding-right:32px;}
+
+/* 一级 Tab 切换 */
+.tab-bar{display:flex;gap:0;padding:0 24px;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);}
+.tab-item{padding:12px 20px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-weight:500;}
+.tab-item:hover{color:var(--primary);}
+.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
+.tab-panel{display:none;}
+.tab-panel.active{display:block;}
+
+/* 筛选栏 */
+.filter-bar{background:#fff;padding:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:0;box-shadow:var(--shadow-sm);}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;transition:border-color .2s;box-sizing:border-box;}
+.filter-input:focus{border-color:var(--primary);}
+
+/* 单位部门双列面板 */
+.org-select-wrap{position:relative;display:inline-block;}
+.org-trigger{height:32px;min-width:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.org-trigger.open,.org-trigger:hover{border-color:var(--primary);}
+.org-panel{display:none;position:absolute;top:36px;left:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:420px;}
+.org-panel.open{display:flex;}
+.org-col{flex:1;overflow-y:auto;max-height:240px;border-right:1px solid var(--border);}
+.org-col:last-child{border-right:none;}
+.org-col__title{padding:8px 14px;font-size:var(--font-xs);color:var(--text-placeholder);background:#FAFAFA;border-bottom:1px solid var(--border);font-weight:500;}
+.org-item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;}
+.org-item:hover{background:#F0F8FF;color:var(--primary);}
+.org-item.active{background:var(--primary-light);color:var(--primary);font-weight:500;}
+
+/* 按钮 */
+.btn{height:32px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+.btn-export{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-export:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;box-shadow:var(--shadow-sm);}
+.action-bar--top{border-radius:0;border-bottom:1px solid var(--border);}
+.action-bar--bottom{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border);}
+
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:2800px;white-space:nowrap;}
+.table-card--unit .table-card__content table{min-width:auto;white-space:nowrap;}
+.table-card--unit thead th{padding:6px 4px;font-size:10px;}
+.table-card--unit tbody td{padding:8px 4px;font-size:12px;}
+table{width:100%;border-collapse:collapse;}
+
+thead th{background:#FAFAFA;padding:8px 6px;text-align:center;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody td{padding:10px 6px;text-align:center;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid #F0F0F0;white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+
+/* 前三列固定左侧（个人排名） */
+#personTable thead th:nth-child(1),#personTable tbody td:nth-child(1){position:sticky;left:0;z-index:14;background:#fff;width:180px;min-width:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis;}
+#personTable thead th:nth-child(1){z-index:17;background:#FAFAFA;}
+#personTable thead th:nth-child(2),#personTable tbody td:nth-child(2){position:sticky;left:180px;z-index:13;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#personTable thead th:nth-child(2){z-index:16;background:#FAFAFA;}
+#personTable thead th:nth-child(3),#personTable tbody td:nth-child(3){position:sticky;left:236px;z-index:12;background:#fff;width:88px;min-width:88px;max-width:88px;}
+#personTable thead th:nth-child(3){z-index:15;background:#FAFAFA;}
+#personTable tbody tr:hover td:nth-child(1),
+#personTable tbody tr:hover td:nth-child(2),
+#personTable tbody tr:hover td:nth-child(3){background:#F8FBFF;}
+
+/* 单位排名前两列固定 */
+#unitTable thead th:nth-child(1),#unitTable tbody td:nth-child(1){position:sticky;left:0;z-index:14;background:#fff;width:130px;min-width:130px;max-width:130px;overflow:hidden;text-overflow:ellipsis;}
+#unitTable thead th:nth-child(1){z-index:17;background:#FAFAFA;}
+#unitTable thead th:nth-child(2),#unitTable tbody td:nth-child(2){position:sticky;left:130px;z-index:13;background:#fff;width:72px;min-width:72px;max-width:72px;}
+#unitTable thead th:nth-child(2){z-index:16;background:#FAFAFA;}
+#unitTable tbody tr:hover td:nth-child(1),
+#unitTable tbody tr:hover td:nth-child(2){background:#F8FBFF;}
+
+/* 后四列固定右侧（个人排名）— 排名列始终可见，z-index整体低于左侧固定列 */
+#personTable thead th:nth-last-child(4),#personTable tbody td:nth-last-child(4){position:sticky;right:228px;z-index:4;background:#fff;width:76px;min-width:76px;max-width:76px;box-shadow:-2px 0 4px rgba(0,0,0,0.04);}
+#personTable thead th:nth-last-child(4){z-index:8;background:#FAFAFA;}
+#personTable thead th:nth-last-child(3),#personTable tbody td:nth-last-child(3){position:sticky;right:152px;z-index:5;background:#fff;width:76px;min-width:76px;max-width:76px;}
+#personTable thead th:nth-last-child(3){z-index:9;background:#FAFAFA;}
+#personTable thead th:nth-last-child(2),#personTable tbody td:nth-last-child(2){position:sticky;right:76px;z-index:6;background:#fff;width:76px;min-width:76px;max-width:76px;}
+#personTable thead th:nth-last-child(2){z-index:10;background:#FAFAFA;}
+#personTable thead th:nth-last-child(1),#personTable tbody td:nth-last-child(1){position:sticky;right:0;z-index:7;background:#fff;width:76px;min-width:76px;max-width:76px;}
+#personTable thead th:nth-last-child(1){z-index:11;background:#FAFAFA;}
+#personTable tbody tr:hover td:nth-last-child(1),
+#personTable tbody tr:hover td:nth-last-child(2),
+#personTable tbody tr:hover td:nth-last-child(3),
+#personTable tbody tr:hover td:nth-last-child(4){background:#F8FBFF;}
+
+/* 后四列固定右侧（二级单位排名） */
+#unitTable thead th:nth-last-child(4),#unitTable tbody td:nth-last-child(4){position:sticky;right:168px;z-index:4;background:#fff;width:56px;min-width:56px;max-width:56px;box-shadow:-2px 0 4px rgba(0,0,0,0.04);}
+#unitTable thead th:nth-last-child(4){z-index:8;background:#FAFAFA;}
+#unitTable thead th:nth-last-child(3),#unitTable tbody td:nth-last-child(3){position:sticky;right:112px;z-index:5;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable thead th:nth-last-child(3){z-index:9;background:#FAFAFA;}
+#unitTable thead th:nth-last-child(2),#unitTable tbody td:nth-last-child(2){position:sticky;right:56px;z-index:6;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable thead th:nth-last-child(2){z-index:10;background:#FAFAFA;}
+#unitTable thead th:nth-last-child(1),#unitTable tbody td:nth-last-child(1){position:sticky;right:0;z-index:7;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable thead th:nth-last-child(1){z-index:11;background:#FAFAFA;}
+#unitTable tbody tr:hover td:nth-last-child(1),
+#unitTable tbody tr:hover td:nth-last-child(2),
+#unitTable tbody tr:hover td:nth-last-child(3),
+#unitTable tbody tr:hover td:nth-last-child(4){background:#F8FBFF;}
+
+/* 三级单位排名前三列固定 */
+#unitTable3 thead th:nth-child(1),#unitTable3 tbody td:nth-child(1){position:sticky;left:0;z-index:14;background:#fff;width:130px;min-width:130px;max-width:130px;overflow:hidden;text-overflow:ellipsis;}
+#unitTable3 thead th:nth-child(1){z-index:17;background:#FAFAFA;}
+#unitTable3 thead th:nth-child(2),#unitTable3 tbody td:nth-child(2){position:sticky;left:130px;z-index:13;background:#fff;width:64px;min-width:64px;max-width:64px;}
+#unitTable3 thead th:nth-child(2){z-index:16;background:#FAFAFA;}
+#unitTable3 thead th:nth-child(3),#unitTable3 tbody td:nth-child(3){position:sticky;left:194px;z-index:12;background:#fff;width:64px;min-width:64px;max-width:64px;}
+#unitTable3 thead th:nth-child(3){z-index:15;background:#FAFAFA;}
+#unitTable3 tbody tr:hover td:nth-child(1),
+#unitTable3 tbody tr:hover td:nth-child(2),
+#unitTable3 tbody tr:hover td:nth-child(3){background:#F8FBFF;}
+
+/* 后四列固定右侧（三级单位排名） */
+#unitTable3 thead th:nth-last-child(4),#unitTable3 tbody td:nth-last-child(4){position:sticky;right:168px;z-index:4;background:#fff;width:56px;min-width:56px;max-width:56px;box-shadow:-2px 0 4px rgba(0,0,0,0.04);}
+#unitTable3 thead th:nth-last-child(4){z-index:8;background:#FAFAFA;}
+#unitTable3 thead th:nth-last-child(3),#unitTable3 tbody td:nth-last-child(3){position:sticky;right:112px;z-index:5;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable3 thead th:nth-last-child(3){z-index:9;background:#FAFAFA;}
+#unitTable3 thead th:nth-last-child(2),#unitTable3 tbody td:nth-last-child(2){position:sticky;right:56px;z-index:6;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable3 thead th:nth-last-child(2){z-index:10;background:#FAFAFA;}
+#unitTable3 thead th:nth-last-child(1),#unitTable3 tbody td:nth-last-child(1){position:sticky;right:0;z-index:7;background:#fff;width:56px;min-width:56px;max-width:56px;}
+#unitTable3 thead th:nth-last-child(1){z-index:11;background:#FAFAFA;}
+#unitTable3 tbody tr:hover td:nth-last-child(1),
+#unitTable3 tbody tr:hover td:nth-last-child(2),
+#unitTable3 tbody tr:hover td:nth-last-child(3),
+#unitTable3 tbody tr:hover td:nth-last-child(4){background:#F8FBFF;}
+
+.td-empty{text-align:center;padding:48px 0;color:var(--text-placeholder);font-size:var(--font-sm);}
+
+/* 变化值颜色 */
+.change-up{color:var(--danger);}
+.change-down{color:var(--success);}
+.change-zero{color:var(--text-placeholder);}
+
+/* 排名可排序列 */
+.th-sortable{cursor:pointer;user-select:none;position:relative;padding-right:18px !important;}
+.th-sortable:hover{color:var(--primary);}
+.th-sortable .sort-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;line-height:1;font-size:9px;color:var(--text-placeholder);}
+.th-sortable .sort-icon span{line-height:1;}
+.th-sortable.asc .sort-icon .sort-up,.th-sortable.desc .sort-icon .sort-down{color:var(--primary);}
+
+/* 方框切换Tab（二级/三级单位） */
+.segmented-tab{display:inline-flex;background:#F0F2F5;border-radius:var(--radius-sm);padding:2px;gap:0;}
+.segmented-tab__item{padding:6px 14px;font-size:var(--font-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s;font-weight:500;border:none;background:none;}
+.segmented-tab__item:hover{color:var(--text-primary);}
+.segmented-tab__item.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,0.08);}
+
+/* 分页 */
+.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);}
+
+/* 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;}
+
+/* 多选下拉 */
+.multi-select{position:relative;display:inline-block;}
+.multi-select__trigger{height:32px;min-width:140px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 10px;font-size:var(--font-xs);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;display:flex;align-items:center;user-select:none;white-space:nowrap;}
+.multi-select__trigger.open,.multi-select__trigger:hover{border-color:var(--primary);}
+.multi-select__panel{display:none;position:absolute;top:36px;left:0;z-index:400;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:200px;max-height:260px;overflow-y:auto;}
+.multi-select__panel.open{display:block;}
+.multi-select__actions{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);}
+.multi-select__actions .link{font-size:var(--font-xs);}
+.multi-select__item{padding:9px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s;}
+.multi-select__item:hover{background:#F0F8FF;}
+.multi-select__item input[type="checkbox"]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer;}
+.multi-select__item label{cursor:pointer;flex:1;}
 </style>
 </head>
 <body>
+<!-- 顶部导航栏 -->
 <div class="top-bar">
   <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 体重管理</div>
   <nav class="top-bar__nav">
@@ -41,6 +250,7 @@
     <a href="plan-list.html">计划管理</a>
     <a href="registration-tracking.html">报名管理</a>
     <a href="action-record.html" class="active">过程管理</a>
+    <a href="history-plan-list.html">历史干预</a>
     <a href="personal-target-data.html">个人体重管理</a>
     <a href="scale-device.html">设备管理</a>
     <a href="exception-system-dirty.html">异常事件</a>
@@ -51,6 +261,8 @@
     <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
   </div>
 </div>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">过程管理</div>
   <a href="action-record.html" class="sidebar-item">行动记录</a>
@@ -59,8 +271,998 @@
   <a href="weight-ranking.html" class="sidebar-item active">体重排名</a>
   <a href="activity-statistics.html" class="sidebar-item">活动统计</a>
 </aside>
+
+<!-- 主内容 -->
 <main class="main">
-  <!-- 主内容区域 -->
+
+  <!-- 页面标题 -->
+  <div class="page-header">
+    <div class="page-header__breadcrumb">体重管理 / 过程管理 / <span>体重排名</span></div>
+  </div>
+
+  <!-- [交互] 干预计划选择区 — 搜索下拉选择计划，选中后右侧展示基本信息 -->
+  <div class="plan-selector">
+    <div class="plan-selector__left">
+      <div class="plan-selector__label">干预计划</div>
+      <div class="search-select" id="planSelect">
+        <input class="search-select__input" id="planSearchInput" placeholder="搜索计划名称或组织单位" oninput="searchPlan()" onfocus="showPlanPanel()" autocomplete="off">
+        <!-- [交互] 点击清空已选计划，恢复未选择状态 -->
+        <button class="search-select__clear" id="planClearBtn" onclick="clearPlan()" title="清空计划">×</button>
+        <div class="search-select__panel" id="planPanel"></div>
+      </div>
+    </div>
+    <!-- [交互] 选中计划后此处展示基本信息；未选中时显示占位提示 -->
+    <div class="plan-selector__right plan-selector__right--empty" id="planInfoEmpty">
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" style="margin-right:6px;flex-shrink:0;"><circle cx="9" cy="9" r="8" stroke="#999" stroke-width="1.2" stroke-dasharray="3 2"/><path d="M9 5v4M9 11v.5" stroke="#999" stroke-width="1.2" stroke-linecap="round"/></svg>
+      可选择干预计划进行查看
+    </div>
+    <div class="plan-selector__right" id="planInfo" style="display:none;">
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">组织单位</span>
+        <span class="plan-info-item__value" id="piOrg">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">起止日期</span>
+        <span class="plan-info-item__value" id="piDate">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">进行天数</span>
+        <span class="plan-info-item__value" id="piDays">-</span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">应参加人数</span>
+        <span class="plan-info-item__value"><strong id="piCount">-</strong></span>
+      </div>
+      <div class="plan-info-item">
+        <span class="plan-info-item__label">实际参加人数</span>
+        <span class="plan-info-item__value"><strong id="piActual">-</strong></span>
+      </div>
+    </div>
+  </div>
+
+  <!-- [交互] 一级Tab：个人排名 | 单位排名 -->
+  <div class="tab-bar">
+    <div class="tab-item active" data-tab="person" onclick="switchMainTab('person')">个人排名</div>
+    <div class="tab-item" data-tab="unit" onclick="switchMainTab('unit')">单位排名</div>
+  </div>
+
+  <!-- ===== 个人排名 Tab ===== -->
+  <div class="tab-panel active" id="tabPerson">
+    <!-- [交互] 筛选栏 — 单位部门、姓名、员工编号 -->
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>单位部门</label>
+        <div class="org-select-wrap" id="orgWrap">
+          <div class="org-trigger" id="orgTrigger" onclick="toggleOrg()">全部单位/部门</div>
+          <div class="org-panel" id="orgPanel">
+            <div class="org-col" id="orgUnitCol">
+              <div class="org-col__title">单位</div>
+              <div class="org-item active" data-unit="" onclick="selectUnit(this,'全部单位/部门','')">全部单位/部门</div>
+              <div class="org-item" data-unit="第四采油厂" onclick="selectUnit(this,'第四采油厂','第四采油厂')">第四采油厂</div>
+              <div class="org-item" data-unit="采油一厂" onclick="selectUnit(this,'采油一厂','采油一厂')">采油一厂</div>
+              <div class="org-item" data-unit="采油二厂" onclick="selectUnit(this,'采油二厂','采油二厂')">采油二厂</div>
+              <div class="org-item" data-unit="采气一厂" onclick="selectUnit(this,'采气一厂','采气一厂')">采气一厂</div>
+            </div>
+            <div class="org-col" id="orgDeptCol">
+              <div class="org-col__title">部门</div>
+              <div class="org-item active" data-dept="" onclick="selectDept(this,'全部部门','')">全部部门</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="filter-item">
+        <label>姓名</label>
+        <input class="filter-input" id="filterName" placeholder="请输入姓名" style="width:100px;">
+      </div>
+      <div class="filter-item">
+        <label>员工编号</label>
+        <input class="filter-input" id="filterEmpId" placeholder="请输入编号" style="width:110px;">
+      </div>
+      <!-- [交互] 点击查询按钮筛选列表 -->
+      <button class="btn btn-primary" onclick="applyPersonFilter()">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#fff" stroke-width="1.3"/><path d="M9.5 9.5L13 13" stroke="#fff" stroke-width="1.3" stroke-linecap="round"/></svg>查询
+      </button>
+      <button class="btn btn-default" onclick="resetPersonFilter()">重置</button>
+    </div>
+
+    <!-- [交互] 操作按钮区 -->
+    <div class="action-bar action-bar--top">
+      <button class="btn btn-export" onclick="showToast('导出功能开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+      </button>
+      <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+      </button>
+    </div>
+
+    <!-- 个人排名数据表格 -->
+    <div class="table-card">
+      <div class="table-card__content">
+        <table id="personTable">
+          <thead>
+            <tr>
+              <th>干预计划</th>
+              <th>姓名</th>
+              <th>员工编号</th>
+              <th>性别</th>
+              <th>年龄</th>
+              <th>单位</th>
+              <th>部门</th>
+              <th>身高<br>(cm)</th>
+              <th>初始<br>体重(kg)</th>
+              <th>初始<br>BMI</th>
+              <th>初始<br>体脂(%)</th>
+              <th>初始<br>腰围(cm)</th>
+              <th>目标<br>体重(kg)</th>
+              <th>目标<br>BMI</th>
+              <th>目标<br>体脂(%)</th>
+              <th>目标<br>腰围(cm)</th>
+              <th>现体重<br>(kg)</th>
+              <th>现BMI</th>
+              <th>现体脂<br>(%)</th>
+              <th>现腰围<br>(cm)</th>
+              <th>体重变化<br>(kg)</th>
+              <th>BMI变化</th>
+              <th>体脂变化<br>(%)</th>
+              <th>腰围变化<br>(cm)</th>
+              <th>综合得分</th>
+              <th>行动得分</th>
+              <!-- [交互] 排名列支持点击排序切换（升序/降序/默认） -->
+              <th class="th-sortable" data-sort="weightLossRank" onclick="togglePersonSort('weightLossRank')">减重量排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="weightRateRank" onclick="togglePersonSort('weightRateRank')">减重率排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="compositeRank" onclick="togglePersonSort('compositeRank')">综合分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="actionRank" onclick="togglePersonSort('actionRank')">行动分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+            </tr>
+          </thead>
+          <tbody id="personTbody"></tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span id="personPageInfo">显示 0 条记录</span>
+        <button class="page-btn" onclick="goPersonPage(-1)">‹</button>
+        <span id="personPageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="goPersonPage(1)">›</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- ===== 单位排名 Tab ===== -->
+  <div class="tab-panel" id="tabUnit">
+    <!-- [交互] 方框切换二级/三级单位 -->
+    <div style="background:#fff;padding:12px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;">
+      <span style="font-size:var(--font-xs);color:var(--text-secondary);">单位层级</span>
+      <div class="segmented-tab" id="unitLevelSeg">
+        <div class="segmented-tab__item active" data-level="level2" onclick="switchUnitLevel('level2')">二级单位</div>
+        <div class="segmented-tab__item" data-level="level3" onclick="switchUnitLevel('level3')">三级单位</div>
+      </div>
+    </div>
+
+    <!-- [交互] 单位筛选 — 多选下拉 -->
+    <div class="filter-bar" style="border-radius:0;">
+      <div class="filter-item">
+        <label>单位筛选</label>
+        <div class="multi-select" id="unitMultiSelect">
+          <div class="multi-select__trigger" id="unitMultiTrigger" onclick="toggleUnitMultiSelect()">全部单位</div>
+          <div class="multi-select__panel" id="unitMultiPanel">
+            <div class="multi-select__actions">
+              <span class="link" onclick="unitMultiSelectAll()">全选</span>
+              <span class="link" onclick="unitMultiClear()">清空</span>
+            </div>
+            <div class="multi-select__item" onclick="unitMultiToggleItem(this,'第四采油厂')"><input type="checkbox" checked onclick="event.stopPropagation();unitMultiToggleCb(this,'第四采油厂')"><label>第四采油厂</label></div>
+            <div class="multi-select__item" onclick="unitMultiToggleItem(this,'采油一厂')"><input type="checkbox" checked onclick="event.stopPropagation();unitMultiToggleCb(this,'采油一厂')"><label>采油一厂</label></div>
+            <div class="multi-select__item" onclick="unitMultiToggleItem(this,'采油二厂')"><input type="checkbox" checked onclick="event.stopPropagation();unitMultiToggleCb(this,'采油二厂')"><label>采油二厂</label></div>
+            <div class="multi-select__item" onclick="unitMultiToggleItem(this,'采气一厂')"><input type="checkbox" checked onclick="event.stopPropagation();unitMultiToggleCb(this,'采气一厂')"><label>采气一厂</label></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- [交互] 操作按钮区 -->
+    <div class="action-bar action-bar--top">
+      <button class="btn btn-export" onclick="showToast('导出功能开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据
+      </button>
+      <button class="btn btn-default" onclick="showToast('导出任务列表开发中')">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务
+      </button>
+    </div>
+
+    <!-- 二级单位表格 -->
+    <div class="table-card table-card--unit" id="unitTableLevel2">
+      <div class="table-card__content">
+        <table id="unitTable">
+          <thead>
+            <tr>
+              <th>干预计划</th>
+              <th>单位</th>
+              <th>参与人数</th>
+              <th>人均减重量<br>(kg)</th>
+              <th>人均减重率</th>
+              <th>人均综合得分</th>
+              <th>人均行动得分</th>
+              <!-- [交互] 排名列支持点击排序切换 -->
+              <th class="th-sortable" data-sort="weightLossRank" onclick="toggleUnitSort('weightLossRank')">减重量排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="weightRateRank" onclick="toggleUnitSort('weightRateRank')">减重率排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="compositeRank" onclick="toggleUnitSort('compositeRank')">综合分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="actionRank" onclick="toggleUnitSort('actionRank')">行动分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+            </tr>
+          </thead>
+          <tbody id="unitTbody"></tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span id="unitPageInfo">显示 0 条记录</span>
+        <button class="page-btn" onclick="goUnitPage(-1)">‹</button>
+        <span id="unitPageNum" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="goUnitPage(1)">›</button>
+      </div>
+    </div>
+
+    <!-- 三级单位表格（结构与二级一致，单位后多一列部门） -->
+    <div class="table-card table-card--unit" id="unitTableLevel3" style="display:none;">
+      <div class="table-card__content">
+        <table id="unitTable3">
+          <thead>
+            <tr>
+              <th>干预计划</th>
+              <th>单位</th>
+              <th>部门</th>
+              <th>参与人数</th>
+              <th>人均减重量<br>(kg)</th>
+              <th>人均减重率</th>
+              <th>人均综合得分</th>
+              <th>人均行动得分</th>
+              <!-- [交互] 排名列支持点击排序切换 -->
+              <th class="th-sortable" data-sort="weightLossRank" onclick="toggleUnitSort3('weightLossRank')">减重量排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="weightRateRank" onclick="toggleUnitSort3('weightRateRank')">减重率排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="compositeRank" onclick="toggleUnitSort3('compositeRank')">综合分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+              <th class="th-sortable" data-sort="actionRank" onclick="toggleUnitSort3('actionRank')">行动分排名<span class="sort-icon"><span class="sort-up">▲</span><span class="sort-down">▼</span></span></th>
+            </tr>
+          </thead>
+          <tbody id="unitTbody3"></tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span id="unitPageInfo3">显示 0 条记录</span>
+        <button class="page-btn" onclick="goUnitPage3(-1)">‹</button>
+        <span id="unitPageNum3" style="font-size:var(--font-sm);color:var(--text-secondary);">第 1 页</span>
+        <button class="page-btn" onclick="goUnitPage3(1)">›</button>
+      </div>
+    </div>
+  </div>
+
 </main>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+/* ===== 侧边栏当前页高亮 ===== */
+(function(){
+  var current = location.pathname.split('/').pop();
+  document.querySelectorAll('.sidebar-item').forEach(function(item){
+    var href = item.getAttribute('href');
+    item.classList.toggle('active', href === current);
+  });
+})();
+
+/* ===== 干预计划数据 ===== */
+var plans = [
+  {id:1,name:'第四采油厂2026年超重健康干预计划',org:'第四采油厂',dateFrom:'2026-03-01',dateTo:'2026-08-31',totalCount:234,actualCount:218},
+  {id:2,name:'采油一厂2026年体重管理专项行动',org:'采油一厂',dateFrom:'2026-04-01',dateTo:'2026-09-30',totalCount:186,actualCount:180},
+  {id:3,name:'采油二厂2026年健康减重计划',org:'采油二厂',dateFrom:'2026-05-15',dateTo:'2026-11-15',totalCount:312,actualCount:295},
+  {id:4,name:'采气一厂2025年度体重管理计划',org:'采气一厂',dateFrom:'2025-06-01',dateTo:'2025-12-01',totalCount:158,actualCount:142},
+  {id:5,name:'第四采油厂2025年超重健康干预计划',org:'第四采油厂',dateFrom:'2025-03-01',dateTo:'2025-08-31',totalCount:267,actualCount:251},
+  {id:6,name:'采油一厂2025年员工健康体重计划',org:'采油一厂',dateFrom:'2025-04-15',dateTo:'2025-10-15',totalCount:420,actualCount:398},
+  {id:7,name:'采气一厂2026下半年体重干预计划',org:'采气一厂',dateFrom:'2026-09-01',dateTo:'2026-12-31',totalCount:89,actualCount:72},
+  {id:8,name:'采油二厂2024年体重控制专项计划',org:'采油二厂',dateFrom:'2024-07-01',dateTo:'2024-12-31',totalCount:145,actualCount:130}
+];
+
+/* ===== 基础员工数据 ===== */
+var baseEmployees = [
+  {org:'第四采油厂',dept:'健康管理部',name:'张伟',empId:'CQ001234',gender:'男',age:42,height:172,weight:85,bmi:28.7,waist:96,fat:28.5},
+  {org:'第四采油厂',dept:'健康管理部',name:'李娜',empId:'CQ001235',gender:'女',age:35,height:160,weight:72,bmi:28.1,waist:84,fat:35.2},
+  {org:'第四采油厂',dept:'健康管理部',name:'王磊',empId:'CQ001236',gender:'男',age:28,height:178,weight:90,bmi:28.4,waist:98,fat:26.8},
+  {org:'第四采油厂',dept:'安全环保科',name:'赵敏',empId:'CQ001237',gender:'女',age:39,height:163,weight:75,bmi:28.2,waist:86,fat:36.5},
+  {org:'第四采油厂',dept:'安全环保科',name:'刘洋',empId:'CQ001238',gender:'男',age:45,height:175,weight:88,bmi:28.7,waist:100,fat:29.2},
+  {org:'第四采油厂',dept:'安全环保科',name:'陈晨',empId:'CQ001239',gender:'男',age:31,height:170,weight:82,bmi:28.4,waist:94,fat:27.5},
+  {org:'第四采油厂',dept:'工会办公室',name:'周杰',empId:'CQ001240',gender:'男',age:50,height:168,weight:78,bmi:27.6,waist:92,fat:28.1},
+  {org:'第四采油厂',dept:'工会办公室',name:'吴芳',empId:'CQ001241',gender:'女',age:33,height:158,weight:70,bmi:28.0,waist:82,fat:34.8},
+  {org:'第四采油厂',dept:'生产技术部',name:'孙丽',empId:'CQ001242',gender:'女',age:40,height:165,weight:76,bmi:27.9,waist:88,fat:37.0},
+  {org:'第四采油厂',dept:'生产技术部',name:'郑浩',empId:'CQ001243',gender:'男',age:36,height:180,weight:95,bmi:29.3,waist:104,fat:30.5},
+  {org:'第四采油厂',dept:'生产技术部',name:'黄磊',empId:'CQ001244',gender:'男',age:27,height:176,weight:88,bmi:28.4,waist:97,fat:27.0},
+  {org:'第四采油厂',dept:'生产技术部',name:'林燕',empId:'CQ001245',gender:'女',age:29,height:162,weight:74,bmi:28.2,waist:85,fat:35.8},
+  {org:'采油一厂',dept:'健康管理部',name:'杨帆',empId:'CQ001246',gender:'男',age:38,height:170,weight:88,bmi:30.4,waist:102,fat:31.2},
+  {org:'采油一厂',dept:'安全环保科',name:'孙强',empId:'CQ001247',gender:'男',age:44,height:173,weight:86,bmi:28.7,waist:99,fat:28.8},
+  {org:'采油一厂',dept:'工会办公室',name:'周强',empId:'CQ001248',gender:'男',age:50,height:168,weight:78,bmi:27.6,waist:93,fat:27.6},
+  {org:'采油一厂',dept:'生产技术部',name:'吴敏',empId:'CQ001249',gender:'女',age:29,height:162,weight:56,bmi:21.3,waist:72,fat:26.5},
+  {org:'采油二厂',dept:'健康管理部',name:'郑浩',empId:'CQ001250',gender:'男',age:33,height:176,weight:82,bmi:26.5,waist:91,fat:25.8},
+  {org:'采油二厂',dept:'安全环保科',name:'黄丽',empId:'CQ001251',gender:'女',age:27,height:162,weight:74,bmi:28.2,waist:86,fat:36.0},
+  {org:'采油二厂',dept:'财务部',name:'林涛',empId:'CQ001252',gender:'男',age:41,height:175,weight:92,bmi:30.0,waist:105,fat:31.5},
+  {org:'采气一厂',dept:'生产技术部',name:'何婷',empId:'CQ001253',gender:'女',age:34,height:160,weight:70,bmi:27.3,waist:84,fat:35.3},
+  {org:'采气一厂',dept:'信息中心',name:'马超',empId:'CQ001254',gender:'男',age:36,height:179,weight:95,bmi:29.6,waist:107,fat:32.0}
+];
+
+/* ===== 生成个人排名Mock数据 ===== */
+function buildPersonRankData(){
+  var data = [];
+  baseEmployees.forEach(function(e, i){
+    var planIdx = i % plans.length;
+    var p = plans[planIdx];
+    var targetWeight = Math.round(e.weight * 0.85);
+    var targetBmi = +(e.bmi * 0.85).toFixed(1);
+    var targetWaist = Math.round(e.waist * 0.88);
+    var targetFat = +(e.fat * 0.80).toFixed(1);
+    var progress = (i % 5) / 4;
+    var curWeight = +(e.weight - (e.weight - targetWeight) * progress).toFixed(1);
+    var curBmi = +(curWeight / ((e.height/100) * (e.height/100))).toFixed(1);
+    var curWaist = +(e.waist - (e.waist - targetWaist) * progress).toFixed(1);
+    var curFat = +(e.fat - (e.fat - targetFat) * progress).toFixed(1);
+    var weightChange = +(curWeight - e.weight).toFixed(1);
+    var bmiChange = +(curBmi - e.bmi).toFixed(1);
+    var fatChange = +(curFat - e.fat).toFixed(1);
+    var waistChange = +(curWaist - e.waist).toFixed(1);
+    // 综合得分和行动得分（60-100分随机）
+    var compositeScore = Math.floor(Math.random() * 40) + 60;
+    var actionScore = Math.floor(Math.random() * 40) + 60;
+    // 减重量 = 初始 - 当前
+    var weightLoss = +(e.weight - curWeight).toFixed(1);
+    // 减重率 = 减重量 / 初始体重 * 100
+    var weightLossRate = +((e.weight - curWeight) / e.weight * 100).toFixed(1);
+
+    data.push({
+      planId: p.id, planName: p.name, org: e.org, dept: e.dept,
+      name: e.name, empId: e.empId, gender: e.gender, age: e.age, height: e.height,
+      initWeight: e.weight, initBmi: e.bmi, initFat: e.fat, initWaist: e.waist,
+      targetWeight: targetWeight, targetBmi: targetBmi, targetFat: targetFat, targetWaist: targetWaist,
+      curWeight: curWeight, curBmi: curBmi, curFat: curFat, curWaist: curWaist,
+      weightChange: weightChange, bmiChange: bmiChange, fatChange: fatChange, waistChange: waistChange,
+      compositeScore: compositeScore, actionScore: actionScore,
+      weightLoss: weightLoss, weightLossRate: weightLossRate
+    });
+  });
+  // 按减重量降序排列，赋予排名
+  data.sort(function(a,b){return b.weightLoss - a.weightLoss;});
+  data.forEach(function(d,i){d.weightLossRank = i+1;});
+  // 按减重率降序排列
+  var byRate = data.slice().sort(function(a,b){return b.weightLossRate - a.weightLossRate;});
+  byRate.forEach(function(d,i){d.weightRateRank = i+1;});
+  // 按综合得分降序
+  var byScore = data.slice().sort(function(a,b){return b.compositeScore - a.compositeScore;});
+  byScore.forEach(function(d,i){d.compositeRank = i+1;});
+  // 按行动得分降序
+  var byAction = data.slice().sort(function(a,b){return b.actionScore - a.actionScore;});
+  byAction.forEach(function(d,i){d.actionRank = i+1;});
+  return data;
+}
+
+var personRankData = buildPersonRankData();
+var selectedPlanId = null;
+
+/* ===== 单位排名Mock数据 ===== */
+function buildUnitRankData(){
+  var units = ['第四采油厂','采油一厂','采油二厂','采气一厂'];
+  var data = [];
+  // 为每个计划生成二级单位数据
+  plans.forEach(function(p){
+    units.forEach(function(u){
+      // 按计划和单位汇总
+      var members = personRankData.filter(function(d){return d.org === u && d.planId === p.id;});
+      if(members.length === 0) return;
+      var count = members.length;
+      var totalWeightLoss = members.reduce(function(s,d){return s + d.weightLoss;},0);
+      var totalRate = members.reduce(function(s,d){return s + d.weightLossRate;},0);
+      var totalScore = members.reduce(function(s,d){return s + d.compositeScore;},0);
+      var totalAction = members.reduce(function(s,d){return s + d.actionScore;},0);
+      data.push({
+        planId: p.id, planName: p.name, org: u,
+        count: count,
+        avgWeightLoss: +(totalWeightLoss / count).toFixed(1),
+        avgWeightRate: +(totalRate / count).toFixed(1),
+        avgCompositeScore: +(totalScore / count).toFixed(1),
+        avgActionScore: +(totalAction / count).toFixed(1)
+      });
+    });
+  });
+  // 按人均减重量降序排名
+  data.sort(function(a,b){return b.avgWeightLoss - a.avgWeightLoss;});
+  data.forEach(function(d,i){d.weightLossRank = i+1;});
+  var byRate = data.slice().sort(function(a,b){return b.avgWeightRate - a.avgWeightRate;});
+  byRate.forEach(function(d,i){d.weightRateRank = i+1;});
+  var byScore = data.slice().sort(function(a,b){return b.avgCompositeScore - a.avgCompositeScore;});
+  byScore.forEach(function(d,i){d.compositeRank = i+1;});
+  var byAction = data.slice().sort(function(a,b){return b.avgActionScore - a.avgActionScore;});
+  byAction.forEach(function(d,i){d.actionRank = i+1;});
+  return data;
+}
+
+var unitRankData = buildUnitRankData();
+
+/* ===== 三级单位排名Mock数据 ===== */
+function buildUnitRankData3(){
+  var units = ['第四采油厂','采油一厂','采油二厂','采气一厂'];
+  var deptMap = {
+    '第四采油厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+    '采油一厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+    '采油二厂':['健康管理部','安全环保科','财务部'],
+    '采气一厂':['生产技术部','信息中心']
+  };
+  var data = [];
+  plans.forEach(function(p){
+    units.forEach(function(u){
+      var depts = deptMap[u] || [];
+      depts.forEach(function(dept){
+        var members = personRankData.filter(function(d){return d.org === u && d.dept === dept && d.planId === p.id;});
+        if(members.length === 0) return;
+        var count = members.length;
+        var totalWeightLoss = members.reduce(function(s,d){return s + d.weightLoss;},0);
+        var totalRate = members.reduce(function(s,d){return s + d.weightLossRate;},0);
+        var totalScore = members.reduce(function(s,d){return s + d.compositeScore;},0);
+        var totalAction = members.reduce(function(s,d){return s + d.actionScore;},0);
+        data.push({
+          planId: p.id, planName: p.name, org: u, dept: dept,
+          count: count,
+          avgWeightLoss: +(totalWeightLoss / count).toFixed(1),
+          avgWeightRate: +(totalRate / count).toFixed(1),
+          avgCompositeScore: +(totalScore / count).toFixed(1),
+          avgActionScore: +(totalAction / count).toFixed(1)
+        });
+      });
+    });
+  });
+  data.sort(function(a,b){return b.avgWeightLoss - a.avgWeightLoss;});
+  data.forEach(function(d,i){d.weightLossRank = i+1;});
+  var byRate = data.slice().sort(function(a,b){return b.avgWeightRate - a.avgWeightRate;});
+  byRate.forEach(function(d,i){d.weightRateRank = i+1;});
+  var byScore = data.slice().sort(function(a,b){return b.avgCompositeScore - a.avgCompositeScore;});
+  byScore.forEach(function(d,i){d.compositeRank = i+1;});
+  var byAction = data.slice().sort(function(a,b){return b.avgActionScore - a.avgActionScore;});
+  byAction.forEach(function(d,i){d.actionRank = i+1;});
+  return data;
+}
+
+var unitRankData3 = buildUnitRankData3();
+
+/* ===== 一级Tab切换 ===== */
+var mainTab = 'person';
+function switchMainTab(tab){
+  mainTab = tab;
+  document.querySelectorAll('.tab-bar .tab-item').forEach(function(item){
+    item.classList.toggle('active', item.getAttribute('data-tab') === tab);
+  });
+  document.getElementById('tabPerson').classList.toggle('active', tab === 'person');
+  document.getElementById('tabUnit').classList.toggle('active', tab === 'unit');
+  if(tab === 'person'){ renderPersonTable(); }
+  else { renderUnitTable(); renderUnitTable3(); }
+}
+
+/* ===== 计划搜索选择 ===== */
+function searchPlan(){
+  var keyword = document.getElementById('planSearchInput').value.trim().toLowerCase();
+  var panel = document.getElementById('planPanel');
+  var filtered = plans;
+  if(keyword){
+    filtered = plans.filter(function(p){
+      return p.name.toLowerCase().indexOf(keyword) > -1 || p.org.toLowerCase().indexOf(keyword) > -1;
+    });
+  }
+  if(filtered.length === 0){
+    panel.innerHTML = '<div class="search-select__empty">无匹配计划</div>';
+  } else {
+    var html = '';
+    filtered.forEach(function(p){
+      var sel = selectedPlanId === p.id ? ' selected' : '';
+      html += '<div class="search-select__option'+sel+'" onclick="selectPlan('+p.id+')">';
+      html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+      html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+      html += '</div>';
+    });
+    panel.innerHTML = html;
+  }
+}
+
+function showPlanPanel(){
+  searchPlan();
+  document.getElementById('planPanel').classList.add('show');
+}
+
+function selectPlan(planId){
+  selectedPlanId = planId;
+  var plan = plans.find(function(p){return p.id === planId;});
+  if(!plan) return;
+  document.getElementById('planSearchInput').value = plan.name;
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planClearBtn').classList.add('show');
+  document.getElementById('planSelect').classList.add('search-select--selected');
+  document.getElementById('planInfoEmpty').style.display = 'none';
+  document.getElementById('planInfo').style.display = 'flex';
+  document.getElementById('piOrg').textContent = plan.org;
+  document.getElementById('piDate').textContent = plan.dateFrom + ' ~ ' + plan.dateTo;
+  document.getElementById('piDays').textContent = calcPlanDays(plan.dateFrom, plan.dateTo) + ' 天';
+  document.getElementById('piCount').textContent = plan.totalCount + ' 人';
+  document.getElementById('piActual').textContent = (plan.actualCount || 0) + ' 人';
+  if(mainTab === 'person'){ applyPersonFilter(); }
+  else { applyUnitFilter(); }
+}
+
+function clearPlan(){
+  selectedPlanId = null;
+  document.getElementById('planSearchInput').value = '';
+  document.getElementById('planClearBtn').classList.remove('show');
+  document.getElementById('planSelect').classList.remove('search-select--selected');
+  document.getElementById('planPanel').classList.remove('show');
+  document.getElementById('planInfoEmpty').style.display = '';
+  document.getElementById('planInfo').style.display = 'none';
+  if(mainTab === 'person'){ applyPersonFilter(); }
+  else { applyUnitFilter(); }
+}
+
+/* ===== 单位部门双列面板 ===== */
+var deptMap = {
+  '第四采油厂':['健康管理部','安全环保科','工会办公室','生产技术部','财务部','信息中心'],
+  '采油一厂':['健康管理部','安全环保科','工会办公室','生产技术部'],
+  '采油二厂':['健康管理部','安全环保科','财务部'],
+  '采气一厂':['生产技术部','信息中心']
+};
+var selectedUnitName = '';
+var selectedUnitCode = '';
+var selectedDeptName = '';
+var selectedDeptCode = '';
+
+function toggleOrg(){
+  var panel = document.getElementById('orgPanel');
+  var trigger = document.getElementById('orgTrigger');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+function selectUnit(elem, unitName, unitCode){
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selectedUnitName = unitName;
+  selectedUnitCode = unitCode;
+  var depts = deptMap[unitCode] || [];
+  var html = '<div class="org-col__title">部门</div>';
+  html += '<div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  depts.forEach(function(d){
+    html += '<div class="org-item" data-dept="'+d+'" onclick="selectDept(this,\''+d+'\',\''+d+'\')">'+d+'</div>';
+  });
+  document.getElementById('orgDeptCol').innerHTML = html;
+  selectedDeptName = '';
+  selectedDeptCode = '';
+}
+
+function selectDept(elem, deptName, deptCode){
+  document.querySelectorAll('#orgDeptCol .org-item').forEach(function(item){item.classList.remove('active');});
+  elem.classList.add('active');
+  selectedDeptName = deptName;
+  selectedDeptCode = deptCode;
+  var label = selectedUnitCode ? selectedUnitName : '全部单位';
+  label += deptCode ? ' / ' + deptName : ' / 全部部门';
+  document.getElementById('orgTrigger').textContent = label;
+}
+
+/* ===== 个人排名 - 筛选、排序、渲染 ===== */
+var personFiltered = personRankData.slice();
+var personPage = 0;
+var personPageSize = 10;
+var personSort = { field: null, order: null }; // null/'asc'/'desc'
+
+function applyPersonFilter(){
+  var unit = selectedUnitCode;
+  var dept = selectedDeptCode;
+  var name = document.getElementById('filterName').value.trim().toLowerCase();
+  var empId = document.getElementById('filterEmpId').value.trim().toLowerCase();
+  var data = personRankData.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  personFiltered = data.filter(function(d){
+    if(unit && d.org !== unit) return false;
+    if(dept && d.dept !== dept) return false;
+    if(name && d.name.toLowerCase().indexOf(name) === -1) return false;
+    if(empId && d.empId.toLowerCase().indexOf(empId) === -1) return false;
+    return true;
+  });
+  // 应用当前排序
+  if(personSort.field && personSort.order){
+    applyPersonSort();
+  }
+  personPage = 0;
+  renderPersonTable();
+}
+
+function resetPersonFilter(){
+  selectedUnitName = '';
+  selectedUnitCode = '';
+  selectedDeptName = '';
+  selectedDeptCode = '';
+  document.getElementById('orgTrigger').textContent = '全部单位/部门';
+  document.querySelectorAll('#orgUnitCol .org-item').forEach(function(item){item.classList.remove('active');});
+  var firstUnit = document.querySelector('#orgUnitCol .org-item');
+  if(firstUnit){ firstUnit.classList.add('active'); }
+  document.getElementById('orgDeptCol').innerHTML = '<div class="org-col__title">部门</div><div class="org-item active" data-dept="" onclick="selectDept(this,\'全部部门\',\'\')">全部部门</div>';
+  document.getElementById('filterName').value = '';
+  document.getElementById('filterEmpId').value = '';
+  applyPersonFilter();
+}
+
+function togglePersonSort(field){
+  // [交互] 三态切换：默认 → 升序 → 降序 → 默认
+  if(personSort.field !== field){
+    personSort.field = field;
+    personSort.order = 'asc';
+  } else if(personSort.order === 'asc'){
+    personSort.order = 'desc';
+  } else if(personSort.order === 'desc'){
+    personSort.field = null;
+    personSort.order = null;
+  }
+  // 更新表头样式
+  document.querySelectorAll('#personTable .th-sortable').forEach(function(th){
+    th.classList.remove('asc','desc');
+    if(th.getAttribute('data-sort') === personSort.field && personSort.order){
+      th.classList.add(personSort.order);
+    }
+  });
+  // 恢复原始数据再排序
+  applyPersonFilter();
+}
+
+function applyPersonSort(){
+  if(!personSort.field || !personSort.order) return;
+  var field = personSort.field;
+  var order = personSort.order;
+  personFiltered.sort(function(a,b){
+    var va = a[field] || 0;
+    var vb = b[field] || 0;
+    if(order === 'asc') return va - vb;
+    return vb - va;
+  });
+}
+
+function renderPersonTable(){
+  var tbody = document.getElementById('personTbody');
+  var start = personPage * personPageSize;
+  var pageData = personFiltered.slice(start, start + personPageSize);
+  var totalPages = Math.ceil(personFiltered.length / personPageSize) || 1;
+  document.getElementById('personPageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + personFiltered.length + ' 条记录';
+  document.getElementById('personPageNum').textContent = '第 ' + (personPage + 1) + '/' + totalPages + ' 页';
+  if(personFiltered.length === 0){
+    tbody.innerHTML = '<tr><td colspan="30" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    var wcCls = d.weightChange < 0 ? 'change-down' : (d.weightChange > 0 ? 'change-up' : 'change-zero');
+    var bcCls = d.bmiChange < 0 ? 'change-down' : (d.bmiChange > 0 ? 'change-up' : 'change-zero');
+    var fcCls = d.fatChange < 0 ? 'change-down' : (d.fatChange > 0 ? 'change-up' : 'change-zero');
+    var wacCls = d.waistChange < 0 ? 'change-down' : (d.waistChange > 0 ? 'change-up' : 'change-zero');
+    var wcSign = d.weightChange > 0 ? '+' : '';
+    var bcSign = d.bmiChange > 0 ? '+' : '';
+    var fcSign = d.fatChange > 0 ? '+' : '';
+    var wacSign = d.waistChange > 0 ? '+' : '';
+    html += '<tr>';
+    html += '<td>'+esc(d.planName)+'</td>';
+    html += '<td>'+esc(d.name)+'</td>';
+    html += '<td>'+esc(d.empId)+'</td>';
+    html += '<td>'+d.gender+'</td>';
+    html += '<td>'+d.age+'</td>';
+    html += '<td>'+esc(d.org)+'</td>';
+    html += '<td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.height+'</td>';
+    html += '<td>'+d.initWeight+'</td>';
+    html += '<td>'+d.initBmi.toFixed(1)+'</td>';
+    html += '<td>'+d.initFat.toFixed(1)+'</td>';
+    html += '<td>'+d.initWaist+'</td>';
+    html += '<td>'+d.targetWeight+'</td>';
+    html += '<td>'+d.targetBmi+'</td>';
+    html += '<td>'+d.targetFat+'</td>';
+    html += '<td>'+d.targetWaist+'</td>';
+    html += '<td>'+d.curWeight+'</td>';
+    html += '<td>'+d.curBmi.toFixed(1)+'</td>';
+    html += '<td>'+d.curFat.toFixed(1)+'</td>';
+    html += '<td>'+d.curWaist+'</td>';
+    html += '<td class="'+wcCls+'">'+wcSign+d.weightChange+'</td>';
+    html += '<td class="'+bcCls+'">'+bcSign+d.bmiChange+'</td>';
+    html += '<td class="'+fcCls+'">'+fcSign+d.fatChange+'</td>';
+    html += '<td class="'+wacCls+'">'+wacSign+d.waistChange+'</td>';
+    html += '<td>'+d.compositeScore+'</td>';
+    html += '<td>'+d.actionScore+'</td>';
+    html += '<td>'+d.weightLossRank+'</td>';
+    html += '<td>'+d.weightRateRank+'</td>';
+    html += '<td>'+d.compositeRank+'</td>';
+    html += '<td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function goPersonPage(delta){
+  var totalPages = Math.ceil(personFiltered.length / personPageSize);
+  var newPage = personPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  personPage = newPage;
+  renderPersonTable();
+}
+
+/* ===== 单位排名 - 二级单位 ===== */
+var unitSort = { field: null, order: null };
+var unitPage = 0;
+var unitPageSize = 10;
+
+function toggleUnitSort(field){
+  if(unitSort.field !== field){
+    unitSort.field = field;
+    unitSort.order = 'asc';
+  } else if(unitSort.order === 'asc'){
+    unitSort.order = 'desc';
+  } else if(unitSort.order === 'desc'){
+    unitSort.field = null;
+    unitSort.order = null;
+  }
+  document.querySelectorAll('#unitTable .th-sortable').forEach(function(th){
+    th.classList.remove('asc','desc');
+    if(th.getAttribute('data-sort') === unitSort.field && unitSort.order){
+      th.classList.add(unitSort.order);
+    }
+  });
+  renderUnitTable();
+}
+
+function renderUnitTable(){
+  var data = unitRankData.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  if(unitFilter.length < 4){ data = data.filter(function(d){return unitFilter.indexOf(d.org) > -1;}); }
+  // 应用排序
+  if(unitSort.field && unitSort.order){
+    var field = unitSort.field;
+    var order = unitSort.order;
+    data.sort(function(a,b){
+      if(order === 'asc') return (a[field]||0) - (b[field]||0);
+      return (b[field]||0) - (a[field]||0);
+    });
+  }
+  var tbody = document.getElementById('unitTbody');
+  var start = unitPage * unitPageSize;
+  var pageData = data.slice(start, start + unitPageSize);
+  var totalPages = Math.ceil(data.length / unitPageSize) || 1;
+  document.getElementById('unitPageInfo').textContent = '显示 ' + pageData.length + ' 条，共 ' + data.length + ' 条记录';
+  document.getElementById('unitPageNum').textContent = '第 ' + (unitPage + 1) + '/' + totalPages + ' 页';
+  // 修正page超出范围
+  if(unitPage >= totalPages){ unitPage = Math.max(0, totalPages - 1); return renderUnitTable(); }
+  if(data.length === 0){
+    tbody.innerHTML = '<tr><td colspan="11" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.planName)+'</td>';
+    html += '<td>'+esc(d.org)+'</td>';
+    html += '<td>'+d.count+'</td>';
+    html += '<td>'+d.avgWeightLoss+'</td>';
+    html += '<td>'+d.avgWeightRate+'%</td>';
+    html += '<td>'+d.avgCompositeScore+'</td>';
+    html += '<td>'+d.avgActionScore+'</td>';
+    html += '<td>'+d.weightLossRank+'</td>';
+    html += '<td>'+d.weightRateRank+'</td>';
+    html += '<td>'+d.compositeRank+'</td>';
+    html += '<td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function goUnitPage(delta){
+  var data = unitRankData.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  if(unitFilter.length < 4){ data = data.filter(function(d){return unitFilter.indexOf(d.org) > -1;}); }
+  var totalPages = Math.ceil(data.length / unitPageSize);
+  var newPage = unitPage + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  unitPage = newPage;
+  renderUnitTable();
+}
+
+/* ===== 单位排名 - 三级单位 ===== */
+var unitSort3 = { field: null, order: null };
+var unitPage3 = 0;
+
+function toggleUnitSort3(field){
+  if(unitSort3.field !== field){
+    unitSort3.field = field;
+    unitSort3.order = 'asc';
+  } else if(unitSort3.order === 'asc'){
+    unitSort3.order = 'desc';
+  } else if(unitSort3.order === 'desc'){
+    unitSort3.field = null;
+    unitSort3.order = null;
+  }
+  document.querySelectorAll('#unitTable3 .th-sortable').forEach(function(th){
+    th.classList.remove('asc','desc');
+    if(th.getAttribute('data-sort') === unitSort3.field && unitSort3.order){
+      th.classList.add(unitSort3.order);
+    }
+  });
+  renderUnitTable3();
+}
+
+function renderUnitTable3(){
+  var data = unitRankData3.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  if(unitFilter.length < 4){ data = data.filter(function(d){return unitFilter.indexOf(d.org) > -1;}); }
+  if(unitSort3.field && unitSort3.order){
+    var field = unitSort3.field;
+    var order = unitSort3.order;
+    data.sort(function(a,b){
+      if(order === 'asc') return (a[field]||0) - (b[field]||0);
+      return (b[field]||0) - (a[field]||0);
+    });
+  }
+  var tbody = document.getElementById('unitTbody3');
+  var start = unitPage3 * unitPageSize;
+  var pageData = data.slice(start, start + unitPageSize);
+  var totalPages = Math.ceil(data.length / unitPageSize) || 1;
+  document.getElementById('unitPageInfo3').textContent = '显示 ' + pageData.length + ' 条，共 ' + data.length + ' 条记录';
+  document.getElementById('unitPageNum3').textContent = '第 ' + (unitPage3 + 1) + '/' + totalPages + ' 页';
+  if(unitPage3 >= totalPages){ unitPage3 = Math.max(0, totalPages - 1); return renderUnitTable3(); }
+  if(data.length === 0){
+    tbody.innerHTML = '<tr><td colspan="12" class="td-empty">暂无匹配数据，请选择干预计划后查看</td></tr>';
+    return;
+  }
+  var html = '';
+  pageData.forEach(function(d){
+    html += '<tr>';
+    html += '<td>'+esc(d.planName)+'</td>';
+    html += '<td>'+esc(d.org)+'</td>';
+    html += '<td>'+esc(d.dept)+'</td>';
+    html += '<td>'+d.count+'</td>';
+    html += '<td>'+d.avgWeightLoss+'</td>';
+    html += '<td>'+d.avgWeightRate+'%</td>';
+    html += '<td>'+d.avgCompositeScore+'</td>';
+    html += '<td>'+d.avgActionScore+'</td>';
+    html += '<td>'+d.weightLossRank+'</td>';
+    html += '<td>'+d.weightRateRank+'</td>';
+    html += '<td>'+d.compositeRank+'</td>';
+    html += '<td>'+d.actionRank+'</td>';
+    html += '</tr>';
+  });
+  tbody.innerHTML = html;
+}
+
+function goUnitPage3(delta){
+  var data = unitRankData3.slice();
+  if(selectedPlanId){ data = data.filter(function(d){return d.planId === selectedPlanId;}); }
+  if(unitFilter.length < 4){ data = data.filter(function(d){return unitFilter.indexOf(d.org) > -1;}); }
+  var totalPages = Math.ceil(data.length / unitPageSize);
+  var newPage = unitPage3 + delta;
+  if(newPage < 0 || newPage >= totalPages) return;
+  unitPage3 = newPage;
+  renderUnitTable3();
+}
+
+/* ===== 单位多选筛选 ===== */
+var unitFilter = ['第四采油厂','采油一厂','采油二厂','采气一厂'];
+
+function toggleUnitMultiSelect(){
+  var panel = document.getElementById('unitMultiPanel');
+  var trigger = document.getElementById('unitMultiTrigger');
+  var open = panel.classList.contains('open');
+  panel.classList.toggle('open');
+  trigger.classList.toggle('open');
+}
+
+function unitMultiToggleItem(elem, unitName){
+  var cb = elem.querySelector('input[type="checkbox"]');
+  cb.checked = !cb.checked;
+  syncUnitFilter(unitName, cb.checked);
+}
+function unitMultiToggleCb(cb, unitName){
+  syncUnitFilter(unitName, cb.checked);
+}
+function syncUnitFilter(unitName, checked){
+  if(checked){
+    if(unitFilter.indexOf(unitName) === -1) unitFilter.push(unitName);
+  } else {
+    unitFilter = unitFilter.filter(function(u){return u !== unitName;});
+  }
+  updateUnitMultiTrigger();
+  applyUnitFilter();
+}
+
+function unitMultiSelectAll(){
+  unitFilter = ['第四采油厂','采油一厂','采油二厂','采气一厂'];
+  document.querySelectorAll('#unitMultiPanel .multi-select__item input').forEach(function(cb){cb.checked = true;});
+  updateUnitMultiTrigger();
+  applyUnitFilter();
+}
+
+function unitMultiClear(){
+  unitFilter = [];
+  document.querySelectorAll('#unitMultiPanel .multi-select__item input').forEach(function(cb){cb.checked = false;});
+  updateUnitMultiTrigger();
+  applyUnitFilter();
+}
+
+function updateUnitMultiTrigger(){
+  var trigger = document.getElementById('unitMultiTrigger');
+  if(unitFilter.length === 0){
+    trigger.textContent = '未选择';
+  } else if(unitFilter.length === 4){
+    trigger.textContent = '全部单位';
+  } else {
+    trigger.textContent = unitFilter.join('、');
+  }
+}
+
+function applyUnitFilter(){
+  if(unitFilter.length === 0){ unitFilter = []; }
+  unitPage = 0;
+  unitPage3 = 0;
+  if(currentUnitLevel === 'level2'){ renderUnitTable(); }
+  else { renderUnitTable3(); }
+}
+
+/* ===== 二级/三级单位方框切换 ===== */
+var currentUnitLevel = 'level2';
+function switchUnitLevel(level){
+  currentUnitLevel = level;
+  document.querySelectorAll('#unitLevelSeg .segmented-tab__item').forEach(function(item){
+    item.classList.toggle('active', item.getAttribute('data-level') === level);
+  });
+  document.getElementById('unitTableLevel2').style.display = level === 'level2' ? '' : 'none';
+  document.getElementById('unitTableLevel3').style.display = level === 'level3' ? '' : 'none';
+  if(level === 'level2'){ renderUnitTable(); }
+  else { renderUnitTable3(); }
+}
+
+/* ===== 工具函数 ===== */
+function calcPlanDays(dateFrom, dateTo){
+  var today = new Date();
+  var from = new Date(dateFrom);
+  var to = new Date(dateTo);
+  var end = to < today ? to : today;
+  if(end < from) return '未开始';
+  return Math.ceil((end - from) / (1000*60*60*24)) + 1;
+}
+function esc(s){return String(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('#planSelect')){
+    document.getElementById('planPanel').classList.remove('show');
+  }
+  var orgWrap = document.getElementById('orgWrap');
+  if(orgWrap && !orgWrap.contains(e.target)){
+    document.getElementById('orgPanel').classList.remove('open');
+    document.getElementById('orgTrigger').classList.remove('open');
+  }
+  var msWrap = document.getElementById('unitMultiSelect');
+  if(msWrap && !msWrap.contains(e.target)){
+    document.getElementById('unitMultiPanel').classList.remove('open');
+    document.getElementById('unitMultiTrigger').classList.remove('open');
+  }
+});
+
+/* ===== 初始化 ===== */
+(function init(){
+  // 预填充计划下拉数据
+  var html = '';
+  plans.forEach(function(p){
+    html += '<div class="search-select__option" onclick="selectPlan('+p.id+')">';
+    html += '<div style="font-weight:500;">'+esc(p.name)+'</div>';
+    html += '<div class="ss-org">'+esc(p.org)+' | '+p.dateFrom+' ~ '+p.dateTo+' | 应参加 '+p.totalCount+' 人</div>';
+    html += '</div>';
+  });
+  document.getElementById('planPanel').innerHTML = html;
+  renderPersonTable();
+  renderUnitTable();
+  renderUnitTable3();
+})();
+</script>
 </body>
 </html>