From 49784629dccc1ee10c92f9afce320bdf8f5a1d46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E9=9F=B5=E7=90=B4?= <757188142@qq.com>
Date: Tue, 26 May 2026 14:39:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=A5=E5=BA=B7=E7=9B=91=E6=B5=8B?=
 =?UTF-8?q?=E6=A1=A3=E6=A1=88=E4=B8=8E=E5=BC=82=E5=B8=B8=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=A1=A5=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 archive-personal.html：个人监测数据统计页面
  * 统计卡片：监控员工总数、健康排查完成人数、穿戴监测覆盖人数、体重监测覆盖人数
  * 表格字段：健康排查（积分、连续签到天数）、穿戴监测（已绑定、异常次数）、体重监测（最初/最终体重BMI、体重/BMI变化）
  * 筛选栏：姓名/工号、所属单位、所属部门、年份
  * 操作：导出列表数据、查看导出任务

- 新增 archive-unit.html：单位报表数据统计页面
  * TAB切换：二级单位、三级单位
  * 表格字段：总人数、健康排查（已签到/未签到人数、平均积分）、穿戴监测（入库/分配设备数、异常次数/人数）、体重监测（4种设备数、BMI异常人数）、环境监测（4种设备数、报警次数）
  * 筛选栏：单位名称、年份
  * 操作：导出列表数据、查看导出任务

- 新增 exception-dirty.html：系统脏数据页面
  * 筛选栏：业务模块（健康排查/穿戴/体重/环境）、异常类型、年份
  * 表格：业务模块、异常类型、异常描述、异常检测时间、表名、字段名、编号、异常值、数据产生时间
  * 操作：导出列表数据、查看导出任务、脏数据统计

- 新增 exception-result.html：结果异常页面
  * 筛选栏：业务模块、异常等级、年份
  * 表格：员工、业务模块、异常指标、异常值、异常等级、发现时间、处理状态、操作
  * 操作：导出列表数据、查看导出任务

- 更新 index.html：SITE_MAP 中健康监测页面标签调整

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 index.html                                    |   2 +-
 .../health-monitor/archive-personal.html      | 336 +++++++++++++++---
 web-admin/health-monitor/archive-unit.html    | 318 ++++++++++++++---
 web-admin/health-monitor/exception-dirty.html | 297 +++++++++++++---
 .../health-monitor/exception-result.html      | 279 ++++++++++++---
 5 files changed, 1006 insertions(+), 226 deletions(-)

diff --git a/index.html b/index.html
index a9cac3d..2be436e 100644
--- a/index.html
+++ b/index.html
@@ -290,7 +290,7 @@ const SITE_MAP = [
     ]},
     { name:'运动管理', dir:'web-admin/exercise', pages:[] },
     { name:'健康监测', dir:'web-admin/health-monitor', entry:'archive-personal.html', pages:[
-      { file:'archive-personal.html', label:'个人监测档案' },
+      { file:'archive-personal.html', label:'个人监测数据' },
       { file:'archive-unit.html', label:'单位报表数据' },
       { file:'archive-algorithm.html', label:'算法模型' },
       { file:'health-checkup/survey-category.html', label:'排查问卷-问题分类' },
diff --git a/web-admin/health-monitor/archive-personal.html b/web-admin/health-monitor/archive-personal.html
index 5166e7a..5b89609 100644
--- a/web-admin/health-monitor/archive-personal.html
+++ b/web-admin/health-monitor/archive-personal.html
@@ -5,49 +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__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;}
-  .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);}
-  .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);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px - 48px);color:var(--text-placeholder);gap:12px;}
-  .page-placeholder svg{opacity:.25;}
-  .page-placeholder p{font-size:var(--font-base);}
+/* 设计令牌 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+}
+
+/* 通用布局 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.top-bar__right .btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
+.sidebar-item.active .mi{opacity:0.9;}
+.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:180px;}
+.filter-input:focus{border-color:var(--primary);}
+.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
+.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+
+/* 统计卡片 */
+.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
+.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
+.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
+.stat-card__icon.blue{background:var(--primary-light);}
+.stat-card__icon.green{background:#F6FFED;}
+.stat-card__icon.orange{background:#FFF7E6;}
+.stat-card__info{display:flex;flex-direction:column;gap:4px;}
+.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
+.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
+
+/* 操作栏 */
+.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
+
+/* 表格 */
+.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+.table-card__title{font-size:var(--font-base);font-weight:600;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+table{width:100%;border-collapse:collapse;min-width:100%;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);white-space:nowrap;}
+tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+.tag-green{background:#F6FFED;color:var(--success);}
+.tag-orange{background:#FFF7E6;color:var(--warning);}
+.tag-red{background:#FFF1F0;color:var(--danger);}
+.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);}
+.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
 </style>
 </head>
 <body>
-<div class="top-bar">
-  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+
+<!-- 顶部导航 -->
+<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.html" class="active">档案</a>
     <a href="health-checkup/survey-category.html">健康排查</a>
@@ -57,26 +102,205 @@
     <a href="exception-dirty.html">异常事件</a>
   </nav>
   <div class="top-bar__right">
-    <a class="btn-back" href="../../index.html">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-      返回首页
-    </a>
+    <a class="btn-back" href="../../index.html">← 返回首页</a>
     <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+    <span>系统管理员 ▾</span>
   </div>
-</div>
+</header>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">档案</div>
-  <a href="archive-personal.html" class="sidebar-item active">个人监测数据</a>
-  <a href="archive-unit.html" class="sidebar-item">单位报表数据</a>
-  <a href="archive-algorithm.html" class="sidebar-item">算法模型</a>
+  <a class="sidebar-item active" href="archive-personal.html"><span class="mi">👤</span>个人监测数据</a>
+  <a class="sidebar-item" href="archive-unit.html"><span class="mi">🏢</span>单位报表数据</a>
+  <a class="sidebar-item" href="archive-algorithm.html"><span class="mi">🤖</span>算法模型</a>
 </aside>
-<main class="main">
-  <div class="page-placeholder">
-    <svg width="64" height="64" viewBox="0 0 64 64" fill="none"><rect x="8" y="8" width="48" height="48" rx="8" stroke="#ccc" stroke-width="2"/><path d="M20 32h24M32 20v24" stroke="#ccc" stroke-width="2" stroke-linecap="round"/></svg>
-    <p>个人监测数据</p>
+
+<!-- 主内容区 -->
+<div class="main">
+
+  <!-- 统计卡片 -->
+  <div class="stats-row">
+    <div class="stat-card">
+      <div class="stat-card__icon blue">👤</div>
+      <div class="stat-card__info">
+        <div class="stat-card__value">1,280</div>
+        <div class="stat-card__label">监控员工总数</div>
+      </div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__icon green">✓</div>
+      <div class="stat-card__info">
+        <div class="stat-card__value">1,156</div>
+        <div class="stat-card__label">健康排查完成人数</div>
+      </div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__icon orange">⌚</div>
+      <div class="stat-card__info">
+        <div class="stat-card__value">892</div>
+        <div class="stat-card__label">穿戴监测覆盖人数</div>
+      </div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__icon green">⚖️</div>
+      <div class="stat-card__info">
+        <div class="stat-card__value">756</div>
+        <div class="stat-card__label">体重监测覆盖人数</div>
+      </div>
+    </div>
   </div>
-</main>
-<script>function toggleSubgroup(h){h.parentElement.classList.toggle('open');}(function(){var a=document.querySelector('.sidebar-item.active');if(!a)return;var s=a.closest('.sidebar-subgroup');if(s)s.classList.add('open');})();</script>
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>姓名/工号</label>
+      <input class="filter-input" type="text" placeholder="请输入姓名或工号">
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>长庆油田总部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>所属部门</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>研发部</option>
+        <option>市场部</option>
+        <option>运营部</option>
+        <option>财务部</option>
+        <option>人事部</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select">
+        <option selected>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">
+    <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+    <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">个人监测数据（2026年）</div>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>姓名</th>
+            <th>工号</th>
+            <th>所属单位</th>
+            <th>所属部门</th>
+            <th>健康排查-积分</th>
+            <th>健康排查-连续签到天数</th>
+            <th>穿戴监测-已绑定</th>
+            <th>穿戴监测-异常次数</th>
+            <th>体重监测-最初体重(kg)</th>
+            <th>体重监测-最初BMI</th>
+            <th>体重监测-最终体重(kg)</th>
+            <th>体重监测-最终BMI</th>
+            <th>体重监测-体重变化(kg)</th>
+            <th>体重监测-BMI变化</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>张伟</td><td>EMP001</td><td>长庆油田总部</td><td>研发部</td>
+            <td>92</td><td>128</td>
+            <td><span class="tag tag-green">是</span></td><td>2</td>
+            <td>72.5</td><td>24.1</td><td>70.2</td><td>23.4</td><td>-2.3</td><td>-0.7</td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>李娜</td><td>EMP002</td><td>长庆油田总部</td><td>市场部</td>
+            <td>88</td><td>125</td>
+            <td><span class="tag tag-green">是</span></td><td>1</td>
+            <td>58.3</td><td>21.8</td><td>57.8</td><td>21.6</td><td>-0.5</td><td>-0.2</td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>王磊</td><td>EMP003</td><td>采油一厂</td><td>运营部</td>
+            <td>76</td><td>98</td>
+            <td><span class="tag tag-orange">否</span></td><td>0</td>
+            <td>85.6</td><td>28.2</td><td>83.4</td><td>27.5</td><td>-2.2</td><td>-0.7</td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>赵敏</td><td>EMP004</td><td>采油二厂</td><td>财务部</td>
+            <td>95</td><td>131</td>
+            <td><span class="tag tag-green">是</span></td><td>0</td>
+            <td>62.1</td><td>23.2</td><td>61.5</td><td>23.0</td><td>-0.6</td><td>-0.2</td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>陈刚</td><td>EMP005</td><td>长庆油田总部</td><td>人事部</td>
+            <td>78</td><td>120</td>
+            <td><span class="tag tag-green">是</span></td><td>3</td>
+            <td>78.9</td><td>26.1</td><td>76.5</td><td>25.3</td><td>-2.4</td><td>-0.8</td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!-- 分页 -->
+    <div class="pagination">
+      <span>显示 5 条，共 1,280 条</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">256</button>
+      <button class="page-btn">›</button>
+    </div>
+  </div>
+
+</div>
+
+<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');
+  });
+});
+// URL参数回显到筛选框
+(function(){
+  var params = new URLSearchParams(location.search);
+  var unit = params.get('unit');
+  var dept = params.get('dept');
+  var selects = document.querySelectorAll('.filter-select');
+  if(unit && selects[0]){
+    for(var i=0;i<selects[0].options.length;i++){
+      if(selects[0].options[i].text === unit){ selects[0].selectedIndex = i; break; }
+    }
+  }
+  if(dept && selects[1]){
+    for(var i=0;i<selects[1].options.length;i++){
+      if(selects[1].options[i].text === dept){ selects[1].selectedIndex = i; break; }
+    }
+  }
+})();
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/web-admin/health-monitor/archive-unit.html b/web-admin/health-monitor/archive-unit.html
index 3122b5c..c923253 100644
--- a/web-admin/health-monitor/archive-unit.html
+++ b/web-admin/health-monitor/archive-unit.html
@@ -5,78 +5,278 @@
 <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__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;}
-  .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);}
-  .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);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px - 48px);color:var(--text-placeholder);gap:12px;}
-  .page-placeholder svg{opacity:.25;}
-  .page-placeholder p{font-size:var(--font-base);}
+/* 全局重置与基础样式 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+}
+/* 顶部导航栏 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.top-bar__right .btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+/* 侧边栏 */
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
+.sidebar-item.active .mi{opacity:0.9;}
+/* 主内容区域 */
+.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+/* 筛选栏 */
+.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+.filter-item{display:flex;align-items:center;gap:8px;}
+.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+.filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:200px;}
+.filter-input:focus{border-color:var(--primary);}
+.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
+/* 按钮 */
+.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+/* 表格卡片 */
+.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+.table-card__title{font-size:var(--font-base);font-weight:600;}
+.table-card__actions{display:flex;gap:8px;align-items:center;}
+.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
+.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
+.table-card__content table{min-width:100%;white-space:nowrap;}
+table{width:100%;border-collapse:collapse;}
+thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody tr:last-child td{border-bottom:none;}
+tbody tr:hover{background:#F8FBFF;}
+/* 标签 */
+.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+.tag-blue{background:var(--primary-light);color:var(--primary);}
+.tag-green{background:#F6FFED;color:var(--success);}
+.tag-orange{background:#FFF7E6;color:var(--warning);}
+.tag-red{background:#FFF1F0;color:var(--danger);}
+.tag-gray{background:#F5F5F5;color:#999;}
+/* 链接 */
+.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+/* 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;}
+/* 分页 */
+.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
 </style>
 </head>
 <body>
+
+<!-- 顶部导航栏 -->
 <div class="top-bar">
-  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
-  <nav class="top-bar__nav">
-    <a href="archive-personal.html" class="active">档案</a>
+  <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>
+  <div class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
     <a href="health-checkup/survey-category.html">健康排查</a>
     <a href="wearable/tool-manage.html">穿戴监测</a>
     <a href="weight/scale-device.html">体重监测</a>
     <a href="environment/indoor-device-list.html">环境监测</a>
     <a href="exception-dirty.html">异常事件</a>
-  </nav>
+  </div>
   <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>
+    <a class="btn-back" href="../../index.html">← 返回首页</a>
     <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+    <span>系统管理员 ▾</span>
   </div>
 </div>
-<aside class="sidebar">
+
+<!-- 侧边栏 -->
+<div class="sidebar">
   <div class="sidebar-menu__title">档案</div>
-  <a href="archive-personal.html" class="sidebar-item">个人监测数据</a>
-  <a href="archive-unit.html" class="sidebar-item active">单位报表数据</a>
-  <a href="archive-algorithm.html" class="sidebar-item">算法模型</a>
-</aside>
-<main class="main">
-  <div class="page-placeholder">
-    <svg width="64" height="64" viewBox="0 0 64 64" fill="none"><rect x="8" y="8" width="48" height="48" rx="8" stroke="#ccc" stroke-width="2"/><path d="M20 32h24M32 20v24" stroke="#ccc" stroke-width="2" stroke-linecap="round"/></svg>
-    <p>单位报表数据</p>
+  <a class="sidebar-item" href="archive-personal.html"><span class="mi">👤</span>个人监测数据</a>
+  <a class="sidebar-item active" href="archive-unit.html"><span class="mi">🏢</span>单位报表数据</a>
+  <a class="sidebar-item" href="archive-algorithm.html"><span class="mi">🤖</span>算法模型</a>
+</div>
+
+<!-- 主内容区域 -->
+<div class="main">
+
+  <!-- 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;">
+    <div class="tab-item active" onclick="switchTab(0)">二级单位</div>
+    <div class="tab-item" onclick="switchTab(1)">三级单位</div>
   </div>
-</main>
-<script>function toggleSubgroup(h){h.parentElement.classList.toggle('open');}(function(){var a=document.querySelector('.sidebar-item.active');if(!a)return;var s=a.closest('.sidebar-subgroup');if(s)s.classList.add('open');})();</script>
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:0;">
+    <div class="filter-item">
+      <label>单位名称</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>油田总部机关</option>
+        <option>勘探开发研究院</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select">
+        <option selected>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">
+    <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+    <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <div class="table-card__title">单位监测数据（2026年）</div>
+    </div>
+
+    <!-- 二级单位表格 -->
+    <div class="tab-panel active" id="tab-0">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th>单位名称</th>
+              <th>总人数</th>
+              <th>健康排查-已签到人数</th>
+              <th>健康排查-未签到人数</th>
+              <th>健康排查-平均积分</th>
+              <th>穿戴监测-入库设备数</th>
+              <th>穿戴监测-分配设备数</th>
+              <th>穿戴监测-异常次数</th>
+              <th>穿戴监测-异常人数</th>
+              <th>体重监测-体重秤设备数</th>
+              <th>体重监测-蓝牙称设备数</th>
+              <th>体重监测-体脂仪设备数</th>
+              <th>体重监测-运动器械设备数</th>
+              <th>体重监测-BMI异常人数</th>
+              <th>环境监测-室内设备数</th>
+              <th>环境监测-室外设备数</th>
+              <th>环境监测-水质设备数</th>
+              <th>环境监测-花粉设备数</th>
+              <th>环境监测-报警次数</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>采油一厂</td><td>420</td><td>398</td><td>22</td><td>87</td><td>420</td><td>398</td><td>12</td><td>8</td><td>398</td><td>85</td><td>42</td><td>28</td><td>15</td><td>24</td><td>8</td><td>4</td><td>2</td><td>3</td></tr>
+            <tr><td>采油二厂</td><td>380</td><td>356</td><td>24</td><td>84</td><td>380</td><td>356</td><td>18</td><td>12</td><td>356</td><td>76</td><td>38</td><td>25</td><td>18</td><td>20</td><td>6</td><td>3</td><td>2</td><td>5</td></tr>
+            <tr><td>采气一厂</td><td>260</td><td>245</td><td>15</td><td>82</td><td>260</td><td>245</td><td>8</td><td>5</td><td>245</td><td>52</td><td>26</td><td>18</td><td>12</td><td>16</td><td>5</td><td>2</td><td>1</td><td>2</td></tr>
+            <tr><td>油田总部机关</td><td>150</td><td>148</td><td>2</td><td>91</td><td>150</td><td>148</td><td>4</td><td>2</td><td>148</td><td>32</td><td>16</td><td>10</td><td>5</td><td>12</td><td>4</td><td>2</td><td>1</td><td>1</td></tr>
+            <tr><td>勘探开发研究院</td><td>70</td><td>65</td><td>5</td><td>85</td><td>70</td><td>65</td><td>3</td><td>2</td><td>65</td><td>14</td><td>7</td><td>5</td><td>3</td><td>8</td><td>2</td><td>1</td><td>1</td><td>1</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>显示 5 条，共 8 条</span>
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">2</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+
+    <!-- 三级单位表格 -->
+    <div class="tab-panel" id="tab-1">
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th>部门名称</th>
+              <th>所属二级单位</th>
+              <th>总人数</th>
+              <th>健康排查-已签到人数</th>
+              <th>健康排查-未签到人数</th>
+              <th>健康排查-平均积分</th>
+              <th>穿戴监测-入库设备数</th>
+              <th>穿戴监测-分配设备数</th>
+              <th>穿戴监测-异常次数</th>
+              <th>穿戴监测-异常人数</th>
+              <th>体重监测-体重秤设备数</th>
+              <th>体重监测-蓝牙称设备数</th>
+              <th>体重监测-体脂仪设备数</th>
+              <th>体重监测-运动器械设备数</th>
+              <th>体重监测-BMI异常人数</th>
+              <th>环境监测-室内设备数</th>
+              <th>环境监测-室外设备数</th>
+              <th>环境监测-水质设备数</th>
+              <th>环境监测-花粉设备数</th>
+              <th>环境监测-报警次数</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>研发部</td><td>采油一厂</td><td>85</td><td>82</td><td>3</td><td>89</td><td>85</td><td>82</td><td>2</td><td>1</td><td>82</td><td>18</td><td>9</td><td>6</td><td>3</td><td>6</td><td>2</td><td>1</td><td>1</td><td>1</td></tr>
+            <tr><td>运营部</td><td>采油一厂</td><td>120</td><td>112</td><td>8</td><td>85</td><td>120</td><td>112</td><td>5</td><td>3</td><td>112</td><td>24</td><td>12</td><td>8</td><td>5</td><td>8</td><td>3</td><td>1</td><td>1</td><td>1</td></tr>
+            <tr><td>市场部</td><td>采油一厂</td><td>95</td><td>90</td><td>5</td><td>86</td><td>95</td><td>90</td><td>3</td><td>2</td><td>90</td><td>19</td><td>10</td><td>6</td><td>4</td><td>6</td><td>2</td><td>1</td><td>1</td><td>1</td></tr>
+            <tr><td>财务部</td><td>采油二厂</td><td>60</td><td>58</td><td>2</td><td>88</td><td>60</td><td>58</td><td>2</td><td>1</td><td>58</td><td>12</td><td>6</td><td>4</td><td>2</td><td>4</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
+            <tr><td>人事部</td><td>采油二厂</td><td>45</td><td>42</td><td>3</td><td>82</td><td>45</td><td>42</td><td>2</td><td>1</td><td>42</td><td>9</td><td>5</td><td>3</td><td>2</td><td>3</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>显示 5 条，共 24 条</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>
+
+</div>
+
+<!-- 侧边栏交互脚本 -->
+<script>
+/* TAB切换 */
+function switchTab(idx) {
+  document.querySelectorAll('.tab-item').forEach(function(t, i) { t.classList.toggle('active', i === idx); });
+  document.querySelectorAll('.tab-panel').forEach(function(p, i) { p.classList.toggle('active', i === idx); });
+}
+/* 侧边栏当前页高亮 */
+(function(){
+  var current = location.pathname.split('/').pop();
+  document.querySelectorAll('.sidebar-item').forEach(function(item){
+    var href = item.getAttribute('href');
+    if(href === current){
+      item.classList.add('active');
+    } else {
+      item.classList.remove('active');
+    }
+  });
+})();
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/web-admin/health-monitor/exception-dirty.html b/web-admin/health-monitor/exception-dirty.html
index 53fd7d9..313d795 100644
--- a/web-admin/health-monitor/exception-dirty.html
+++ b/web-admin/health-monitor/exception-dirty.html
@@ -5,49 +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__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;}
-  .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);}
-  .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);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px - 48px);color:var(--text-placeholder);gap:12px;}
-  .page-placeholder svg{opacity:.25;}
-  .page-placeholder p{font-size:var(--font-base);}
+/* 设计令牌 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+}
+
+/* 通用布局 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.top-bar__right .btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
+.sidebar-item.active .mi{opacity:0.9;}
+
+.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);}
+.tag-green{background:#F6FFED;color:var(--success);}
+.tag-gray{background:#F5F5F5;color:#999;}
+
+/* 分页 */
+.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__left .filter-select{min-width:80px;height:32px;}
+.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);}
+
+/* 异常值高亮 */
+.val-error{color:var(--danger);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>
+
+<!-- 顶部导航 -->
+<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.html">档案</a>
     <a href="health-checkup/survey-category.html">健康排查</a>
@@ -57,25 +102,167 @@
     <a href="exception-dirty.html" class="active">异常事件</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>
+    <a class="btn-back" href="../../index.html">← 返回首页</a>
     <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+    <span>系统管理员 ▾</span>
   </div>
-</div>
+</header>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">异常事件</div>
-  <a href="exception-dirty.html" class="sidebar-item active">系统脏数据</a>
-  <a href="exception-result.html" class="sidebar-item">结果异常</a>
+  <a href="exception-dirty.html" class="sidebar-item active"><span class="mi">🗑️</span>系统脏数据</a>
+  <a href="exception-result.html" class="sidebar-item"><span class="mi">❌</span>结果异常</a>
 </aside>
-<main class="main">
-  <div class="page-placeholder">
-    <svg width="64" height="64" viewBox="0 0 64 64" fill="none"><rect x="8" y="8" width="48" height="48" rx="8" stroke="#ccc" stroke-width="2"/><path d="M20 32h24M32 20v24" stroke="#ccc" stroke-width="2" stroke-linecap="round"/></svg>
-    <p>系统脏数据</p>
+
+<!-- 主内容区 -->
+<div 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>
+      </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>
-</main>
-<script>function toggleSubgroup(h){h.parentElement.classList.toggle('open');}(function(){var a=document.querySelector('.sidebar-item.active');if(!a)return;var s=a.closest('.sidebar-subgroup');if(s)s.classList.add('open');})();</script>
+
+  <!-- 操作栏 -->
+  <div class="action-bar">
+    <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>156</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>积分字段为空，无法参与统计</td>
+            <td>2026-05-14 09:23</td>
+            <td>t_survey_record</td>
+            <td>score</td>
+            <td>SRV-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_wearable_binding</td>
+            <td>bind_date</td>
+            <td>WB-20260513-0045</td>
+            <td class="val-error">2026/05/13</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_record</td>
+            <td>bmi</td>
+            <td>WR-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>室内温度高于室外温度超过10°C，逻辑异常</td>
+            <td>2026-05-11 16:34</td>
+            <td>t_environment_data</td>
+            <td>indoor_temp</td>
+            <td>ED-20260511-0234</td>
+            <td class="val-error">42.5°C</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_wearable_data</td>
+            <td>device_id</td>
+            <td>WD-20260510-0089</td>
+            <td class="val-error">DEV-001</td>
+            <td>2026-05-10 13:20</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <div class="pagination__left">
+        <span>显示 5 条，共 156 条</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">32</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<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>
\ No newline at end of file
+</html>
diff --git a/web-admin/health-monitor/exception-result.html b/web-admin/health-monitor/exception-result.html
index 440c2bc..cb41947 100644
--- a/web-admin/health-monitor/exception-result.html
+++ b/web-admin/health-monitor/exception-result.html
@@ -5,49 +5,89 @@
 <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__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;}
-  .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);}
-  .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);}
-  .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
-  .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
-  .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
-  .sidebar-subgroup__header .arrow path{stroke:rgba(255,255,255,0.45);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header{color:rgba(255,255,255,0.85);}
-  .sidebar-subgroup.open>.sidebar-subgroup__header .arrow{transform:rotate(90deg);}
-  .sidebar-subgroup__body{display:none;padding-left:16px;}
-  .sidebar-subgroup.open>.sidebar-subgroup__body{display:block;}
-  .sidebar-subgroup__body .sidebar-item{padding-left:36px;font-size:12px;}
-  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
-  .page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px - 48px);color:var(--text-placeholder);gap:12px;}
-  .page-placeholder svg{opacity:.25;}
-  .page-placeholder p{font-size:var(--font-base);}
+/* 设计令牌 */
+*{box-sizing:border-box;margin:0;padding:0;}
+body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
+:root{
+  --primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+  --text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
+  --font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
+  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
+  --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
+}
+
+/* 通用布局 */
+.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
+.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
+.top-bar__logo svg{width:28px;height:28px;}
+.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
+.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
+.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
+.top-bar__nav a.active{color:#fff;background:var(--primary);}
+.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
+.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
+.top-bar__right .btn-back:hover{color:#fff;}
+.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
+.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
+.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
+.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
+.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
+.sidebar-item.active{color:#fff;background:var(--primary);}
+.mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
+.sidebar-item.active .mi{opacity:0.9;}
+
+.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;}
+
+/* 表格卡片 */
+.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);}
+.tag-gray{background:#F5F5F5;color:#999;}
+
+/* 链接 */
+.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+
+/* 分页 */
+.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
 </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.html">档案</a>
     <a href="health-checkup/survey-category.html">健康排查</a>
@@ -57,25 +97,154 @@
     <a href="exception-dirty.html" class="active">异常事件</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>
+    <a class="btn-back" href="../../index.html">← 返回首页</a>
     <div class="avatar">管</div>
-    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+    <span>系统管理员 ▾</span>
   </div>
-</div>
+</header>
+
+<!-- 侧边栏 -->
 <aside class="sidebar">
   <div class="sidebar-menu__title">异常事件</div>
-  <a href="exception-dirty.html" class="sidebar-item">系统脏数据</a>
-  <a href="exception-result.html" class="sidebar-item active">结果异常</a>
+  <a href="exception-dirty.html" class="sidebar-item"><span class="mi">🗑️</span>系统脏数据</a>
+  <a href="exception-result.html" class="sidebar-item active"><span class="mi">❌</span>结果异常</a>
 </aside>
-<main class="main">
-  <div class="page-placeholder">
-    <svg width="64" height="64" viewBox="0 0 64 64" fill="none"><rect x="8" y="8" width="48" height="48" rx="8" stroke="#ccc" stroke-width="2"/><path d="M20 32h24M32 20v24" stroke="#ccc" stroke-width="2" stroke-linecap="round"/></svg>
-    <p>结果异常</p>
+
+<!-- 主内容区 -->
+<div 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>
+      </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>
-</main>
-<script>function toggleSubgroup(h){h.parentElement.classList.toggle('open');}(function(){var a=document.querySelector('.sidebar-item.active');if(!a)return;var s=a.closest('.sidebar-subgroup');if(s)s.classList.add('open');})();</script>
+
+  <!-- 操作栏 -->
+  <div class="action-bar">
+    <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
+    <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div class="table-card">
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>员工</th>
+            <th>业务模块</th>
+            <th>异常指标</th>
+            <th>异常值</th>
+            <th>异常等级</th>
+            <th>发现时间</th>
+            <th>处理状态</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>张伟</td>
+            <td>体重监测</td>
+            <td>BMI异常</td>
+            <td>28.5</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-14 10:30</td>
+            <td><span class="tag tag-gray">未处理</span></td>
+            <td><a class="link" href="#">标记处理</a></td>
+          </tr>
+          <tr>
+            <td>李娜</td>
+            <td>穿戴监测</td>
+            <td>心率异常</td>
+            <td>125 bpm</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-13 14:22</td>
+            <td><span class="tag tag-green">已处理</span></td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>王磊</td>
+            <td>健康排查</td>
+            <td>积分异常</td>
+            <td>0分</td>
+            <td><span class="tag tag-orange">中等</span></td>
+            <td>2026-05-12 09:15</td>
+            <td><span class="tag tag-gray">未处理</span></td>
+            <td><a class="link" href="#">标记处理</a></td>
+          </tr>
+          <tr>
+            <td>赵敏</td>
+            <td>环境监测</td>
+            <td>温度异常</td>
+            <td>38.2°C</td>
+            <td><span class="tag tag-red">严重</span></td>
+            <td>2026-05-11 16:45</td>
+            <td><span class="tag tag-green">已处理</span></td>
+            <td><a class="link" href="#">查看详情</a></td>
+          </tr>
+          <tr>
+            <td>陈刚</td>
+            <td>穿戴监测</td>
+            <td>血氧异常</td>
+            <td>92%</td>
+            <td><span class="tag tag-orange">轻微</span></td>
+            <td>2026-05-10 11:20</td>
+            <td><span class="tag tag-gray">未处理</span></td>
+            <td><a class="link" href="#">标记处理</a></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!-- 分页 -->
+    <div class="pagination">
+      <span>显示 5 条，共 48 条</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">10</button>
+      <button class="page-btn">›</button>
+    </div>
+  </div>
+
+</div>
+
+<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>
\ No newline at end of file
+</html>