From 53ba50573965ae9bf5a1b5043914b4a2e1cc9e79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E9=9F=B5=E7=90=B4?= <757188142@qq.com>
Date: Thu, 14 May 2026 17:43:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=A5=E5=BA=B7=E7=9B=91=E6=B5=8B?=
 =?UTF-8?q?=E5=A4=9A=E7=AB=AF=E5=8E=9F=E5=9E=8B=E6=96=B0=E5=A2=9E=E4=B8=8E?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 员工端新增体重监测模块(主页/历史数据/详细报告)，支持按设备来源(体重秤/蓝牙秤/体脂仪)显示不同字段
- 员工端新增健康排查模块(首页/打卡填写/打卡记录/问卷详情/题目设置)，含打卡成功dialog弹窗
- 管理端体重监测数据明细页使用次数统计靠右显示
- 管理端体重监测dialog弹窗改为分类展示监测字段
- 导航页SITE_MAP同步更新新增页面条目

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../health-screening/checkin-record.html      |  222 ++++
 .../health-screening/index.html               |  213 ++++
 .../questionnaire-detail.html                 |  171 +++
 .../health-screening/questionnaire-fill.html  |  207 ++++
 .../questionnaire-setting.html                |  176 +++
 employee-app/health-monitor/index.html        |  304 ++---
 employee-app/health-monitor/sleep.html        |  309 -----
 .../{ => wearable}/blood-oxygen-alerts.html   |    0
 .../{ => wearable}/blood-oxygen.html          |    0
 .../wearable/blood-pressure-alerts.html       |  406 +++++++
 .../wearable/blood-pressure.html              |  317 ++++++
 .../health-monitor/wearable/ecg-detail.html   |  245 ++++
 employee-app/health-monitor/wearable/ecg.html |  209 ++++
 .../{ => wearable}/exercise.html              |  201 ++--
 .../{ => wearable}/heart-rate-alerts.html     |    1 +
 .../{ => wearable}/heart-rate.html            |    0
 .../health-monitor/wearable/index.html        |  295 +++++
 .../health-monitor/wearable/sleep.html        |  357 ++++++
 .../health-monitor/{ => wearable}/steps.html  |    0
 .../{ => wearable}/stress-alerts.html         |    0
 .../health-monitor/{ => wearable}/stress.html |    0
 .../{ => wearable}/temperature-alerts.html    |    0
 .../{ => wearable}/temperature.html           |    0
 .../health-monitor/weight/history.html        |  360 ++++++
 employee-app/health-monitor/weight/index.html |  192 ++++
 .../health-monitor/weight/report-detail.html  |  285 +++++
 index.html                                    |  110 +-
 .../health-checkup/post-report-roster.html    |    7 +-
 .../health-monitor/archive-algorithm.html     |   82 ++
 .../health-monitor/archive-personal.html      |   82 ++
 web-admin/health-monitor/archive-unit.html    |   82 ++
 web-admin/health-monitor/doc/CHANGELOG.md     |   48 +
 .../environment/indoor-app-record.html        |  124 ++
 .../environment/indoor-data-monitor.html      |  124 ++
 .../environment/indoor-device-category.html   |  124 ++
 .../environment/indoor-device-list.html       |  124 ++
 .../environment/indoor-exception-alarm.html   |  124 ++
 .../environment/indoor-history-data.html      |  124 ++
 .../environment/outdoor-app-record.html       |  124 ++
 .../environment/outdoor-data-monitor.html     |  124 ++
 .../environment/outdoor-device-category.html  |  124 ++
 .../environment/outdoor-device-list.html      |  124 ++
 .../environment/outdoor-exception-alarm.html  |  124 ++
 .../environment/outdoor-history-data.html     |  124 ++
 .../environment/pollen-app-record.html        |  124 ++
 .../environment/pollen-data-monitor.html      |  124 ++
 .../environment/pollen-device-category.html   |  124 ++
 .../environment/pollen-device-list.html       |  124 ++
 .../environment/pollen-exception-alarm.html   |  124 ++
 .../environment/pollen-history-data.html      |  124 ++
 .../environment/pollen-knowledge.html         |  124 ++
 .../environment/water-app-record.html         |  124 ++
 .../environment/water-data-monitor.html       |  124 ++
 .../environment/water-device-category.html    |  124 ++
 .../environment/water-device-list.html        |  124 ++
 .../environment/water-exception-alarm.html    |  124 ++
 .../environment/water-history-data.html       |  124 ++
 web-admin/health-monitor/exception-dirty.html |   81 ++
 .../health-monitor/exception-result.html      |   81 ++
 .../health-monitor/health-checkup/maxim.html  |  242 ++++
 .../health-checkup/record-dept.html           |  277 +++++
 .../health-checkup/record-user.html           |  404 +++++++
 .../health-checkup/survey-category.html       |  296 +++++
 .../health-checkup/survey-question.html       |  431 +++++++
 .../health-checkup/survey-score.html          |  138 +++
 .../health-checkup/survey-template.html       |  490 ++++++++
 .../health-monitor/wearable/bind-record.html  |  254 +++++
 .../health-monitor/wearable/dept-report.html  |  231 ++++
 .../health-monitor/wearable/dept-stat.html    |  530 +++++++++
 .../wearable/exception-event.html             |  423 +++++++
 .../health-monitor/wearable/notification.html |  440 +++++++
 .../wearable/personal-stat.html               |  393 +++++++
 .../health-monitor/wearable/tool-manage.html  | 1012 +++++++++++++++++
 .../health-monitor/wearable/user-data.html    |  762 +++++++++++++
 .../weight/bluetooth-device-add.html          |  161 +++
 .../weight/bluetooth-device.html              |  174 +++
 .../weight/bluetooth-monitor-detail.html      |  285 +++++
 .../weight/bluetooth-monitor.html             |  160 +++
 .../health-monitor/weight/dept-stat.html      |  412 +++++++
 .../weight/employee-data-record.html          |  241 ++++
 .../health-monitor/weight/employee-data.html  |  179 +++
 .../health-monitor/weight/employee-stat.html  |  219 ++++
 .../health-monitor/weight/fat-device-add.html |  161 +++
 .../health-monitor/weight/fat-device.html     |  174 +++
 .../weight/fat-monitor-detail.html            |  290 +++++
 .../health-monitor/weight/fat-monitor.html    |  160 +++
 .../weight/scale-device-add.html              |  161 +++
 .../health-monitor/weight/scale-device.html   |  174 +++
 .../weight/scale-monitor-detail.html          |  289 +++++
 .../health-monitor/weight/scale-monitor.html  |  160 +++
 .../weight/sport-device-add.html              |  162 +++
 .../health-monitor/weight/sport-device.html   |  178 +++
 .../weight/sport-monitor-detail.html          |  227 ++++
 .../health-monitor/weight/sport-monitor.html  |  160 +++
 94 files changed, 17925 insertions(+), 668 deletions(-)
 create mode 100644 employee-app/health-monitor/health-screening/checkin-record.html
 create mode 100644 employee-app/health-monitor/health-screening/index.html
 create mode 100644 employee-app/health-monitor/health-screening/questionnaire-detail.html
 create mode 100644 employee-app/health-monitor/health-screening/questionnaire-fill.html
 create mode 100644 employee-app/health-monitor/health-screening/questionnaire-setting.html
 delete mode 100644 employee-app/health-monitor/sleep.html
 rename employee-app/health-monitor/{ => wearable}/blood-oxygen-alerts.html (100%)
 rename employee-app/health-monitor/{ => wearable}/blood-oxygen.html (100%)
 create mode 100644 employee-app/health-monitor/wearable/blood-pressure-alerts.html
 create mode 100644 employee-app/health-monitor/wearable/blood-pressure.html
 create mode 100644 employee-app/health-monitor/wearable/ecg-detail.html
 create mode 100644 employee-app/health-monitor/wearable/ecg.html
 rename employee-app/health-monitor/{ => wearable}/exercise.html (77%)
 rename employee-app/health-monitor/{ => wearable}/heart-rate-alerts.html (99%)
 rename employee-app/health-monitor/{ => wearable}/heart-rate.html (100%)
 create mode 100644 employee-app/health-monitor/wearable/index.html
 create mode 100644 employee-app/health-monitor/wearable/sleep.html
 rename employee-app/health-monitor/{ => wearable}/steps.html (100%)
 rename employee-app/health-monitor/{ => wearable}/stress-alerts.html (100%)
 rename employee-app/health-monitor/{ => wearable}/stress.html (100%)
 rename employee-app/health-monitor/{ => wearable}/temperature-alerts.html (100%)
 rename employee-app/health-monitor/{ => wearable}/temperature.html (100%)
 create mode 100644 employee-app/health-monitor/weight/history.html
 create mode 100644 employee-app/health-monitor/weight/index.html
 create mode 100644 employee-app/health-monitor/weight/report-detail.html
 create mode 100644 web-admin/health-monitor/archive-algorithm.html
 create mode 100644 web-admin/health-monitor/archive-personal.html
 create mode 100644 web-admin/health-monitor/archive-unit.html
 create mode 100644 web-admin/health-monitor/doc/CHANGELOG.md
 create mode 100644 web-admin/health-monitor/environment/indoor-app-record.html
 create mode 100644 web-admin/health-monitor/environment/indoor-data-monitor.html
 create mode 100644 web-admin/health-monitor/environment/indoor-device-category.html
 create mode 100644 web-admin/health-monitor/environment/indoor-device-list.html
 create mode 100644 web-admin/health-monitor/environment/indoor-exception-alarm.html
 create mode 100644 web-admin/health-monitor/environment/indoor-history-data.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-app-record.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-data-monitor.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-device-category.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-device-list.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-exception-alarm.html
 create mode 100644 web-admin/health-monitor/environment/outdoor-history-data.html
 create mode 100644 web-admin/health-monitor/environment/pollen-app-record.html
 create mode 100644 web-admin/health-monitor/environment/pollen-data-monitor.html
 create mode 100644 web-admin/health-monitor/environment/pollen-device-category.html
 create mode 100644 web-admin/health-monitor/environment/pollen-device-list.html
 create mode 100644 web-admin/health-monitor/environment/pollen-exception-alarm.html
 create mode 100644 web-admin/health-monitor/environment/pollen-history-data.html
 create mode 100644 web-admin/health-monitor/environment/pollen-knowledge.html
 create mode 100644 web-admin/health-monitor/environment/water-app-record.html
 create mode 100644 web-admin/health-monitor/environment/water-data-monitor.html
 create mode 100644 web-admin/health-monitor/environment/water-device-category.html
 create mode 100644 web-admin/health-monitor/environment/water-device-list.html
 create mode 100644 web-admin/health-monitor/environment/water-exception-alarm.html
 create mode 100644 web-admin/health-monitor/environment/water-history-data.html
 create mode 100644 web-admin/health-monitor/exception-dirty.html
 create mode 100644 web-admin/health-monitor/exception-result.html
 create mode 100644 web-admin/health-monitor/health-checkup/maxim.html
 create mode 100644 web-admin/health-monitor/health-checkup/record-dept.html
 create mode 100644 web-admin/health-monitor/health-checkup/record-user.html
 create mode 100644 web-admin/health-monitor/health-checkup/survey-category.html
 create mode 100644 web-admin/health-monitor/health-checkup/survey-question.html
 create mode 100644 web-admin/health-monitor/health-checkup/survey-score.html
 create mode 100644 web-admin/health-monitor/health-checkup/survey-template.html
 create mode 100644 web-admin/health-monitor/wearable/bind-record.html
 create mode 100644 web-admin/health-monitor/wearable/dept-report.html
 create mode 100644 web-admin/health-monitor/wearable/dept-stat.html
 create mode 100644 web-admin/health-monitor/wearable/exception-event.html
 create mode 100644 web-admin/health-monitor/wearable/notification.html
 create mode 100644 web-admin/health-monitor/wearable/personal-stat.html
 create mode 100644 web-admin/health-monitor/wearable/tool-manage.html
 create mode 100644 web-admin/health-monitor/wearable/user-data.html
 create mode 100644 web-admin/health-monitor/weight/bluetooth-device-add.html
 create mode 100644 web-admin/health-monitor/weight/bluetooth-device.html
 create mode 100644 web-admin/health-monitor/weight/bluetooth-monitor-detail.html
 create mode 100644 web-admin/health-monitor/weight/bluetooth-monitor.html
 create mode 100644 web-admin/health-monitor/weight/dept-stat.html
 create mode 100644 web-admin/health-monitor/weight/employee-data-record.html
 create mode 100644 web-admin/health-monitor/weight/employee-data.html
 create mode 100644 web-admin/health-monitor/weight/employee-stat.html
 create mode 100644 web-admin/health-monitor/weight/fat-device-add.html
 create mode 100644 web-admin/health-monitor/weight/fat-device.html
 create mode 100644 web-admin/health-monitor/weight/fat-monitor-detail.html
 create mode 100644 web-admin/health-monitor/weight/fat-monitor.html
 create mode 100644 web-admin/health-monitor/weight/scale-device-add.html
 create mode 100644 web-admin/health-monitor/weight/scale-device.html
 create mode 100644 web-admin/health-monitor/weight/scale-monitor-detail.html
 create mode 100644 web-admin/health-monitor/weight/scale-monitor.html
 create mode 100644 web-admin/health-monitor/weight/sport-device-add.html
 create mode 100644 web-admin/health-monitor/weight/sport-device.html
 create mode 100644 web-admin/health-monitor/weight/sport-monitor-detail.html
 create mode 100644 web-admin/health-monitor/weight/sport-monitor.html

diff --git a/employee-app/health-monitor/health-screening/checkin-record.html b/employee-app/health-monitor/health-screening/checkin-record.html
new file mode 100644
index 0000000..e7c791f
--- /dev/null
+++ b/employee-app/health-monitor/health-screening/checkin-record.html
@@ -0,0 +1,222 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 日历区域 */
+.calendar-section { background: #fff; margin: 0; padding: 16px; }
+.calendar-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
+.calendar-month { font-size: 16px; font-weight: 700; color: #1a1a1a; display: flex; align-items: center; gap: 8px; }
+.calendar-nav { display: flex; align-items: center; gap: 12px; }
+.calendar-nav-btn { width: 28px; height: 28px; border: none; background: #f5f5f5; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; }
+.calendar-nav-btn:active { background: #e8e8e8; }
+.calendar-toggle { border: none; background: none; font-size: 12px; color: #667eea; cursor: pointer; display: flex; align-items: center; gap: 4px; }
+.calendar-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 8px; }
+.calendar-weekdays span { text-align: center; font-size: 12px; color: #999; padding: 4px 0; }
+.calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
+.calendar-day { height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; color: #333; border-radius: 8px; position: relative; cursor: pointer; gap: 2px; }
+.calendar-day--empty { visibility: hidden; }
+.calendar-day--today { font-weight: 700; color: #667eea; background: #f0edff; }
+.calendar-day--checked .calendar-dot { display: block; }
+.calendar-dot { display: none; width: 6px; height: 6px; border-radius: 50%; background: #667eea; }
+.calendar-day--other { color: #ccc; }
+.calendar-collapsed .calendar-days { max-height: 44px; overflow: hidden; }
+/* 历史记录 */
+.history-section { padding: 16px 12px; }
+.history-title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; padding: 0 4px; }
+.history-list { display: flex; flex-direction: column; gap: 10px; }
+.history-item { background: #fff; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: transform 0.15s; text-decoration: none; }
+.history-item:active { transform: scale(0.98); }
+.history-item__left { display: flex; flex-direction: column; gap: 4px; }
+.history-item__time { font-size: 14px; font-weight: 500; color: #1a1a1a; }
+.history-item__date { font-size: 12px; color: #999; }
+.history-item__right { display: flex; align-items: center; gap: 8px; }
+.history-item__score { font-size: 14px; font-weight: 700; color: #667eea; }
+.history-item__arrow { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">打卡记录</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 日历 -->
+    <div class="calendar-section" id="calendarSection">
+      <div class="calendar-header">
+        <div class="calendar-month">
+          <span id="monthLabel">2026年5月</span>
+        </div>
+        <div class="calendar-nav">
+          <button class="calendar-nav-btn" onclick="changeMonth(-1)"><svg width="10" height="10" fill="none"><path d="M7 1L2 5l5 4" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+          <button class="calendar-nav-btn" onclick="changeMonth(1)"><svg width="10" height="10" fill="none"><path d="M3 1l5 4-5 4" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+          <button class="calendar-toggle" id="toggleBtn" onclick="toggleCalendar()">
+            <span id="toggleText">收起</span>
+            <svg id="toggleIcon" width="12" height="12" fill="none" style="transition:transform .2s"><path d="M2 5l4 4 4-4" stroke="#667eea" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </button>
+        </div>
+      </div>
+      <div class="calendar-weekdays">
+        <span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span>
+      </div>
+      <div class="calendar-days" id="calendarDays">
+        <!-- JS动态渲染 -->
+      </div>
+    </div>
+    <!-- 历史记录 -->
+    <div class="history-section">
+      <div class="history-title">历史记录</div>
+      <div class="history-list">
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">08:15 完成打卡</div>
+            <div class="history-item__date">2026-05-14</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">07:52 完成打卡</div>
+            <div class="history-item__date">2026-05-13</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">08:30 完成打卡</div>
+            <div class="history-item__date">2026-05-12</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">09:05 完成打卡</div>
+            <div class="history-item__date">2026-05-11</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">08:20 完成打卡</div>
+            <div class="history-item__date">2026-05-10</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">07:45 完成打卡</div>
+            <div class="history-item__date">2026-05-09</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+        <a class="history-item" href="questionnaire-detail.html">
+          <div class="history-item__left">
+            <div class="history-item__time">08:10 完成打卡</div>
+            <div class="history-item__date">2026-05-08</div>
+          </div>
+          <div class="history-item__right">
+            <div class="history-item__score">+10 积分</div>
+            <div class="history-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+          </div>
+        </a>
+      </div>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+<script>
+var currentYear = 2026, currentMonth = 5;
+var checkedDays = [8,9,10,11,12,13,14];
+var collapsed = false;
+
+function renderCalendar() {
+  var firstDay = new Date(currentYear, currentMonth - 1, 1).getDay();
+  var daysInMonth = new Date(currentYear, currentMonth, 0).getDate();
+  var html = '';
+  for (var i = 0; i < firstDay; i++) html += '<div class="calendar-day calendar-day--empty"></div>';
+  for (var d = 1; d <= daysInMonth; d++) {
+    var cls = 'calendar-day';
+    var isToday = (d === 14 && currentMonth === 5 && currentYear === 2026);
+    var isChecked = (checkedDays.indexOf(d) !== -1 && currentMonth === 5 && currentYear === 2026);
+    if (isToday) cls += ' calendar-day--today';
+    if (isChecked) cls += ' calendar-day--checked';
+    html += '<div class="' + cls + '"><span>' + d + '</span><span class="calendar-dot"></span></div>';
+  }
+  document.getElementById('calendarDays').innerHTML = html;
+  document.getElementById('monthLabel').textContent = currentYear + '年' + currentMonth + '月';
+}
+
+function changeMonth(dir) {
+  currentMonth += dir;
+  if (currentMonth > 12) { currentMonth = 1; currentYear++; }
+  if (currentMonth < 1) { currentMonth = 12; currentYear--; }
+  renderCalendar();
+}
+
+function toggleCalendar() {
+  collapsed = !collapsed;
+  var section = document.getElementById('calendarSection');
+  var days = document.getElementById('calendarDays');
+  var text = document.getElementById('toggleText');
+  var icon = document.getElementById('toggleIcon');
+  if (collapsed) {
+    days.style.maxHeight = '44px';
+    days.style.overflow = 'hidden';
+    text.textContent = '展开';
+    icon.style.transform = 'rotate(180deg)';
+  } else {
+    days.style.maxHeight = '';
+    days.style.overflow = '';
+    text.textContent = '收起';
+    icon.style.transform = '';
+  }
+}
+
+renderCalendar();
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/health-screening/index.html b/employee-app/health-monitor/health-screening/index.html
new file mode 100644
index 0000000..4267b91
--- /dev/null
+++ b/employee-app/health-monitor/health-screening/index.html
@@ -0,0 +1,213 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 顶部积分卡片 */
+.score-card { margin: 12px 12px 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; padding: 20px; color: #fff; position: relative; overflow: hidden; }
+.score-card::after { content: ''; position: absolute; top: -30px; right: -30px; width: 120px; height: 120px; background: rgba(255,255,255,0.08); border-radius: 50%; }
+.score-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
+.score-card__points { display: flex; align-items: baseline; gap: 4px; }
+.score-card__num { font-size: 36px; font-weight: 800; line-height: 1; }
+.score-card__unit { font-size: 13px; opacity: 0.8; }
+.score-card__streak { display: flex; align-items: center; gap: 4px; font-size: 13px; opacity: 0.9; background: rgba(255,255,255,0.15); padding: 4px 10px; border-radius: 20px; }
+.score-card__streak strong { font-weight: 700; }
+.score-card__actions { display: flex; gap: 10px; }
+.btn-checkin { flex: 1; height: 44px; background: #fff; border: none; border-radius: 22px; font-size: 15px; font-weight: 600; color: #667eea; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; transition: transform 0.15s; }
+.btn-checkin:active { transform: scale(0.96); }
+.btn-record { height: 44px; background: rgba(255,255,255,0.2); border: none; border-radius: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0 14px; font-size: 13px; color: #fff; font-weight: 500; transition: transform 0.15s; }
+.btn-record:active { transform: scale(0.9); }
+/* 积分榜 */
+.rank-section { margin: 16px 12px 0; }
+.rank-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding: 0 4px; }
+.rank-header__title { font-size: 16px; font-weight: 700; color: #1a1a1a; display: flex; align-items: center; gap: 6px; }
+.rank-header__sub { font-size: 12px; color: #999; }
+.rank-me-top { background: linear-gradient(135deg, #f8f6ff 0%, #ede9fe 100%); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0d4fc; }
+.rank-me-top .rank-no { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; }
+.rank-me-top .rank-score { color: #667eea; }
+.rank-list { background: #fff; border-radius: 16px; overflow: hidden; }
+.rank-item { display: flex; align-items: center; padding: 14px 16px; gap: 12px; border-bottom: 1px solid #f5f5f5; }
+.rank-item:last-child { border-bottom: none; }
+.rank-no { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }
+.rank-no--1 { background: linear-gradient(135deg, #ffd700, #ffb800); color: #fff; }
+.rank-no--2 { background: linear-gradient(135deg, #c0c0c0, #a8a8a8); color: #fff; }
+.rank-no--3 { background: linear-gradient(135deg, #cd7f32, #b8690e); color: #fff; }
+.rank-no--normal { background: #f5f5f5; color: #999; }
+.rank-info { flex: 1; min-width: 0; }
+.rank-name { font-size: 14px; font-weight: 500; color: #1a1a1a; }
+.rank-dept { font-size: 12px; color: #999; margin-top: 2px; }
+.rank-score { font-size: 15px; font-weight: 700; color: #667eea; }
+.rank-me { background: #f8f6ff; }
+.rank-me-tag { font-size: 10px; color: #667eea; background: #ede9fe; padding: 1px 6px; border-radius: 4px; margin-left: 6px; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='../index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">健康排查</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 积分卡片 -->
+    <div class="score-card">
+      <div class="score-card__top">
+        <div class="score-card__points">
+          <span class="score-card__num">1,280</span>
+          <span class="score-card__unit">积分</span>
+        </div>
+        <div class="score-card__streak">🔥 连续签到 <strong>7</strong> 天</div>
+      </div>
+      <div class="score-card__actions">
+        <button class="btn-checkin" onclick="location.href='questionnaire-fill.html'">
+          <svg width="18" height="18" fill="none"><path d="M9 1v16M1 9h16" stroke="#667eea" stroke-width="2.5" stroke-linecap="round"/></svg>
+          立即打卡
+        </button>
+        <button class="btn-record" onclick="location.href='checkin-record.html'">
+          <svg width="16" height="16" fill="none"><path d="M3 4h10M3 8h10M3 12h7" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg>
+          打卡记录
+        </button>
+      </div>
+    </div>
+    <!-- 积分榜排名 -->
+    <div class="rank-section">
+      <div class="rank-header">
+        <div class="rank-header__title">🏆 积分榜</div>
+        <div class="rank-header__sub">采油一厂</div>
+      </div>
+      <div class="rank-me-top">
+        <div class="rank-no">12</div>
+        <div class="rank-info">
+          <div class="rank-name">我<span class="rank-me-tag">我的排名</span></div>
+          <div class="rank-dept">生产运行部</div>
+        </div>
+        <div class="rank-score">1,280</div>
+      </div>
+      <div class="rank-list">
+        <div class="rank-item">
+          <div class="rank-no rank-no--1">1</div>
+          <div class="rank-info">
+            <div class="rank-name">张*明</div>
+            <div class="rank-dept">生产运行部</div>
+          </div>
+          <div class="rank-score">2,580</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--2">2</div>
+          <div class="rank-info">
+            <div class="rank-name">李*华</div>
+            <div class="rank-dept">安全环保部</div>
+          </div>
+          <div class="rank-score">2,340</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--3">3</div>
+          <div class="rank-info">
+            <div class="rank-name">王*强</div>
+            <div class="rank-dept">技术发展部</div>
+          </div>
+          <div class="rank-score">2,120</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">4</div>
+          <div class="rank-info">
+            <div class="rank-name">赵*丽</div>
+            <div class="rank-dept">综合管理部</div>
+          </div>
+          <div class="rank-score">1,950</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">5</div>
+          <div class="rank-info">
+            <div class="rank-name">刘*伟</div>
+            <div class="rank-dept">地质研究所</div>
+          </div>
+          <div class="rank-score">1,820</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">6</div>
+          <div class="rank-info">
+            <div class="rank-name">孙*芳</div>
+            <div class="rank-dept">人力资源部</div>
+          </div>
+          <div class="rank-score">1,680</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">7</div>
+          <div class="rank-info">
+            <div class="rank-name">陈*军</div>
+            <div class="rank-dept">设备管理部</div>
+          </div>
+          <div class="rank-score">1,520</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">8</div>
+          <div class="rank-info">
+            <div class="rank-name">周*霞</div>
+            <div class="rank-dept">财务资产部</div>
+          </div>
+          <div class="rank-score">1,410</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">9</div>
+          <div class="rank-info">
+            <div class="rank-name">吴*涛</div>
+            <div class="rank-dept">工程技术部</div>
+          </div>
+          <div class="rank-score">1,380</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">10</div>
+          <div class="rank-info">
+            <div class="rank-name">郑*娜</div>
+            <div class="rank-dept">党群工作部</div>
+          </div>
+          <div class="rank-score">1,350</div>
+        </div>
+        <div class="rank-item">
+          <div class="rank-no rank-no--normal">11</div>
+          <div class="rank-info">
+            <div class="rank-name">马*飞</div>
+            <div class="rank-dept">物资供应部</div>
+          </div>
+          <div class="rank-score">1,310</div>
+        </div>
+        <div class="rank-item rank-me">
+          <div class="rank-no rank-no--normal">12</div>
+          <div class="rank-info">
+            <div class="rank-name">我<span class="rank-me-tag">我的排名</span></div>
+            <div class="rank-dept">生产运行部</div>
+          </div>
+          <div class="rank-score">1,280</div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/employee-app/health-monitor/health-screening/questionnaire-detail.html b/employee-app/health-monitor/health-screening/questionnaire-detail.html
new file mode 100644
index 0000000..268b85a
--- /dev/null
+++ b/employee-app/health-monitor/health-screening/questionnaire-detail.html
@@ -0,0 +1,171 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; padding: 12px; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 问卷信息 */
+.detail-header { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 12px; }
+.detail-header__title { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
+.detail-header__meta { font-size: 12px; color: #999; display: flex; gap: 16px; }
+/* 分类标题 */
+.category-title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin: 8px 0 10px; padding-left: 10px; border-left: 3px solid #667eea; }
+/* 问题卡片 */
+.question-card { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 12px; }
+.question-card__header { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
+.question-card__title { font-size: 14px; font-weight: 600; color: #1a1a1a; line-height: 1.5; flex: 1; }
+.tag-required { font-size: 10px; color: #ff4d4f; background: #fff2f0; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; border: 1px solid #ffccc7; }
+.tag-optional { font-size: 10px; color: #999; background: #f5f5f5; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; }
+.question-card__options { display: flex; flex-direction: column; gap: 8px; }
+.option-item { padding: 10px 14px; border-radius: 8px; border: 1px solid #e8e8e8; font-size: 13px; color: #666; display: flex; align-items: center; gap: 8px; }
+.option-item--selected { border-color: #667eea; background: #f8f6ff; color: #667eea; font-weight: 500; }
+.option-item__check { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #ddd; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.option-item--selected .option-item__check { border-color: #667eea; background: #667eea; }
+.option-item--selected .option-item__check::after { content: '✓'; color: #fff; font-size: 10px; font-weight: 700; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='checkin-record.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">问卷详情</div>
+  </div>
+  <div class="scroll-content">
+    <div class="detail-header">
+      <div class="detail-header__title">每日健康自查问卷</div>
+      <div class="detail-header__meta">
+        <span>提交时间：2026-05-14 08:15</span>
+        <span>+10 积分</span>
+      </div>
+    </div>
+    <!-- 身体状况 -->
+    <div class="category-title">身体状况</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">1. 今天您的整体身体感觉如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>精力充沛，状态良好</div>
+        <div class="option-item"><span class="option-item__check"></span>一般，没有明显不适</div>
+        <div class="option-item"><span class="option-item__check"></span>有些疲惫或不适</div>
+        <div class="option-item"><span class="option-item__check"></span>身体明显不舒服</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">2. 昨晚的睡眠质量如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item"><span class="option-item__check"></span>很好，一觉到天亮</div>
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>还行，中途醒过1-2次</div>
+        <div class="option-item"><span class="option-item__check"></span>较差，多次醒来或难以入睡</div>
+        <div class="option-item"><span class="option-item__check"></span>几乎没怎么睡着</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">3. 是否有头痛、头晕等不适症状？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>没有任何不适</div>
+        <div class="option-item"><span class="option-item__check"></span>轻微不适，不影响工作</div>
+        <div class="option-item"><span class="option-item__check"></span>有明显不适，但可以坚持</div>
+        <div class="option-item"><span class="option-item__check"></span>不适严重，需要休息</div>
+      </div>
+    </div>
+    <!-- 心理状态 -->
+    <div class="category-title">心理状态</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">4. 今天的情绪状态如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>心情愉悦，积极乐观</div>
+        <div class="option-item"><span class="option-item__check"></span>平静，情绪稳定</div>
+        <div class="option-item"><span class="option-item__check"></span>有些焦虑或烦躁</div>
+        <div class="option-item"><span class="option-item__check"></span>情绪低落，压力较大</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">5. 近期是否感到工作压力较大？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>压力适中，能正常应对</div>
+        <div class="option-item"><span class="option-item__check"></span>略有压力，基本可控</div>
+        <div class="option-item"><span class="option-item__check"></span>压力较大，有些吃力</div>
+        <div class="option-item"><span class="option-item__check"></span>压力很大，需要帮助</div>
+      </div>
+    </div>
+    <!-- 生活习惯 -->
+    <div class="category-title">生活习惯</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">6. 昨天是否进行了运动锻炼？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item"><span class="option-item__check"></span>是，运动30分钟以上</div>
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>是，运动了15-30分钟</div>
+        <div class="option-item"><span class="option-item__check"></span>简单活动了一下</div>
+        <div class="option-item"><span class="option-item__check"></span>没有运动</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">7. 昨天的饮食是否规律？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>三餐规律，营养均衡</div>
+        <div class="option-item"><span class="option-item__check"></span>基本规律，偶尔不均衡</div>
+        <div class="option-item"><span class="option-item__check"></span>有一餐没按时吃</div>
+        <div class="option-item"><span class="option-item__check"></span>饮食很不规律</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">8. 昨天饮水量是否充足（8杯以上）？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item"><span class="option-item__check"></span>充足，达到8杯以上</div>
+        <div class="option-item option-item--selected"><span class="option-item__check"></span>基本够，5-8杯</div>
+        <div class="option-item"><span class="option-item__check"></span>偏少，不到5杯</div>
+        <div class="option-item"><span class="option-item__check"></span>很少喝水</div>
+      </div>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/employee-app/health-monitor/health-screening/questionnaire-fill.html b/employee-app/health-monitor/health-screening/questionnaire-fill.html
new file mode 100644
index 0000000..9b62894
--- /dev/null
+++ b/employee-app/health-monitor/health-screening/questionnaire-fill.html
@@ -0,0 +1,207 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; }
+.nav-setting { font-size: 12px; color: #667eea; cursor: pointer; white-space: nowrap; text-decoration: none; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; padding: 12px; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 分类标题 */
+.category-title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin: 8px 0 10px; padding-left: 10px; border-left: 3px solid #667eea; }
+.category-title:first-child { margin-top: 0; }
+/* 问题卡片 */
+.question-card { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 12px; }
+.question-card__header { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
+.question-card__title { font-size: 14px; font-weight: 600; color: #1a1a1a; line-height: 1.5; flex: 1; }
+.tag-required { font-size: 10px; color: #ff4d4f; background: #fff2f0; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; border: 1px solid #ffccc7; }
+.tag-optional { font-size: 10px; color: #999; background: #f5f5f5; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; }
+.question-card__options { display: flex; flex-direction: column; gap: 8px; }
+.option-item { padding: 10px 14px; border-radius: 8px; border: 1px solid #e8e8e8; font-size: 13px; color: #666; display: flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.15s; }
+.option-item:active { transform: scale(0.98); }
+.option-item.selected { border-color: #667eea; background: #f8f6ff; color: #667eea; font-weight: 500; }
+.option-item__radio { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #ddd; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; }
+.option-item.selected .option-item__radio { border-color: #667eea; background: #667eea; }
+.option-item.selected .option-item__radio::after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; }
+/* 底部提交 */
+.submit-bar { padding: 12px 16px; background: #fff; border-top: 1px solid #f0f0f0; flex-shrink: 0; }
+.btn-submit { width: 100%; height: 48px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 24px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; transition: transform 0.15s; }
+.btn-submit:active { transform: scale(0.97); }
+.bottom-safe { height: 20px; flex-shrink: 0; background: #fff; }
+/* 打卡成功弹窗 */
+.dialog-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); z-index: 300; display: none; align-items: center; justify-content: center; }
+.dialog-mask.show { display: flex; }
+.dialog { background: #fff; border-radius: 20px; width: 320px; padding: 32px 24px 24px; text-align: center; box-shadow: 0 12px 48px rgba(0,0,0,0.2); animation: dialogIn 0.25s ease; }
+@keyframes dialogIn { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
+.dialog__icon { width: 64px; height: 64px; margin: 0 auto 16px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
+.dialog__title { font-size: 20px; font-weight: 800; color: #1a1a1a; margin-bottom: 6px; }
+.dialog__points { font-size: 14px; color: #667eea; font-weight: 600; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; gap: 4px; }
+.dialog__points-num { font-size: 24px; font-weight: 800; }
+.dialog__divider { width: 40px; height: 2px; background: linear-gradient(90deg, #667eea, #764ba2); border-radius: 1px; margin: 0 auto 16px; }
+.dialog__quote { font-size: 13px; color: #666; line-height: 1.8; padding: 12px 16px; background: #f8f6ff; border-radius: 10px; margin-bottom: 20px; position: relative; font-style: italic; }
+.dialog__quote::before { content: '\201C'; font-size: 28px; color: #667eea; opacity: 0.3; position: absolute; top: 2px; left: 8px; line-height: 1; font-style: normal; }
+.dialog__btn { width: 100%; height: 44px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 22px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; transition: transform 0.15s; }
+.dialog__btn:active { transform: scale(0.97); }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">每日健康打卡</div>
+    <a class="nav-setting" href="questionnaire-setting.html">题目设置</a>
+  </div>
+  <div class="scroll-content">
+    <!-- 身体状况 -->
+    <div class="category-title">身体状况</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">1. 今天您的整体身体感觉如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>精力充沛，状态良好</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>一般，没有明显不适</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>有些疲惫或不适</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>身体明显不舒服</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">2. 昨晚的睡眠质量如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>很好，一觉到天亮</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>还行，中途醒过1-2次</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>较差，多次醒来或难以入睡</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>几乎没怎么睡着</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">3. 是否有头痛、头晕等不适症状？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>没有任何不适</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>轻微不适，不影响工作</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>有明显不适，但可以坚持</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>不适严重，需要休息</div>
+      </div>
+    </div>
+    <!-- 心理状态 -->
+    <div class="category-title">心理状态</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">4. 今天的情绪状态如何？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>心情愉悦，积极乐观</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>平静，情绪稳定</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>有些焦虑或烦躁</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>情绪低落，压力较大</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">5. 近期是否感到工作压力较大？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>压力适中，能正常应对</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>略有压力，基本可控</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>压力较大，有些吃力</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>压力很大，需要帮助</div>
+      </div>
+    </div>
+    <!-- 生活习惯 -->
+    <div class="category-title">生活习惯</div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">6. 昨天是否进行了运动锻炼？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>是，运动30分钟以上</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>是，运动了15-30分钟</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>简单活动了一下</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>没有运动</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">7. 昨天的饮食是否规律？</div>
+        <span class="tag-required">必填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>三餐规律，营养均衡</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>基本规律，偶尔不均衡</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>有一餐没按时吃</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>饮食很不规律</div>
+      </div>
+    </div>
+    <div class="question-card">
+      <div class="question-card__header">
+        <div class="question-card__title">8. 昨天饮水量是否充足（8杯以上）？</div>
+        <span class="tag-optional">选填</span>
+      </div>
+      <div class="question-card__options">
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>充足，达到8杯以上</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>基本够，5-8杯</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>偏少，不到5杯</div>
+        <div class="option-item" onclick="selectOption(this)"><span class="option-item__radio"></span>很少喝水</div>
+      </div>
+    </div>
+  </div>
+  <div class="submit-bar">
+    <button class="btn-submit" onclick="showSuccess()">提交打卡</button>
+  </div>
+  <div class="bottom-safe"></div>
+  <!-- 打卡成功弹窗 -->
+  <div class="dialog-mask" id="dialogMask">
+    <div class="dialog">
+      <div class="dialog__icon">
+        <svg width="32" height="32" fill="none"><path d="M8 16l5 5 11-11" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </div>
+      <div class="dialog__title">打卡成功！</div>
+      <div class="dialog__points">积分 +<span class="dialog__points-num">10</span></div>
+      <div class="dialog__divider"></div>
+      <div class="dialog__quote">健康是人生第一财富，每一次坚持打卡，都是对自己最好的投资。</div>
+      <button class="dialog__btn" onclick="location.href='index.html'">确 认</button>
+    </div>
+  </div>
+</div>
+<script>
+function selectOption(el) {
+  var siblings = el.parentElement.querySelectorAll('.option-item');
+  siblings.forEach(function(s) { s.classList.remove('selected'); });
+  el.classList.add('selected');
+}
+function showSuccess() {
+  document.getElementById('dialogMask').classList.add('show');
+}
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/health-screening/questionnaire-setting.html b/employee-app/health-monitor/health-screening/questionnaire-setting.html
new file mode 100644
index 0000000..ab30410
--- /dev/null
+++ b/employee-app/health-monitor/health-screening/questionnaire-setting.html
@@ -0,0 +1,176 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; padding: 12px; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 提示 */
+.setting-tip { background: #fffbe6; border: 1px solid #ffe58f; border-radius: 10px; padding: 12px 14px; margin-bottom: 12px; font-size: 12px; color: #ad8b00; line-height: 1.6; display: flex; gap: 8px; }
+.setting-tip__icon { flex-shrink: 0; font-size: 16px; }
+/* 分类标题 */
+.category-title { font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 8px 0 10px; padding-left: 10px; border-left: 3px solid #667eea; }
+.category-title:first-child { margin-top: 0; }
+/* 题目卡片 */
+.setting-card { background: #fff; border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; display: flex; align-items: flex-start; gap: 12px; }
+.setting-card__content { flex: 1; min-width: 0; }
+.setting-card__header { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
+.setting-card__title { font-size: 13px; font-weight: 500; color: #1a1a1a; line-height: 1.5; flex: 1; }
+.tag-required { font-size: 10px; color: #ff4d4f; background: #fff2f0; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; border: 1px solid #ffccc7; }
+.tag-optional { font-size: 10px; color: #999; background: #f5f5f5; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; }
+.setting-card__toggle { flex-shrink: 0; margin-top: 4px; }
+/* 开关 */
+.toggle-switch { width: 44px; height: 24px; background: #ddd; border-radius: 12px; position: relative; cursor: pointer; transition: background 0.2s; }
+.toggle-switch.on { background: #667eea; }
+.toggle-switch__knob { width: 20px; height: 20px; background: #fff; border-radius: 50%; position: absolute; top: 2px; left: 2px; transition: left 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
+.toggle-switch.on .toggle-switch__knob { left: 22px; }
+/* 必填项开关置灰 */
+.toggle-switch.disabled { background: #c5cbe8; opacity: 0.6; cursor: not-allowed; }
+.toggle-switch.disabled .toggle-switch__knob { left: 22px; }
+/* 底部保存 */
+.save-bar { padding: 12px 16px; background: #fff; border-top: 1px solid #f0f0f0; flex-shrink: 0; }
+.btn-save { width: 100%; height: 48px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 24px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; transition: transform 0.15s; }
+.btn-save:active { transform: scale(0.97); }
+.bottom-safe { height: 20px; flex-shrink: 0; background: #fff; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='questionnaire-fill.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">题目设置</div>
+  </div>
+  <div class="scroll-content">
+    <div class="setting-tip">
+      <span class="setting-tip__icon">💡</span>
+      <span>必填题目无法隐藏，仅选填题目可以控制显示或隐藏。隐藏后将不会在每日打卡中显示。</span>
+    </div>
+    <!-- 身体状况 -->
+    <div class="category-title">身体状况</div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">1. 今天您的整体身体感觉如何？</div>
+          <span class="tag-required">必填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch disabled"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">2. 昨晚的睡眠质量如何？</div>
+          <span class="tag-required">必填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch disabled"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">3. 是否有头痛、头晕等不适症状？</div>
+          <span class="tag-optional">选填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch on" onclick="toggleSwitch(this)"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <!-- 心理状态 -->
+    <div class="category-title">心理状态</div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">4. 今天的情绪状态如何？</div>
+          <span class="tag-required">必填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch disabled"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">5. 近期是否感到工作压力较大？</div>
+          <span class="tag-optional">选填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch on" onclick="toggleSwitch(this)"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <!-- 生活习惯 -->
+    <div class="category-title">生活习惯</div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">6. 昨天是否进行了运动锻炼？</div>
+          <span class="tag-required">必填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch disabled"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">7. 昨天的饮食是否规律？</div>
+          <span class="tag-required">必填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch disabled"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+    <div class="setting-card">
+      <div class="setting-card__content">
+        <div class="setting-card__header">
+          <div class="setting-card__title">8. 昨天饮水量是否充足（8杯以上）？</div>
+          <span class="tag-optional">选填</span>
+        </div>
+      </div>
+      <div class="setting-card__toggle">
+        <div class="toggle-switch" onclick="toggleSwitch(this)"><div class="toggle-switch__knob"></div></div>
+      </div>
+    </div>
+  </div>
+  <div class="save-bar">
+    <button class="btn-save" onclick="alert('设置已保存')">保存设置</button>
+  </div>
+  <div class="bottom-safe"></div>
+</div>
+<script>
+function toggleSwitch(el) {
+  if (el.classList.contains('disabled')) return;
+  el.classList.toggle('on');
+}
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/index.html b/employee-app/health-monitor/index.html
index 4fd84db..75444ed 100644
--- a/employee-app/health-monitor/index.html
+++ b/employee-app/health-monitor/index.html
@@ -11,65 +11,30 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
 .status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
 .status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
 .status-bar .icons { display: flex; gap: 6px; align-items: center; }
-/* 导航栏 */
 .nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
 .nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
 .nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
-.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content { flex: 1; overflow-y: auto; padding: 20px 16px; }
 .scroll-content::-webkit-scrollbar { display: none; }
-/* 设备状态 */
-.device-bar { margin: 12px 12px 0; background: linear-gradient(135deg, #13c2c2 0%, #0d9b9b 100%); border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; color: #fff; }
-.device-icon { width: 44px; height: 44px; background: rgba(255,255,255,0.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
-.device-info { flex: 1; }
-.device-name { font-size: 15px; font-weight: 600; }
-.device-meta { font-size: 12px; opacity: 0.85; margin-top: 2px; }
-.device-battery { display: flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; }
-.battery-icon { width: 22px; height: 12px; border: 1.5px solid #fff; border-radius: 2px; position: relative; }
-.battery-icon::after { content: ''; position: absolute; right: -4px; top: 2.5px; width: 2px; height: 5px; background: #fff; border-radius: 0 1px 1px 0; }
-.battery-fill { height: 100%; background: #fff; border-radius: 1px; }
-/* 监测卡片网格 */
-.monitor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
-.monitor-card { background: #fff; border-radius: 12px; padding: 16px; cursor: pointer; position: relative; transition: transform 0.15s; }
-.monitor-card:active { transform: scale(0.97); }
-.monitor-card--full { grid-column: 1 / -1; }
-.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
-.card-header__left { display: flex; align-items: center; min-width: 0; flex: 1; }
-.card-header__right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
-.card-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
-.card-label { font-size: 13px; color: #666; margin-left: 8px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.card-meta { font-size: 12px; color: #999; }
-.card-alert-badge { width: 18px; height: 18px; background: #ff4d4f; border-radius: 50%; font-size: 10px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
-.card-arrow { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
-.card-arrow svg { width: 16px; height: 16px; display: block; }
-.card-sync { font-size: 10px; color: #bbb; margin-top: 8px; }
-.card-value { font-size: 28px; font-weight: 800; color: #1a1a1a; line-height: 1.1; }
-.card-unit { font-size: 13px; color: #999; font-weight: 400; margin-left: 2px; }
-.card-status { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-top: 6px; }
-.card-status--normal { color: #52c41a; background: #f6ffed; }
-.card-status--warn { color: #faad14; background: #fffbe6; }
-.card-status--danger { color: #ff4d4f; background: #fff2f0; }
-.card-sub { font-size: 11px; color: #999; margin-top: 6px; }
-.card-progress { margin-top: 8px; }
-.card-progress__bar { height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }
-.card-progress__fill { height: 100%; border-radius: 3px; transition: width 0.3s; }
-.card-progress__text { font-size: 11px; color: #999; margin-top: 4px; }
-/* 睡眠分段 */
-.sleep-segments { display: flex; gap: 4px; margin-top: 8px; height: 6px; border-radius: 3px; overflow: hidden; }
-.sleep-seg { height: 100%; border-radius: 3px; }
-.sleep-seg--deep { background: #1890ff; }
-.sleep-seg--light { background: #91d5ff; }
-.sleep-seg--rem { background: #b37feb; }
-.sleep-seg--awake { background: #ffd591; }
-.sleep-legend { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
-.sleep-legend__item { display: flex; align-items: center; gap: 3px; font-size: 10px; color: #999; }
-.sleep-legend__dot { width: 6px; height: 6px; border-radius: 50%; }
-/* 锻炼卡片 */
-.exercise-stats { display: flex; gap: 12px; margin-top: 8px; }
-.exercise-stat { flex: 1; text-align: center; background: #f5f7fa; border-radius: 8px; padding: 8px 4px; }
-.exercise-stat__val { font-size: 16px; font-weight: 700; color: #1a1a1a; }
-.exercise-stat__label { font-size: 10px; color: #999; margin-top: 2px; }
-/* 预警入口 */
-.card-alert-link { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 11px; color: #ff4d4f; margin-top: 8px; padding-top: 8px; border-top: 1px solid #f5f5f5; cursor: pointer; }
+/* 入口卡片 */
+.entry-grid { display: flex; flex-direction: column; gap: 12px; }
+.entry-card { background: #fff; border-radius: 16px; padding: 16px; display: flex; align-items: center; gap: 14px; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; text-decoration: none; }
+.entry-card:active { transform: scale(0.98); }
+.entry-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
+.entry-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
+.entry-icon--wearable { background: linear-gradient(135deg, #e6fffb 0%, #b5f5ec 100%); }
+.entry-icon--weight { background: linear-gradient(135deg, #f0f5ff 0%, #d6e4ff 100%); }
+.entry-icon--environment { background: linear-gradient(135deg, #f6ffed 0%, #d9f7be 100%); }
+.entry-icon--screening { background: linear-gradient(135deg, #fff7e6 0%, #ffe7ba 100%); }
+.entry-info { flex: 1; min-width: 0; }
+.entry-name { font-size: 15px; font-weight: 600; color: #1a1a1a; display: flex; align-items: center; justify-content: space-between; }
+.entry-time { font-size: 11px; color: #bbb; font-weight: 400; }
+.entry-data { display: flex; gap: 12px; align-items: baseline; margin-top: 4px; }
+.entry-data__value { font-size: 13px; color: #666; }
+.entry-data__value strong { font-size: 18px; font-weight: 700; color: #1a1a1a; }
+.entry-status { font-size: 11px; padding: 2px 8px; border-radius: 4px; }
+.entry-status--good { color: #52c41a; background: #f6ffed; }
+.entry-arrow { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
 /* 底部安全区 */
 .bottom-safe { height: 20px; flex-shrink: 0; }
 </style>
@@ -78,201 +43,72 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
 <div class="phone-shell">
   <div class="status-bar">
     <span class="time">9:41</span>
-    <div class="icons">
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
-    </div>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
   </div>
   <div class="nav-bar">
-    <div class="nav-back" onclick="history.back()">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    <div class="nav-back" onclick="location.href='../home/index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
     </div>
     <div class="nav-title">健康监测</div>
   </div>
   <div class="scroll-content">
-    <!-- 设备连接状态 -->
-    <div class="device-bar">
-      <div class="device-icon">⌚</div>
-      <div class="device-info">
-        <div class="device-name">华为 WATCH GT5 Pro</div>
-        <div class="device-meta">SF55996622586 ·  已连接</div>
-      </div>
-<!--      <div class="device-battery">-->
-<!--        <div class="battery-icon"><div class="battery-fill" style="width:72%"></div></div>-->
-<!--        72%-->
-<!--      </div>-->
-    </div>
-    <!-- 监测卡片网格 -->
-    <div class="monitor-grid">
-      <!-- 步数 -->
-      <div class="monitor-card" onclick="location.href='steps.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#e6f7ff">🏃</div>
-            <span class="card-label">步数</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
+    <div class="entry-grid">
+      <!-- 穿戴监测 -->
+      <a class="entry-card" href="wearable/index.html">
+        <div class="entry-icon entry-icon--wearable">⌚</div>
+        <div class="entry-info">
+          <div class="entry-name">穿戴监测<span class="entry-time">05-12 09:38</span></div>
+          <div class="entry-data">
+            <span class="entry-data__value">步数 <strong>6,832</strong></span>
+            <span class="entry-data__value">心率 <strong>72</strong>bpm</span>
           </div>
         </div>
-        <div class="card-value">8,562<span class="card-unit">步</span></div>
-        <div class="card-progress">
-          <div class="card-progress__text">相当于步行5.2公里</div>
-        </div>
-        <div class="card-sync">同步至 04-30 09:38</div>
-      </div>
-      <!-- 睡眠 -->
-      <div class="monitor-card" onclick="location.href='sleep.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#f0e6ff">🌙</div>
-            <span class="card-label">睡眠</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
+        <div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <!-- 体重监测 -->
+      <a class="entry-card" href="weight/index.html">
+        <div class="entry-icon entry-icon--weight">⚖️</div>
+        <div class="entry-info">
+          <div class="entry-name">体重监测<span class="entry-time">05-11 07:15</span></div>
+          <div class="entry-data">
+            <span class="entry-data__value"><strong>68.5</strong>kg</span>
+            <span class="entry-data__value">BMI <strong>22.3</strong></span>
           </div>
         </div>
-        <div class="card-value">7<span class="card-unit">h</span>32<span class="card-unit">min</span></div>
-        <div class="card-progress__text">平均睡眠8小时57分</div>
-        <div class="card-sync">同步至 04-30 07:05</div>
-<!--        <div class="sleep-segments">-->
-<!--          <div class="sleep-seg sleep-seg&#45;&#45;deep" style="width:28%"></div>-->
-<!--          <div class="sleep-seg sleep-seg&#45;&#45;light" style="width:42%"></div>-->
-<!--          <div class="sleep-seg sleep-seg&#45;&#45;rem" style="width:20%"></div>-->
-<!--          <div class="sleep-seg sleep-seg&#45;&#45;awake" style="width:10%"></div>-->
-<!--        </div>-->
-<!--        <div class="sleep-legend">-->
-<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#1890ff"></div>深睡</div>-->
-<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#91d5ff"></div>浅睡</div>-->
-<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#b37feb"></div>REM</div>-->
-<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#ffd591"></div>清醒</div>-->
-<!--        </div>-->
-      </div>
-      <!-- 心率 -->
-      <div class="monitor-card" onclick="location.href='heart-rate.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#fff1f0">❤️</div>
-            <span class="card-label">心率</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
+        <div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <!-- 环境监测 -->
+      <a class="entry-card" href="environment/index.html">
+        <div class="entry-icon entry-icon--environment">🌿</div>
+        <div class="entry-info">
+          <div class="entry-name">环境监测<span class="entry-time">05-12 09:30</span></div>
+          <div class="entry-data">
+            <span class="entry-data__value">AQI <strong>45</strong></span>
+            <span class="entry-status entry-status--good">优</span>
+            <span class="entry-data__value"><strong>24</strong>°C</span>
           </div>
         </div>
-        <div class="card-value">72<span class="card-unit">bpm</span></div>
-        <div class="card-sub">范围:89~120</div>
-        <div class="card-sync">同步至 04-30 09:37</div>
-        <div class="card-alert-link" onclick="event.stopPropagation();location.href='heart-rate-alerts.html'">
-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-          查看预警历史
-        </div>
-      </div>
-      <!-- 体温 -->
-      <div class="monitor-card" onclick="location.href='temperature.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#f9f0ff">🌡️</div>
-            <span class="card-label">体温</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
+        <div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <!-- 健康排查 -->
+      <a class="entry-card" href="health-screening/index.html">
+        <div class="entry-icon entry-icon--screening">🔍</div>
+        <div class="entry-info">
+          <div class="entry-name">健康排查<span class="entry-time">05-12 08:00</span></div>
+          <div class="entry-data">
+            <span class="entry-data__value">积分 <strong>1,280</strong></span>
+            <span class="entry-data__value">连续签到 <strong>7</strong>天</span>
           </div>
         </div>
-        <div class="card-value">36.5<span class="card-unit">°C</span></div>
-        <div class="card-sub">范围 36.2~37.1°C</div>
-        <div class="card-sync">同步至 04-30 09:30</div>
-        <div class="card-alert-link" onclick="event.stopPropagation();location.href='temperature-alerts.html'">
-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-          查看预警历史
-        </div>
-      </div>
-      <!-- 血氧 -->
-      <div class="monitor-card" onclick="location.href='blood-oxygen.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#f6ffed">💧</div>
-            <span class="card-label">血氧</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
-          </div>
-        </div>
-        <div class="card-value">98<span class="card-unit">%</span></div>
-        <div class="card-sub">范围 95~99%</div>
-        <div class="card-sync">同步至 04-30 09:35</div>
-        <div class="card-alert-link" onclick="event.stopPropagation();location.href='blood-oxygen-alerts.html'">
-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-          查看预警历史
-        </div>
-      </div>
-      <!-- 压力 -->
-      <div class="monitor-card" onclick="location.href='stress.html'">
-        <div class="card-header">
-          <div class="card-header__left">
-            <div class="card-icon" style="background:#fffbe6">🧠</div>
-            <span class="card-label">压力</span>
-          </div>
-          <div class="card-header__right">
-            <div class="card-arrow">
-              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
-            </div>
-          </div>
-        </div>
-        <div class="card-value">42</div>
-        <div class="card-sub">范围 18~82</div>
-        <div class="card-sync">同步至 04-30 09:36</div>
-        <div class="card-alert-link" onclick="event.stopPropagation();location.href='stress-alerts.html'">
-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-          查看预警历史
-        </div>
-      </div>
-      <!-- 锻炼 -->
-<!--      <div class="monitor-card monitor-card&#45;&#45;full" onclick="location.href='exercise.html'">-->
-<!--        <div class="card-header">-->
-<!--          <div class="card-header__left">-->
-<!--            <div class="card-icon" style="background:#fff7e6">🏋️</div>-->
-<!--            <span class="card-label">锻炼</span>-->
-<!--          </div>-->
-<!--          <div class="card-header__right">-->
-<!--            <span class="card-meta">本周</span>-->
-<!--            <div class="card-arrow">-->
-<!--              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="exercise-stats">-->
-<!--          <div class="exercise-stat">-->
-<!--            <div class="exercise-stat__val">3<span style="font-size:12px;color:#999;font-weight:400"> 次</span></div>-->
-<!--            <div class="exercise-stat__label">锻炼次数</div>-->
-<!--          </div>-->
-<!--          <div class="exercise-stat">-->
-<!--            <div class="exercise-stat__val">2h15<span style="font-size:12px;color:#999;font-weight:400"> min</span></div>-->
-<!--            <div class="exercise-stat__label">累计时长</div>-->
-<!--          </div>-->
-<!--          <div class="exercise-stat">-->
-<!--            <div class="exercise-stat__val">680<span style="font-size:12px;color:#999;font-weight:400"> kcal</span></div>-->
-<!--            <div class="exercise-stat__label">消耗热量</div>-->
-<!--          </div>-->
-<!--          <div class="exercise-stat">-->
-<!--            <div class="exercise-stat__val">4.2<span style="font-size:12px;color:#999;font-weight:400"> km</span></div>-->
-<!--            <div class="exercise-stat__label">运动距离</div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="card-sync">同步至 04-30 09:20</div>-->
-<!--      </div>-->
+        <div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
     </div>
   </div>
   <div class="bottom-safe"></div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/employee-app/health-monitor/sleep.html b/employee-app/health-monitor/sleep.html
deleted file mode 100644
index a42c057..0000000
--- a/employee-app/health-monitor/sleep.html
+++ /dev/null
@@ -1,309 +0,0 @@
-<!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>
-* { margin: 0; padding: 0; box-sizing: border-box; }
-body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
-.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
-/* 状态栏 */
-.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
-.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
-.status-bar .icons { display: flex; gap: 6px; align-items: center; }
-/* 导航栏 */
-.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
-.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
-.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
-/* 滚动内容区 */
-.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
-.scroll-content::-webkit-scrollbar { display: none; }
-/* 核心数据区 */
-.hero { background: #fff; padding: 24px 16px 20px; text-align: center; }
-/* 评分圆环 */
-.hero__ring { width: 160px; height: 160px; margin: 0 auto 12px; position: relative; }
-.hero__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
-.hero__ring-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
-.hero__score { font-size: 38px; font-weight: 800; color: #1a1a1a; line-height: 1; }
-.hero__score-label { font-size: 12px; color: #999; margin-top: 2px; }
-/* 睡眠时长 */
-.hero__duration { font-size: 22px; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; }
-.hero__duration span { font-size: 14px; font-weight: 400; color: #666; }
-/* 入睡/起床时间 */
-.hero-times { display: flex; justify-content: center; gap: 40px; margin-top: 14px; }
-.hero-time { text-align: center; }
-.hero-time__val { font-size: 20px; font-weight: 700; color: #1a1a1a; }
-.hero-time__label { font-size: 11px; color: #999; margin-top: 2px; }
-.hero-time__icon { font-size: 16px; margin-bottom: 2px; }
-/* 分隔线 */
-.divider { width: 1px; height: 40px; background: #f0f0f0; align-self: center; }
-/* 睡眠分段条形图区 */
-.section { margin: 10px 12px 0; background: #fff; border-radius: 12px; padding: 16px; }
-.section-title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 14px; }
-/* 横向分段条 */
-.stage-bar-wrap { display: flex; border-radius: 6px; overflow: hidden; height: 14px; margin-bottom: 14px; }
-.stage-bar-seg { height: 100%; transition: width 0.4s; }
-/* 图例列表 */
-.stage-legend { display: flex; flex-direction: column; gap: 8px; }
-.stage-item { display: flex; align-items: center; gap: 8px; }
-.stage-dot { width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }
-.stage-name { font-size: 12px; color: #666; width: 36px; }
-.stage-bar-bg { flex: 1; height: 6px; background: #f5f7fa; border-radius: 3px; overflow: hidden; }
-.stage-bar-fill { height: 100%; border-radius: 3px; }
-.stage-pct { font-size: 12px; color: #999; width: 30px; text-align: right; }
-.stage-dur { font-size: 12px; font-weight: 600; color: #1a1a1a; width: 56px; text-align: right; }
-/* 时间维度Tab */
-.time-tabs { display: flex; margin: 10px 12px 0; background: #fff; border-radius: 10px; overflow: hidden; }
-.time-tab { flex: 1; text-align: center; padding: 10px 0; font-size: 13px; color: #666; cursor: pointer; }
-.time-tab.active { background: #1890ff; color: #fff; border-radius: 10px; font-weight: 600; }
-/* 睡眠深度曲线 */
-.depth-chart { width: 100%; height: 80px; }
-.depth-axis { display: flex; justify-content: space-between; font-size: 10px; color: #bbb; margin-top: 4px; }
-/* 近7天趋势 */
-.trend-chart { width: 100%; height: 100px; }
-.trend-axis { display: flex; justify-content: space-between; font-size: 10px; color: #bbb; margin-top: 4px; }
-/* 统计摘要 */
-.summary { display: flex; gap: 8px; margin: 10px 12px 0; }
-.summary-card { flex: 1; background: #fff; border-radius: 12px; padding: 14px 8px; text-align: center; }
-.summary-card__val { font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1.2; }
-.summary-card__unit { font-size: 11px; color: #999; }
-.summary-card__label { font-size: 11px; color: #999; margin-top: 4px; }
-/* 底部安全区 */
-.bottom-safe { height: 20px; flex-shrink: 0; }
-</style>
-</head>
-<body>
-<div class="phone-shell">
-  <!-- 状态栏 -->
-  <div class="status-bar">
-    <span class="time">9:41</span>
-    <div class="icons">
-      <!-- WiFi图标 -->
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
-      <!-- 电池图标 -->
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
-    </div>
-  </div>
-  <!-- 导航栏 -->
-  <div class="nav-bar">
-    <div class="nav-back" onclick="location.href='index.html'">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
-    </div>
-    <div class="nav-title">睡眠</div>
-  </div>
-  <!-- 滚动内容区 -->
-  <div class="scroll-content">
-    <!-- 核心数据区：评分圆环 + 时长 + 入睡/起床 -->
-    <div class="hero">
-      <!-- 睡眠评分圆环 -->
-      <div class="hero__ring">
-        <svg viewBox="0 0 160 160">
-          <defs>
-            <linearGradient id="sleepGrad" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#1890ff"/>
-              <stop offset="100%" stop-color="#b37feb"/>
-            </linearGradient>
-          </defs>
-          <!-- 背景圆环 -->
-          <circle cx="80" cy="80" r="70" fill="none" stroke="#f0f0f0" stroke-width="10"/>
-          <!-- 评分圆弧：85分 = 85% 周长，周长=2π×70≈439.8，85%≈373.8，偏移=439.8-373.8=66 -->
-          <circle cx="80" cy="80" r="70" fill="none" stroke="url(#sleepGrad)" stroke-width="10" stroke-linecap="round" stroke-dasharray="439.8" stroke-dashoffset="66"/>
-        </svg>
-        <div class="hero__ring-center">
-          <div class="hero__score">85</div>
-          <div class="hero__score-label">睡眠评分</div>
-        </div>
-      </div>
-      <!-- 睡眠时长 -->
-      <div class="hero__duration">7<span>h</span> 32<span>min</span></div>
-      <!-- 入睡 / 起床时间 -->
-      <div class="hero-times">
-        <div class="hero-time">
-          <div class="hero-time__icon">🌙</div>
-          <div class="hero-time__val">23:12</div>
-          <div class="hero-time__label">入睡</div>
-        </div>
-        <div class="divider"></div>
-        <div class="hero-time">
-          <div class="hero-time__icon">☀️</div>
-          <div class="hero-time__val">06:44</div>
-          <div class="hero-time__label">起床</div>
-        </div>
-      </div>
-    </div>
-    <!-- 睡眠分段条形图 -->
-    <div class="section">
-      <div class="section-title">睡眠阶段</div>
-      <!-- 横向分段总条 -->
-      <div class="stage-bar-wrap">
-        <!-- 深睡 28% -->
-        <div class="stage-bar-seg" style="width:28%;background:#1890ff;"></div>
-        <!-- 浅睡 42% -->
-        <div class="stage-bar-seg" style="width:42%;background:#91d5ff;"></div>
-        <!-- REM 20% -->
-        <div class="stage-bar-seg" style="width:20%;background:#b37feb;"></div>
-        <!-- 清醒 10% -->
-        <div class="stage-bar-seg" style="width:10%;background:#ffd591;"></div>
-      </div>
-      <!-- 各阶段图例 + 进度条 -->
-      <div class="stage-legend">
-        <!-- 深睡 -->
-        <div class="stage-item">
-          <div class="stage-dot" style="background:#1890ff;"></div>
-          <div class="stage-name">深睡</div>
-          <div class="stage-bar-bg"><div class="stage-bar-fill" style="width:28%;background:#1890ff;"></div></div>
-          <div class="stage-pct">28%</div>
-          <div class="stage-dur">2h 06min</div>
-        </div>
-        <!-- 浅睡 -->
-        <div class="stage-item">
-          <div class="stage-dot" style="background:#91d5ff;"></div>
-          <div class="stage-name">浅睡</div>
-          <div class="stage-bar-bg"><div class="stage-bar-fill" style="width:42%;background:#91d5ff;"></div></div>
-          <div class="stage-pct">42%</div>
-          <div class="stage-dur">3h 10min</div>
-        </div>
-        <!-- REM -->
-        <div class="stage-item">
-          <div class="stage-dot" style="background:#b37feb;"></div>
-          <div class="stage-name">REM</div>
-          <div class="stage-bar-bg"><div class="stage-bar-fill" style="width:20%;background:#b37feb;"></div></div>
-          <div class="stage-pct">20%</div>
-          <div class="stage-dur">1h 30min</div>
-        </div>
-        <!-- 清醒 -->
-        <div class="stage-item">
-          <div class="stage-dot" style="background:#ffd591;"></div>
-          <div class="stage-name">清醒</div>
-          <div class="stage-bar-bg"><div class="stage-bar-fill" style="width:10%;background:#ffd591;"></div></div>
-          <div class="stage-pct">10%</div>
-          <div class="stage-dur">46min</div>
-        </div>
-      </div>
-    </div>
-    <!-- 时间维度Tab -->
-    <div class="time-tabs">
-      <div class="time-tab active">日</div>
-      <div class="time-tab">周</div>
-      <div class="time-tab">月</div>
-    </div>
-    <!-- 24h睡眠深度曲线 -->
-    <div class="section">
-      <div class="section-title">睡眠深度曲线</div>
-      <svg class="depth-chart" id="depthChart" viewBox="0 0 320 80" preserveAspectRatio="none"></svg>
-      <div class="depth-axis"><span>22:00</span><span>00:00</span><span>02:00</span><span>04:00</span><span>06:00</span><span>07:00</span></div>
-    </div>
-    <!-- 近7天趋势 -->
-    <div class="section">
-      <div class="section-title">近 7 天趋势</div>
-      <svg class="trend-chart" id="trendChart" viewBox="0 0 320 100" preserveAspectRatio="none"></svg>
-      <div class="trend-axis"><span>4/24</span><span>4/25</span><span>4/26</span><span>4/27</span><span>4/28</span><span>4/29</span><span>4/30</span></div>
-    </div>
-    <!-- 统计摘要 -->
-    <div class="summary">
-      <div class="summary-card">
-        <div class="summary-card__val">7h<br>20min</div>
-        <div class="summary-card__label">7日平均</div>
-      </div>
-      <div class="summary-card">
-        <div class="summary-card__val">8h<br>06min</div>
-        <div class="summary-card__label">最长睡眠</div>
-      </div>
-      <div class="summary-card">
-        <div class="summary-card__val">82</div>
-        <div class="summary-card__unit">分</div>
-        <div class="summary-card__label">睡眠规律性</div>
-      </div>
-    </div>
-    <div class="bottom-safe"></div>
-  </div>
-</div>
-<script>
-/* ---- 24h睡眠深度曲线（SVG路径，模拟真实睡眠波形） ---- */
-(function() {
-  /* 睡眠深度数据：0=清醒, 1=浅睡, 2=深睡, 3=REM，共48个采样点（每15分钟一个） */
-  /* 时间范围：22:00 ~ 07:00，共9小时 = 36个15分钟 */
-  var depthData = [
-    0, 0, 1, 1, 2, 2, 2, 3, 3, 2,  /* 22:00-24:30 入睡过渡 */
-    2, 2, 3, 3, 1, 1, 2, 2, 2, 3,  /* 00:30-03:00 深睡阶段 */
-    3, 2, 1, 1, 0, 1, 2, 2, 3, 3,  /* 03:00-05:30 REM循环 */
-    2, 1, 1, 0, 0, 0               /* 05:30-07:00 浅睡至清醒 */
-  ];
-  var n = depthData.length;
-  var w = 320, h = 80;
-  var padT = 8, padB = 8;
-  var chartH = h - padT - padB;
-  /* 深度值映射：0=清醒(顶部), 3=深睡(底部) */
-  function yOf(d) { return padT + (d / 3) * chartH; }
-  /* 生成平滑路径点 */
-  var pts = depthData.map(function(d, i) {
-    return { x: (i / (n - 1)) * w, y: yOf(d) };
-  });
-  /* 构建平滑曲线（使用三次贝塞尔近似） */
-  var path = 'M ' + pts[0].x.toFixed(1) + ',' + pts[0].y.toFixed(1);
-  for (var i = 1; i < pts.length; i++) {
-    var prev = pts[i - 1], cur = pts[i];
-    var cpx = (prev.x + cur.x) / 2;
-    path += ' C ' + cpx.toFixed(1) + ',' + prev.y.toFixed(1) + ' ' + cpx.toFixed(1) + ',' + cur.y.toFixed(1) + ' ' + cur.x.toFixed(1) + ',' + cur.y.toFixed(1);
-  }
-  /* 填充区域路径 */
-  var areaPath = path + ' L ' + w + ',' + h + ' L 0,' + h + ' Z';
-  var svg = document.getElementById('depthChart');
-  svg.innerHTML =
-    '<defs>' +
-      '<linearGradient id="depthGrad" x1="0" y1="0" x2="0" y2="1">' +
-        '<stop offset="0%" stop-color="#1890ff" stop-opacity="0.35"/>' +
-        '<stop offset="100%" stop-color="#1890ff" stop-opacity="0.04"/>' +
-      '</linearGradient>' +
-    '</defs>' +
-    '<path d="' + areaPath + '" fill="url(#depthGrad)"/>' +
-    '<path d="' + path + '" fill="none" stroke="#1890ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>';
-})();
-
-/* ---- 近7天睡眠时长趋势折线图 ---- */
-(function() {
-  /* 单位：小时 */
-  var weekData = [7.2, 6.8, 7.5, 8.1, 6.5, 7.8, 7.5];
-  var n = weekData.length;
-  var w = 320, h = 100;
-  var padT = 10, padB = 10;
-  var chartH = h - padT - padB;
-  var wMax = Math.max.apply(null, weekData);
-  var wMin = Math.min.apply(null, weekData);
-  var range = wMax - wMin || 1;
-  /* 计算各点坐标 */
-  var pts = weekData.map(function(v, i) {
-    return {
-      x: (i / (n - 1)) * w,
-      y: padT + (1 - (v - wMin) / range) * chartH
-    };
-  });
-  var line = pts.map(function(p) { return p.x.toFixed(1) + ',' + p.y.toFixed(1); }).join(' ');
-  var area = '0,' + h + ' ' + line + ' ' + w + ',' + h;
-  var svg = document.getElementById('trendChart');
-  svg.innerHTML =
-    '<defs>' +
-      '<linearGradient id="trendGrad" x1="0" y1="0" x2="0" y2="1">' +
-        '<stop offset="0%" stop-color="#1890ff" stop-opacity="0.3"/>' +
-        '<stop offset="100%" stop-color="#1890ff" stop-opacity="0.02"/>' +
-      '</linearGradient>' +
-    '</defs>' +
-    '<polygon points="' + area + '" fill="url(#trendGrad)"/>' +
-    '<polyline points="' + line + '" fill="none" stroke="#1890ff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>';
-  /* 数据点圆圈 */
-  pts.forEach(function(p) {
-    svg.innerHTML += '<circle cx="' + p.x.toFixed(1) + '" cy="' + p.y.toFixed(1) + '" r="4" fill="#fff" stroke="#1890ff" stroke-width="2"/>';
-  });
-})();
-
-/* ---- 时间维度Tab切换 ---- */
-document.querySelectorAll('.time-tab').forEach(function(tab) {
-  tab.onclick = function() {
-    document.querySelectorAll('.time-tab').forEach(function(t) { t.classList.remove('active'); });
-    tab.classList.add('active');
-  };
-});
-</script>
-</body>
-</html>
diff --git a/employee-app/health-monitor/blood-oxygen-alerts.html b/employee-app/health-monitor/wearable/blood-oxygen-alerts.html
similarity index 100%
rename from employee-app/health-monitor/blood-oxygen-alerts.html
rename to employee-app/health-monitor/wearable/blood-oxygen-alerts.html
diff --git a/employee-app/health-monitor/blood-oxygen.html b/employee-app/health-monitor/wearable/blood-oxygen.html
similarity index 100%
rename from employee-app/health-monitor/blood-oxygen.html
rename to employee-app/health-monitor/wearable/blood-oxygen.html
diff --git a/employee-app/health-monitor/wearable/blood-pressure-alerts.html b/employee-app/health-monitor/wearable/blood-pressure-alerts.html
new file mode 100644
index 0000000..82c9928
--- /dev/null
+++ b/employee-app/health-monitor/wearable/blood-pressure-alerts.html
@@ -0,0 +1,406 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+  background: #f0f2f5;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  min-height: 100vh;
+  padding: 20px;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+}
+
+.phone-shell {
+  width: 390px;
+  height: 844px;
+  background: #f5f7fa;
+  border-radius: 44px;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.status-bar {
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  flex-shrink: 0;
+  background: #fff;
+}
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+
+.nav-bar {
+  height: 44px;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  flex-shrink: 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+.nav-back {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.nav-title {
+  flex: 1;
+  text-align: center;
+  font-size: 17px;
+  font-weight: 600;
+  color: #1a1a1a;
+  margin-right: 28px;
+}
+
+.scroll-content {
+  flex: 1;
+  overflow-y: auto;
+  background: #f5f7fa;
+}
+.scroll-content::-webkit-scrollbar { display: none; }
+
+.stats-card {
+  margin: 12px 12px 0;
+  background: #fff;
+  border-radius: 14px;
+  padding: 20px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.stats-card__left { display: flex; flex-direction: column; align-items: flex-start; }
+.stats-card__label { font-size: 13px; color: #999; margin-bottom: 6px; }
+.stats-card__count-row { display: flex; align-items: baseline; gap: 4px; }
+.stats-card__count { font-size: 40px; font-weight: 800; color: #7c5cfc; line-height: 1; }
+.stats-card__unit { font-size: 14px; color: #7c5cfc; font-weight: 600; }
+.stats-card__right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
+.stats-card__recent-label { font-size: 12px; color: #999; }
+.stats-card__recent-time { font-size: 13px; font-weight: 600; color: #333; }
+.stats-card__icon {
+  width: 48px;
+  height: 48px;
+  background: #f3f0ff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 8px;
+}
+
+.section-title {
+  font-size: 13px;
+  color: #999;
+  padding: 14px 16px 8px;
+  font-weight: 500;
+}
+
+.alert-card {
+  margin: 0 12px 10px;
+  background: #fff;
+  border-radius: 14px;
+  padding: 14px 14px 14px 12px;
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+}
+
+.alert-card__dot-col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 3px;
+  gap: 4px;
+}
+.alert-card__dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.alert-card__dot--critical { background: #ff4d4f; box-shadow: 0 0 0 3px rgba(255,77,79,0.18); }
+.alert-card__dot--warning  { background: #faad14; box-shadow: 0 0 0 3px rgba(250,173,20,0.18); }
+
+.alert-card__body { flex: 1; min-width: 0; }
+.alert-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 6px;
+}
+.alert-card__time { font-size: 13px; color: #666; }
+.alert-card__badge {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 10px;
+  flex-shrink: 0;
+}
+.alert-card__badge--critical { background: #fff1f0; color: #ff4d4f; }
+.alert-card__badge--warning  { background: #fffbe6; color: #d48806; }
+
+.alert-card__value-row {
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  margin-bottom: 6px;
+}
+.alert-card__value { font-size: 24px; font-weight: 800; color: #1a1a1a; line-height: 1; }
+.alert-card__value-unit { font-size: 13px; color: #999; }
+
+.alert-card__detail-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.alert-card__detail-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #999;
+}
+.alert-card__detail-item svg { flex-shrink: 0; }
+
+.alert-card__reason {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #bbb;
+  background: #fafafa;
+  border-radius: 6px;
+  padding: 6px 8px;
+  line-height: 1.5;
+}
+
+.bottom-safe { height: 20px; flex-shrink: 0; }
+
+.filter-btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 12px;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  background: #fff;
+  font-size: 12px;
+  color: #666;
+  cursor: pointer;
+}
+.filter-btn:active { background: #f5f5f5; border-color: #bbb; }
+
+</style>
+</head>
+<body>
+<div class="phone-shell">
+
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2">
+        <path d="M5 12.55a11 11 0 0 1 14.08 0"/>
+        <path d="M1.42 9a16 16 0 0 1 21.16 0"/>
+        <path d="M8.53 16.11a6 6 0 0 1 6.95 0"/>
+        <circle cx="12" cy="20" r="1" fill="#333" stroke="none"/>
+      </svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2">
+        <rect x="1" y="6" width="18" height="12" rx="2"/>
+        <path d="M21 10v4"/>
+        <rect x="3" y="8" width="12" height="8" rx="1" fill="#333" stroke="none"/>
+      </svg>
+    </div>
+  </div>
+
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='blood-pressure.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round">
+        <path d="M15 19l-7-7 7-7"/>
+      </svg>
+    </div>
+    <div class="nav-title">血压预警历史</div>
+  </div>
+
+  <div class="scroll-content">
+
+    <div class="stats-card">
+      <div class="stats-card__left">
+        <div class="stats-card__label">本月预警</div>
+        <div class="stats-card__count-row">
+          <span class="stats-card__count">4</span>
+          <span class="stats-card__unit">次</span>
+        </div>
+      </div>
+      <div class="stats-card__right">
+        <div class="stats-card__icon">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
+            <path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z" fill="#7c5cfc" stroke="#7c5cfc" stroke-width="1.5"/>
+            <circle cx="12" cy="9" r="3" fill="#fff"/>
+          </svg>
+        </div>
+        <div class="stats-card__recent-label">最近预警时间</div>
+        <div class="stats-card__recent-time">2026-05-11 08:45</div>
+      </div>
+    </div>
+
+    <div style="display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 8px;">
+      <div class="section-title" style="margin: 0; padding: 0;">预警记录（共 4 条）</div>
+      <button class="filter-btn">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <rect x="3" y="4" width="18" height="18" rx="2"/>
+          <path d="M16 2v4M8 2v4M3 10h18"/>
+        </svg>
+        筛选
+      </button>
+    </div>
+
+    <!-- 预警记录 1：严重 -->
+    <div class="alert-card">
+      <div class="alert-card__dot-col">
+        <div class="alert-card__dot alert-card__dot--critical"></div>
+      </div>
+      <div class="alert-card__body">
+        <div class="alert-card__header">
+          <span class="alert-card__time">2026-05-11 08:45</span>
+          <span class="alert-card__badge alert-card__badge--critical">严重</span>
+        </div>
+        <div class="alert-card__value-row">
+          <span class="alert-card__value">158/98</span>
+          <span class="alert-card__value-unit">mmHg</span>
+        </div>
+        <div class="alert-card__detail-row">
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <circle cx="12" cy="12" r="10"/>
+              <polyline points="12 6 12 12 16 14"/>
+            </svg>
+            <span>持续 15 分钟</span>
+          </div>
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z"/>
+            </svg>
+            <span>血压</span>
+          </div>
+        </div>
+        <div class="alert-card__reason">触发原因：收缩压超过 150 mmHg 阈值</div>
+      </div>
+    </div>
+
+    <!-- 预警记录 2：警告 -->
+    <div class="alert-card">
+      <div class="alert-card__dot-col">
+        <div class="alert-card__dot alert-card__dot--warning"></div>
+      </div>
+      <div class="alert-card__body">
+        <div class="alert-card__header">
+          <span class="alert-card__time">2026-05-08 14:20</span>
+          <span class="alert-card__badge alert-card__badge--warning">警告</span>
+        </div>
+        <div class="alert-card__value-row">
+          <span class="alert-card__value">142/92</span>
+          <span class="alert-card__value-unit">mmHg</span>
+        </div>
+        <div class="alert-card__detail-row">
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <circle cx="12" cy="12" r="10"/>
+              <polyline points="12 6 12 12 16 14"/>
+            </svg>
+            <span>持续 8 分钟</span>
+          </div>
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z"/>
+            </svg>
+            <span>血压</span>
+          </div>
+        </div>
+        <div class="alert-card__reason">触发原因：收缩压超过 140 mmHg 阈值</div>
+      </div>
+    </div>
+
+    <!-- 预警记录 3：警告 -->
+    <div class="alert-card">
+      <div class="alert-card__dot-col">
+        <div class="alert-card__dot alert-card__dot--warning"></div>
+      </div>
+      <div class="alert-card__body">
+        <div class="alert-card__header">
+          <span class="alert-card__time">2026-05-05 07:30</span>
+          <span class="alert-card__badge alert-card__badge--warning">警告</span>
+        </div>
+        <div class="alert-card__value-row">
+          <span class="alert-card__value">145/90</span>
+          <span class="alert-card__value-unit">mmHg</span>
+        </div>
+        <div class="alert-card__detail-row">
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <circle cx="12" cy="12" r="10"/>
+              <polyline points="12 6 12 12 16 14"/>
+            </svg>
+            <span>持续 10 分钟</span>
+          </div>
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z"/>
+            </svg>
+            <span>血压</span>
+          </div>
+        </div>
+        <div class="alert-card__reason">触发原因：收缩压超过 140 mmHg 阈值</div>
+      </div>
+    </div>
+
+    <!-- 预警记录 4：警告 -->
+    <div class="alert-card">
+      <div class="alert-card__dot-col">
+        <div class="alert-card__dot alert-card__dot--warning"></div>
+      </div>
+      <div class="alert-card__body">
+        <div class="alert-card__header">
+          <span class="alert-card__time">2026-05-02 19:15</span>
+          <span class="alert-card__badge alert-card__badge--warning">警告</span>
+        </div>
+        <div class="alert-card__value-row">
+          <span class="alert-card__value">138/94</span>
+          <span class="alert-card__value-unit">mmHg</span>
+        </div>
+        <div class="alert-card__detail-row">
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <circle cx="12" cy="12" r="10"/>
+              <polyline points="12 6 12 12 16 14"/>
+            </svg>
+            <span>持续 6 分钟</span>
+          </div>
+          <div class="alert-card__detail-item">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2">
+              <path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z"/>
+            </svg>
+            <span>血压</span>
+          </div>
+        </div>
+        <div class="alert-card__reason">触发原因：舒张压超过 90 mmHg 阈值</div>
+      </div>
+    </div>
+
+    <div class="bottom-safe"></div>
+  </div>
+
+</div>
+</body>
+</html>
diff --git a/employee-app/health-monitor/wearable/blood-pressure.html b/employee-app/health-monitor/wearable/blood-pressure.html
new file mode 100644
index 0000000..3de8786
--- /dev/null
+++ b/employee-app/health-monitor/wearable/blood-pressure.html
@@ -0,0 +1,317 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>血压详情 - 健康监测 | 健康长庆原型</title>
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+
+:root { --theme: #7c5cfc; --theme2: #a78bfa; --theme-dia: #f97066; --theme-dia2: #fca5a1; }
+
+.top-panel { background: #fff; padding-top: 2px; }
+.time-tabs { display: flex; justify-content: center; gap: 42px; padding: 2px 0 8px; }
+.time-tab { position: relative; font-size: 18px; color: #444; cursor: pointer; padding: 0 2px 6px; user-select: none; }
+.time-tab.active { color: var(--theme); }
+.time-tab.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 22px; height: 3px; border-radius: 2px; background: var(--theme); }
+
+.summary-area { text-align: center; padding: 12px 24px 6px; }
+.date-row { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; color: #666; font-weight: 500; }
+.range-text { margin-top: 4px; font-size: 16px; color: #666; }
+.main-row { margin-top: 2px; display: inline-flex; align-items: baseline; gap: 4px; }
+.main-row__value { font-size: 48px; line-height: 1; font-weight: 500; color: #1f1f1f; letter-spacing: -1px; }
+.main-row__slash { font-size: 28px; color: #999; margin: 0 2px; }
+.main-row__unit { font-size: 18px; color: #333; }
+.main-badge { display: inline-flex; align-items: center; justify-content: center; margin-top: 6px; padding: 3px 12px; border-radius: 18px; font-size: 12px; font-weight: 600; background: #f6ffed; color: #52c41a; }
+
+.chart-wrap { position: relative; background: #fff; padding: 6px 16px 0; }
+.chart-box { position: relative; height: 160px; }
+.chart-svg { width: 100%; height: 100%; display: block; }
+.chart-grid line { stroke: #ececec; stroke-width: 1; }
+.chart-path { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+.chart-path--sys { stroke: var(--theme); }
+.chart-path--dia { stroke: var(--theme-dia); }
+.chart-dot--sys { fill: var(--theme); }
+.chart-dot--dia { fill: var(--theme-dia); }
+.y-axis-labels { position: absolute; top: 6px; right: 0; width: 56px; height: 208px; pointer-events: none; }
+.y-axis-label { position: absolute; right: 0; transform: translateY(50%); font-size: 12px; color: #666; }
+.chart-legend { display: flex; justify-content: center; gap: 20px; padding: 8px 0 4px; }
+.legend-item { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #666; }
+.legend-item i { display: inline-block; width: 12px; height: 3px; border-radius: 2px; }
+.legend-item--sys i { background: var(--theme); }
+.legend-item--dia i { background: var(--theme-dia); }
+.x-axis { display: grid; gap: 0; padding: 4px 14px 8px 0; font-size: 12px; color: #666; }
+.x-axis span { text-align: center; white-space: nowrap; }
+.x-axis--dense { font-size: 10px; }
+
+.timeline-knob-row { position: relative; margin: 0; height: 24px; }
+.timeline-track { position: absolute; left: 0; right: 0; top: 10px; height: 1px; background: #e8e8e8; }
+.timeline-knob { position: absolute; right: 16px; top: -4px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.12); }
+
+
+.card { margin: 8px 12px 0; background: #fff; border-radius: 22px; padding: 14px 12px; display: flex; gap: 0; }
+.metric-row { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 6px; }
+.metric-left__label { font-size: 12px; color: #777; margin-bottom: 4px; }
+.metric-left__value { display: flex; align-items: baseline; gap: 2px; }
+.metric-left__num { font-size: 16px; font-weight: 600; color: #222; }
+.metric-left__unit { font-size: 12px; color: #777; }
+.metric-right { font-size: 12px; color: #777; text-align: center; }
+.metric-split { width: 1px; background: #ececec; margin: 0; }
+
+.foot-note { padding: 10px 0 12px; text-align: center; font-size: 11px; color: #b3b3b3; }
+.alert-btn { margin: 8px 12px 0; border: 1.5px solid var(--theme); border-radius: 12px; padding: 11px; text-align: center; font-size: 13px; color: var(--theme); font-weight: 600; cursor: pointer; background: #fff; display: flex; align-items: center; justify-content: center; gap: 6px; }
+.bottom-safe { height: 12px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+    </div>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="nav-title">血压</div>
+  </div>
+
+  <div class="scroll-content">
+    <div class="top-panel">
+      <div class="time-tabs">
+        <div class="time-tab active" data-mode="day">日</div>
+        <div class="time-tab" data-mode="week">周</div>
+        <div class="time-tab" data-mode="month">月</div>
+        <div class="time-tab" data-mode="year">年</div>
+      </div>
+      <div class="summary-area">
+        <div class="date-row">
+          <span id="dateText">5月12日 周一</span>
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="#666"><path d="M7 10l5 5 5-5z"/></svg>
+        </div>
+        <div class="range-text" id="rangeText">00:00-23:59</div>
+        <div class="main-row">
+          <span class="main-row__value" id="sysValue">120</span>
+          <span class="main-row__slash">/</span>
+          <span class="main-row__value" id="diaValue">78</span>
+          <span class="main-row__unit">mmHg</span>
+        </div>
+        <div class="main-badge" id="statusBadge">正常</div>
+      </div>
+
+      <div class="chart-wrap">
+        <div class="chart-box">
+          <svg class="chart-svg" id="chart" viewBox="0 0 358 258" preserveAspectRatio="none">
+            <g class="chart-grid" id="chartGrid"></g>
+            <path id="lineSys" class="chart-path chart-path--sys"></path>
+            <path id="lineDia" class="chart-path chart-path--dia"></path>
+            <circle id="dotSys" class="chart-dot chart-dot--sys" r="3.2"></circle>
+            <circle id="dotDia" class="chart-dot chart-dot--dia" r="3.2"></circle>
+          </svg>
+          <div class="y-axis-labels" id="yAxisLabels"></div>
+
+        </div>
+        <div class="chart-legend">
+          <span class="legend-item legend-item--sys"><i></i>收缩压</span>
+          <span class="legend-item legend-item--dia"><i></i>舒张压</span>
+        </div>
+        <div class="x-axis" id="xAxis"></div>
+                <div class="timeline-knob-row">
+          <div class="timeline-track"></div>
+          <div class="timeline-knob"></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="metric-row">
+        <div class="metric-left">
+          <div class="metric-left__label">收缩压最高</div>
+          <div class="metric-left__value"><span class="metric-left__num" id="sysMax">135</span><span class="metric-left__unit">mmHg</span></div>
+        </div>
+        <div class="metric-right" id="sysMaxHint">08:30</div>
+      </div>
+      <div class="metric-split"></div>
+      <div class="metric-row">
+        <div class="metric-left">
+          <div class="metric-left__label">舒张压最高</div>
+          <div class="metric-left__value"><span class="metric-left__num" id="diaMax">88</span><span class="metric-left__unit">mmHg</span></div>
+        </div>
+        <div class="metric-right" id="diaMaxHint">08:30</div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="metric-row">
+        <div class="metric-left">
+          <div class="metric-left__label">收缩压最低</div>
+          <div class="metric-left__value"><span class="metric-left__num" id="sysMin">112</span><span class="metric-left__unit">mmHg</span></div>
+        </div>
+        <div class="metric-right" id="sysMinHint">22:00</div>
+      </div>
+      <div class="metric-split"></div>
+      <div class="metric-row">
+        <div class="metric-left">
+          <div class="metric-left__label">舒张压最低</div>
+          <div class="metric-left__value"><span class="metric-left__num" id="diaMin">72</span><span class="metric-left__unit">mmHg</span></div>
+        </div>
+        <div class="metric-right" id="diaMinHint">22:00</div>
+      </div>
+    </div>
+
+    <div class="alert-btn" onclick="location.href='blood-pressure-alerts.html'">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--theme)" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+      查看预警历史 ›
+    </div>
+
+    <div class="foot-note">以上数据为原型示例，实际以设备同步为准</div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+
+<script>
+var dataMap = {
+  day: {
+    dateText: '5月12日 周一',
+    rangeText: '00:00-23:59',
+    sys: [122,118,125,130,135,128,124,120],
+    dia: [78,75,80,85,88,82,79,78],
+    yTicks: [160, 140, 120, 100, 80, 60],
+    xLabels: ['07:00','09:00','11:00','13:00','15:00','17:00','19:00','21:00'],
+    status: '正常',
+    sysMax: { v:135, hint:'15:00' }, sysMin: { v:118, hint:'09:00' },
+    diaMax: { v:88, hint:'15:00' }, diaMin: { v:75, hint:'09:00' }
+  },
+  week: {
+    dateText: '5月5日-5月11日',
+    rangeText: '周一-周日',
+    sys: [122,125,120,128,124,118,121],
+    dia: [78,82,76,84,80,75,77],
+    yTicks: [160, 140, 120, 100, 80, 60],
+    xLabels: ['周一','周二','周三','周四','周五','周六','周日'],
+    status: '正常',
+    sysMax: { v:128, hint:'周四' }, sysMin: { v:118, hint:'周六' },
+    diaMax: { v:84, hint:'周四' }, diaMin: { v:75, hint:'周六' }
+  },
+  month: {
+    dateText: '2026年5月',
+    rangeText: '5月1日-5月12日',
+    sys: [120,122,118,125,130,124,121,119,126,122,120,120],
+    dia: [78,80,76,82,86,80,77,75,83,79,78,78],
+    yTicks: [160, 140, 120, 100, 80, 60],
+    xLabels: ['1日','4日','7日','10日','12日'],
+    status: '正常',
+    sysMax: { v:130, hint:'05-05' }, sysMin: { v:118, hint:'05-03' },
+    diaMax: { v:86, hint:'05-05' }, diaMin: { v:75, hint:'05-08' }
+  },
+  year: {
+    dateText: '2026年',
+    rangeText: '1月-5月',
+    sys: [122,120,125,118,121,124,120,122,119,123,121,120],
+    dia: [79,78,82,76,78,80,77,79,76,80,78,78],
+    yTicks: [160, 140, 120, 100, 80, 60],
+    xLabels: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
+    status: '正常',
+    sysMax: { v:138, hint:'03月' }, sysMin: { v:115, hint:'01月' },
+    diaMax: { v:90, hint:'03月' }, diaMin: { v:72, hint:'01月' }
+  }
+};
+
+function renderChart(cfg) {
+  var chartWidth = 330, chartHeight = 208, startY = 22;
+  var len = cfg.sys.length;
+  var stepX = chartWidth / (len - 1 || 1);
+  var maxY = cfg.yTicks[0], minY = cfg.yTicks[cfg.yTicks.length - 1];
+  var range = maxY - minY;
+
+  var grid = document.getElementById('chartGrid');
+  var yAxis = document.getElementById('yAxisLabels');
+  var xAxis = document.getElementById('xAxis');
+
+  grid.innerHTML = '';
+  cfg.yTicks.forEach(function(_, i) {
+    var y = startY + (chartHeight / (cfg.yTicks.length - 1)) * i;
+    grid.innerHTML += '<line x1="0" y1="'+y.toFixed(1)+'" x2="330" y2="'+y.toFixed(1)+'"></line>';
+  });
+
+  yAxis.innerHTML = cfg.yTicks.map(function(tick, i) {
+    return '<span class="y-axis-label" style="top:'+(i * (208/(cfg.yTicks.length-1)))+'px">'+tick+'</span>';
+  }).join('');
+
+  function toPoints(arr) {
+    return arr.map(function(v, i) {
+      var x = i * stepX;
+      var y = startY + chartHeight - ((v - minY) / range) * chartHeight;
+      return { x: x, y: y };
+    });
+  }
+
+  function toPath(pts) {
+    return pts.map(function(p, i) {
+      return (i === 0 ? 'M' : 'L') + p.x.toFixed(1) + ',' + p.y.toFixed(1);
+    }).join(' ');
+  }
+
+  var sysPts = toPoints(cfg.sys);
+  var diaPts = toPoints(cfg.dia);
+
+  document.getElementById('lineSys').setAttribute('d', toPath(sysPts));
+  document.getElementById('lineDia').setAttribute('d', toPath(diaPts));
+
+  var lastSys = sysPts[sysPts.length - 1];
+  var lastDia = diaPts[diaPts.length - 1];
+  document.getElementById('dotSys').setAttribute('cx', lastSys.x.toFixed(1));
+  document.getElementById('dotSys').setAttribute('cy', lastSys.y.toFixed(1));
+  document.getElementById('dotDia').setAttribute('cx', lastDia.x.toFixed(1));
+  document.getElementById('dotDia').setAttribute('cy', lastDia.y.toFixed(1));
+
+  xAxis.className = 'x-axis' + (cfg.xLabels.length > 7 ? ' x-axis--dense' : '');
+  xAxis.style.gridTemplateColumns = 'repeat(' + cfg.xLabels.length + ', 1fr)';
+  xAxis.innerHTML = cfg.xLabels.map(function(l) { return '<span>'+l+'</span>'; }).join('');
+}
+
+function renderMode(mode) {
+  var cfg = dataMap[mode];
+  document.getElementById('dateText').textContent = cfg.dateText;
+  document.getElementById('rangeText').textContent = cfg.rangeText;
+  document.getElementById('sysValue').textContent = cfg.sys[cfg.sys.length - 1];
+  document.getElementById('diaValue').textContent = cfg.dia[cfg.dia.length - 1];
+  document.getElementById('statusBadge').textContent = cfg.status;
+
+  document.getElementById('sysMax').textContent = cfg.sysMax.v;
+  document.getElementById('sysMaxHint').textContent = cfg.sysMax.hint;
+  document.getElementById('sysMin').textContent = cfg.sysMin.v;
+  document.getElementById('sysMinHint').textContent = cfg.sysMin.hint;
+  document.getElementById('diaMax').textContent = cfg.diaMax.v;
+  document.getElementById('diaMaxHint').textContent = cfg.diaMax.hint;
+  document.getElementById('diaMin').textContent = cfg.diaMin.v;
+  document.getElementById('diaMinHint').textContent = cfg.diaMin.hint;
+
+  renderChart(cfg);
+}
+
+document.querySelectorAll('.time-tab').forEach(function(tab) {
+  tab.onclick = function() {
+    document.querySelectorAll('.time-tab').forEach(function(t) { t.classList.remove('active'); });
+    tab.classList.add('active');
+    renderMode(tab.getAttribute('data-mode'));
+  };
+});
+
+renderMode('day');
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/wearable/ecg-detail.html b/employee-app/health-monitor/wearable/ecg-detail.html
new file mode 100644
index 0000000..97d2122
--- /dev/null
+++ b/employee-app/health-monitor/wearable/ecg-detail.html
@@ -0,0 +1,245 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #1a1a1a; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #333; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #fff; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #333; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #fff; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; }
+.scroll-content::-webkit-scrollbar { display: none; }
+
+/* 顶部信息 */
+.info-section { padding: 24px 20px 16px; }
+.info-type { font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 4px; }
+.info-time { font-size: 14px; color: #999; margin-bottom: 16px; }
+.info-hr { display: flex; align-items: center; gap: 6px; font-size: 15px; color: #ddd; }
+.info-hr__icon { color: #ff5a6e; font-size: 18px; }
+.info-hr__value { font-size: 32px; font-weight: 700; color: #fff; }
+.info-hr__unit { font-size: 14px; color: #999; }
+
+/* 心电图区域 */
+.ecg-section { padding: 16px 0; }
+.ecg-hint { padding: 0 20px 8px; font-size: 12px; color: #666; display: flex; align-items: center; gap: 4px; }
+.ecg-scroll-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+.ecg-scroll-wrap::-webkit-scrollbar { display: none; }
+.ecg-canvas { width: 1200px; height: 200px; padding: 0 20px; }
+.ecg-canvas svg { width: 100%; height: 100%; display: block; }
+.ecg-grid line { stroke: #2a2a2a; stroke-width: 0.5; }
+.ecg-grid line.major { stroke: #3a3a3a; stroke-width: 1; }
+.ecg-line { fill: none; stroke: #ff5a6e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+
+/* 时间刻度 */
+.ecg-time-axis { width: 1200px; padding: 6px 20px 0; display: flex; justify-content: space-between; }
+.ecg-time-axis span { font-size: 10px; color: #666; }
+
+/* 详细信息卡片 */
+.detail-card { margin: 16px 16px 0; background: #262626; border-radius: 16px; padding: 16px; }
+.detail-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #333; }
+.detail-row:last-child { border-bottom: none; }
+.detail-row__label { font-size: 14px; color: #999; }
+.detail-row__value { font-size: 14px; color: #fff; font-weight: 500; }
+
+/* 状态标签 */
+.status-tag { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
+.status-tag--normal { background: rgba(82,196,26,0.15); color: #52c41a; }
+.status-tag--warning { background: rgba(250,173,20,0.15); color: #faad14; }
+.status-tag--danger { background: rgba(255,77,79,0.15); color: #ff4d4f; }
+
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+    </div>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='ecg.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="nav-title">心电图详情</div>
+  </div>
+
+  <div class="scroll-content">
+    <!-- 顶部信息 -->
+    <div class="info-section">
+      <div class="info-type" id="infoType">窦性心律</div>
+      <div class="info-time" id="infoTime">2026年5月12日 13:58</div>
+      <div class="info-hr">
+        <span class="info-hr__icon">❤️</span>
+        <span>平均心率</span>
+        <span class="info-hr__value" id="infoHr">82</span>
+        <span class="info-hr__unit">次/分</span>
+      </div>
+    </div>
+
+    <!-- 心电图横向滑动区域 -->
+    <div class="ecg-section">
+      <div class="ecg-hint">
+        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#666" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+        左右滑动查看完整心电图
+      </div>
+      <div class="ecg-scroll-wrap">
+        <div class="ecg-canvas">
+          <svg viewBox="0 0 1160 200" preserveAspectRatio="none" id="ecgSvg">
+            <g class="ecg-grid" id="ecgGrid"></g>
+            <path class="ecg-line" id="ecgLine"></path>
+          </svg>
+        </div>
+        <div class="ecg-time-axis" id="ecgTimeAxis"></div>
+      </div>
+    </div>
+
+    <!-- 详细信息 -->
+    <div class="detail-card">
+      <div class="detail-row">
+        <span class="detail-row__label">分类结果</span>
+        <span class="detail-row__value"><span class="status-tag status-tag--normal" id="statusTag">窦性心律</span></span>
+      </div>
+      <div class="detail-row">
+        <span class="detail-row__label">开始时间</span>
+        <span class="detail-row__value" id="startTime">13:58:00</span>
+      </div>
+      <div class="detail-row">
+        <span class="detail-row__label">结束时间</span>
+        <span class="detail-row__value" id="endTime">13:58:30</span>
+      </div>
+      <div class="detail-row">
+        <span class="detail-row__label">记录时长</span>
+        <span class="detail-row__value" id="duration">30秒</span>
+      </div>
+      <div class="detail-row">
+        <span class="detail-row__label">平均心率</span>
+        <span class="detail-row__value" id="detailHr">82 次/分</span>
+      </div>
+    </div>
+
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+
+<script>
+// 从URL参数读取数据
+var params = new URLSearchParams(window.location.search);
+var type = params.get('type') || 'sinus';
+var label = params.get('label') || '窦性心律';
+var time = params.get('time') || '今天 13:58';
+var hr = parseInt(params.get('hr')) || 82;
+
+// 填充页面信息
+document.getElementById('infoType').textContent = label;
+document.getElementById('infoTime').textContent = time;
+document.getElementById('infoHr').textContent = hr;
+document.getElementById('detailHr').textContent = hr + ' 次/分';
+document.getElementById('statusTag').textContent = label;
+
+// 状态标签颜色
+var tagEl = document.getElementById('statusTag');
+if (type === 'afib') { tagEl.className = 'status-tag status-tag--danger'; }
+else if (type === 'highlow' || type === 'uncertain') { tagEl.className = 'status-tag status-tag--warning'; }
+
+// 模拟开始/结束时间
+var timeMatch = time.match(/(\d+):(\d+)/);
+if (timeMatch) {
+  var h = timeMatch[1], m = timeMatch[2];
+  document.getElementById('startTime').textContent = h + ':' + m + ':00';
+  document.getElementById('endTime').textContent = h + ':' + m + ':30';
+}
+
+// 生成网格
+var gridHtml = '';
+for (var x = 0; x <= 1160; x += 58) {
+  gridHtml += '<line x1="'+x+'" y1="0" x2="'+x+'" y2="200"' + (x % 232 === 0 ? ' class="major"' : '') + '/>';
+}
+for (var y = 0; y <= 200; y += 25) {
+  gridHtml += '<line x1="0" y1="'+y+'" x2="1160" y2="'+y+'"' + (y % 50 === 0 ? ' class="major"' : '') + '/>';
+}
+document.getElementById('ecgGrid').innerHTML = gridHtml;
+
+// 生成长心电图波形
+function generateLongEcg(type, hr) {
+  var w = 1160, h = 200, cy = h / 2;
+  var points = [];
+  var cycles = Math.round(hr / 2.5);
+
+  if (type === 'sinus') {
+    for (var i = 0; i <= w; i += 1.5) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      if (seg > 2.7 && seg < 2.9) y = cy + 8;
+      else if (seg > 2.9 && seg < 3.05) y = cy - 60;
+      else if (seg > 3.05 && seg < 3.2) y = cy + 20;
+      else if (seg > 3.2 && seg < 3.5) y = cy - 3;
+      else if (seg > 4.0 && seg < 4.4) y = cy + 10;
+      else y = cy + Math.sin(seg * 0.3) * 1.5;
+      points.push(i.toFixed(1) + ',' + y.toFixed(1));
+    }
+  } else if (type === 'afib') {
+    for (var i = 0; i <= w; i += 1.5) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var jitter = (Math.random() - 0.5) * 8;
+      var y = cy;
+      if (seg > 2.6 && seg < 2.9) y = cy - 50 + jitter;
+      else if (seg > 2.9 && seg < 3.1) y = cy + 18 + jitter;
+      else y = cy + jitter + Math.sin(seg * 2) * 4;
+      points.push(i.toFixed(1) + ',' + y.toFixed(1));
+    }
+  } else if (type === 'highlow') {
+    for (var i = 0; i <= w; i += 1.5) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      if (seg > 2.7 && seg < 2.9) y = cy + 6;
+      else if (seg > 2.9 && seg < 3.05) y = cy - 70;
+      else if (seg > 3.05 && seg < 3.2) y = cy + 25;
+      else if (seg > 3.2 && seg < 3.5) y = cy - 3;
+      else y = cy + Math.sin(seg * 0.3) * 2;
+      points.push(i.toFixed(1) + ',' + y.toFixed(1));
+    }
+  } else {
+    for (var i = 0; i <= w; i += 1.5) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var noise = Math.sin(i * 0.08) * 5;
+      var y = cy;
+      if (i > w * 0.5 && i < w * 0.7) {
+        if (seg > 2.5 && seg < 3.2) y = cy - 65;
+        else if (seg > 3.2 && seg < 3.6) y = cy + 20;
+        else y = cy + noise + Math.sin(seg) * 6;
+      } else {
+        if (seg > 2.8 && seg < 3.0) y = cy - 40;
+        else if (seg > 3.0 && seg < 3.15) y = cy + 12;
+        else y = cy + noise * 0.5;
+      }
+      points.push(i.toFixed(1) + ',' + y.toFixed(1));
+    }
+  }
+  return 'M' + points.join(' L');
+}
+
+document.getElementById('ecgLine').setAttribute('d', generateLongEcg(type, hr));
+
+// 时间轴刻度
+var axisHtml = '';
+for (var s = 0; s <= 30; s += 5) {
+  axisHtml += '<span>' + s + 's</span>';
+}
+document.getElementById('ecgTimeAxis').innerHTML = axisHtml;
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/wearable/ecg.html b/employee-app/health-monitor/wearable/ecg.html
new file mode 100644
index 0000000..01476e8
--- /dev/null
+++ b/employee-app/health-monitor/wearable/ecg.html
@@ -0,0 +1,209 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+
+/* 统计筛选 */
+.filter-tabs { display: flex; gap: 8px; padding: 12px 12px 8px; overflow-x: auto; flex-wrap: nowrap; }
+.filter-tabs::-webkit-scrollbar { display: none; }
+.filter-tab { flex-shrink: 0; padding: 6px 12px; border-radius: 16px; font-size: 12px; color: #666; background: #fff; border: 1px solid #e8e8e8; cursor: pointer; white-space: nowrap; transition: all 0.2s; }
+.filter-tab.active { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
+.filter-tab__count { margin-left: 4px; font-weight: 600; }
+
+/* ECG 卡片 */
+.ecg-list { padding: 0 12px 12px; display: flex; flex-direction: column; gap: 10px; }
+.ecg-card { background: #1a1a1a; border-radius: 16px; padding: 16px; cursor: pointer; transition: transform 0.15s; }
+.ecg-card:active { transform: scale(0.98); }
+.ecg-card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
+.ecg-card__type { font-size: 16px; font-weight: 700; color: #fff; }
+.ecg-card__time { font-size: 12px; color: #999; display: flex; align-items: center; gap: 4px; }
+.ecg-card__arrow { color: #666; }
+.ecg-card__hr { display: flex; align-items: center; gap: 4px; font-size: 13px; color: #ccc; margin-bottom: 10px; }
+.ecg-card__hr-icon { color: #ff5a6e; }
+.ecg-card__chart { position: relative; height: 100px; border: 1px solid #333; border-radius: 8px; overflow: hidden; }
+.ecg-card__chart svg { width: 100%; height: 100%; display: block; }
+.ecg-card__grid line { stroke: #333; stroke-width: 0.5; }
+.ecg-card__line { fill: none; stroke: #ff5a6e; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
+
+/* 底部 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+    </div>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="nav-title">心电图</div>
+  </div>
+
+  <div class="scroll-content">
+    <!-- 筛选标签 -->
+    <div class="filter-tabs">
+      <div class="filter-tab active" data-filter="all">所有数据<span class="filter-tab__count">12</span></div>
+      <div class="filter-tab" data-filter="sinus">窦性心律<span class="filter-tab__count">8</span></div>
+      <div class="filter-tab" data-filter="afib">房颤<span class="filter-tab__count">1</span></div>
+      <div class="filter-tab" data-filter="highlow">高低心率<span class="filter-tab__count">1</span></div>
+      <div class="filter-tab" data-filter="uncertain">不确定<span class="filter-tab__count">2</span></div>
+    </div>
+
+    <!-- ECG 记录列表 -->
+    <div class="ecg-list" id="ecgList"></div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+
+<script>
+var ecgData = [
+  { type: 'sinus', label: '窦性心律', time: '今天 13:58', hr: 82 },
+  { type: 'sinus', label: '窦性心律', time: '今天 09:20', hr: 75 },
+  { type: 'afib', label: '房颤', time: '05/11 22:30', hr: 112 },
+  { type: 'sinus', label: '窦性心律', time: '05/11 14:10', hr: 78 },
+  { type: 'highlow', label: '高心率', time: '05/10 16:45', hr: 135 },
+  { type: 'uncertain', label: '不确定', time: '05/10 15:14', hr: 100 },
+  { type: 'sinus', label: '窦性心律', time: '05/09 08:30', hr: 68 },
+  { type: 'sinus', label: '窦性心律', time: '05/08 20:15', hr: 72 },
+  { type: 'uncertain', label: '不确定', time: '05/07 11:40', hr: 95 },
+  { type: 'sinus', label: '窦性心律', time: '05/06 09:00', hr: 70 },
+  { type: 'sinus', label: '窦性心律', time: '05/05 14:22', hr: 76 },
+  { type: 'sinus', label: '窦性心律', time: '05/04 08:10', hr: 65 }
+];
+
+// 生成不同类型的ECG波形路径
+function generateEcgPath(type, hr) {
+  var w = 320, h = 80, cy = h / 2;
+  var points = [];
+  var cycles, amp;
+
+  if (type === 'sinus') {
+    cycles = 6;
+    amp = 28;
+    for (var i = 0; i <= w; i += 2) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      if (seg > 2.8 && seg < 3.0) y = cy - amp;
+      else if (seg > 3.0 && seg < 3.2) y = cy + amp * 0.4;
+      else if (seg > 3.2 && seg < 3.5) y = cy - amp * 0.08;
+      else y = cy + Math.sin(seg * 0.5) * 2;
+      points.push(i + ',' + y.toFixed(1));
+    }
+  } else if (type === 'afib') {
+    cycles = 8;
+    for (var i = 0; i <= w; i += 2) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      var jitter = (Math.random() - 0.5) * 6;
+      if (seg > 2.5 && seg < 2.8) y = cy - 22 + jitter;
+      else if (seg > 2.8 && seg < 3.1) y = cy + 12 + jitter;
+      else y = cy + jitter * 0.8 + Math.sin(seg) * 3;
+      points.push(i + ',' + y.toFixed(1));
+    }
+  } else if (type === 'highlow') {
+    cycles = 9;
+    amp = 32;
+    for (var i = 0; i <= w; i += 2) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      if (seg > 2.6 && seg < 2.9) y = cy - amp;
+      else if (seg > 2.9 && seg < 3.1) y = cy + amp * 0.5;
+      else y = cy + Math.sin(seg * 0.5) * 2;
+      points.push(i + ',' + y.toFixed(1));
+    }
+  } else {
+    // uncertain - 不规则波形
+    cycles = 5;
+    for (var i = 0; i <= w; i += 2) {
+      var phase = (i / w) * cycles * Math.PI * 2;
+      var seg = phase % (Math.PI * 2);
+      var y = cy;
+      var noise = Math.sin(i * 0.15) * 4;
+      if (i > w * 0.55) {
+        // 后半段异常
+        if (seg > 2.5 && seg < 3.2) y = cy - 35;
+        else if (seg > 3.2 && seg < 3.8) y = cy + 15;
+        else y = cy + noise + Math.sin(seg) * 5;
+      } else {
+        if (seg > 2.8 && seg < 3.0) y = cy - 20;
+        else if (seg > 3.0 && seg < 3.2) y = cy + 8;
+        else y = cy + noise;
+      }
+      points.push(i + ',' + y.toFixed(1));
+    }
+  }
+  return 'M' + points.join(' L');
+}
+
+function generateGridLines() {
+  var lines = '';
+  for (var x = 0; x <= 320; x += 64) {
+    lines += '<line x1="'+x+'" y1="0" x2="'+x+'" y2="80"></line>';
+  }
+  for (var y = 0; y <= 80; y += 20) {
+    lines += '<line x1="0" y1="'+y+'" x2="320" y2="'+y+'"></line>';
+  }
+  return lines;
+}
+
+function renderList(filter) {
+  var list = document.getElementById('ecgList');
+  var filtered = filter === 'all' ? ecgData : ecgData.filter(function(d) { return d.type === filter; });
+  var gridLines = generateGridLines();
+
+  list.innerHTML = filtered.map(function(item) {
+    var path = generateEcgPath(item.type, item.hr);
+    var detailUrl = 'ecg-detail.html?type=' + encodeURIComponent(item.type) + '&label=' + encodeURIComponent(item.label) + '&time=' + encodeURIComponent(item.time) + '&hr=' + item.hr;
+    return '<div class="ecg-card" onclick="location.href=\'' + detailUrl + '\'">' +
+      '<div class="ecg-card__header">' +
+        '<span class="ecg-card__type">' + item.label + '</span>' +
+        '<span class="ecg-card__time">' + item.time + ' <span class="ecg-card__arrow">›</span></span>' +
+      '</div>' +
+      '<div class="ecg-card__hr">' +
+        '<span class="ecg-card__hr-icon">❤️</span> 平均' + item.hr + '次/分' +
+      '</div>' +
+      '<div class="ecg-card__chart">' +
+        '<svg viewBox="0 0 320 80" preserveAspectRatio="none">' +
+          '<g class="ecg-card__grid">' + gridLines + '</g>' +
+          '<path class="ecg-card__line" d="' + path + '"/>' +
+        '</svg>' +
+      '</div>' +
+    '</div>';
+  }).join('');
+}
+
+document.querySelectorAll('.filter-tab').forEach(function(tab) {
+  tab.onclick = function() {
+    document.querySelectorAll('.filter-tab').forEach(function(t) { t.classList.remove('active'); });
+    tab.classList.add('active');
+    renderList(tab.getAttribute('data-filter'));
+  };
+});
+
+renderList('all');
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/exercise.html b/employee-app/health-monitor/wearable/exercise.html
similarity index 77%
rename from employee-app/health-monitor/exercise.html
rename to employee-app/health-monitor/wearable/exercise.html
index 3e8554a..831d66b 100644
--- a/employee-app/health-monitor/exercise.html
+++ b/employee-app/health-monitor/wearable/exercise.html
@@ -190,7 +190,7 @@
       background: #ffffff;
       border-radius: 16px;
       padding: 6px;
-      margin-bottom: 12px;
+      margin-bottom: 0;
       display: flex;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     }
@@ -207,13 +207,41 @@
       transition: all 0.2s;
     }
 
-    /* 激活状态的 Tab */
     .tab-item.active {
       background: #fa8c16;
       color: #ffffff;
       font-weight: 600;
     }
 
+    /* 日期切换器 */
+    .date-switcher {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      padding: 12px 0;
+    }
+
+    .date-arrow {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      background: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      box-shadow: 0 1px 4px rgba(0,0,0,0.08);
+    }
+
+    .date-arrow:active { background: #f5f5f5; }
+
+    .date-text {
+      font-size: 14px;
+      font-weight: 600;
+      color: #333;
+    }
+
     /* ===== 锻炼记录列表 ===== */
     .section-title {
       font-size: 15px;
@@ -456,42 +484,46 @@
   <!-- 滚动内容区 -->
   <div class="scroll-content">
 
-    <!-- ① 本周概览卡片 -->
-    <div class="overview-card">
-      <div class="card-title">本周概览</div>
+    <!-- ① 时间维度 Tab + 日期切换 -->
+    <div class="tab-bar">
+      <div class="tab-item active" onclick="switchTab(this, 'week')">周</div>
+      <div class="tab-item" onclick="switchTab(this, 'month')">月</div>
+    </div>
+    <div class="date-switcher">
+      <div class="date-arrow" onclick="switchDate(-1)">
+        <svg width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M6 1L1 6l5 5" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </div>
+      <span class="date-text" id="dateText">5月5日 - 5月11日</span>
+      <div class="date-arrow" onclick="switchDate(1)">
+        <svg width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M1 1l5 5-5 5" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </div>
+    </div>
+
+    <!-- ② 概览卡片 -->
+    <div class="overview-card" id="overviewCard">
+      <div class="card-title" id="overviewTitle">本周概览</div>
       <div class="overview-stats">
-        <!-- 锻炼次数 -->
         <div class="stat-item">
-          <div class="stat-value">3<span class="stat-unit">次</span></div>
+          <div class="stat-value" id="statCount">3<span class="stat-unit">次</span></div>
           <div class="stat-label">锻炼次数</div>
         </div>
-        <!-- 累计时长 -->
         <div class="stat-item">
-          <div class="stat-value">2h<span class="stat-unit">15min</span></div>
+          <div class="stat-value" id="statDuration">2h<span class="stat-unit">15min</span></div>
           <div class="stat-label">累计时长</div>
         </div>
-        <!-- 消耗热量 -->
         <div class="stat-item">
-          <div class="stat-value">680<span class="stat-unit">kcal</span></div>
+          <div class="stat-value" id="statCalorie">680<span class="stat-unit">kcal</span></div>
           <div class="stat-label">消耗热量</div>
         </div>
-        <!-- 运动距离 -->
         <div class="stat-item">
-          <div class="stat-value">4.2<span class="stat-unit">km</span></div>
+          <div class="stat-value" id="statDistance">4.2<span class="stat-unit">km</span></div>
           <div class="stat-label">运动距离</div>
         </div>
       </div>
     </div>
 
-    <!-- ② 时间维度 Tab：周 / 月 切换 -->
-    <div class="tab-bar">
-      <!-- 默认选中"周" -->
-      <div class="tab-item active" onclick="switchTab(this, 'week')">周</div>
-      <div class="tab-item" onclick="switchTab(this, 'month')">月</div>
-    </div>
-
-    <!-- ③ 本周锻炼记录列表 -->
-    <div class="section-title">本周锻炼记录</div>
+    <!-- ③ 锻炼记录列表 -->
+    <div class="section-title" id="sectionTitle">本周锻炼记录</div>
 
     <!-- 记录 a：户外跑步 -->
     <div class="exercise-card">
@@ -516,11 +548,6 @@
           <div class="metric-value">320<span class="metric-unit">kcal</span></div>
           <div class="metric-label">消耗</div>
         </div>
-        <div class="metric-item">
-          <!-- 心率用橙色高亮 -->
-          <div class="metric-value heart-rate">138<span class="metric-unit">bpm</span></div>
-          <div class="metric-label">平均心率</div>
-        </div>
       </div>
     </div>
 
@@ -546,10 +573,6 @@
           <div class="metric-value">240<span class="metric-unit">kcal</span></div>
           <div class="metric-label">消耗</div>
         </div>
-        <div class="metric-item">
-          <div class="metric-value heart-rate">125<span class="metric-unit">bpm</span></div>
-          <div class="metric-label">平均心率</div>
-        </div>
       </div>
     </div>
 
@@ -575,71 +598,6 @@
           <div class="metric-value">280<span class="metric-unit">kcal</span></div>
           <div class="metric-label">消耗</div>
         </div>
-        <div class="metric-item">
-          <div class="metric-value heart-rate">132<span class="metric-unit">bpm</span></div>
-          <div class="metric-label">平均心率</div>
-        </div>
-      </div>
-    </div>
-
-    <!-- ④ 锻炼趋势：近4周柱状图 -->
-    <div class="trend-card">
-      <div class="card-title">锻炼趋势</div>
-      <!-- 柱状图：数据 [2次, 4次, 3次, 3次]，最大值4次对应100px高度 -->
-      <div class="bar-chart">
-        <!-- 第1周：2次，高度 = 2/4 * 80 = 40px -->
-        <div class="bar-group">
-          <span class="bar-value-label">2</span>
-          <div class="bar" style="height: 40px;"></div>
-        </div>
-        <!-- 第2周：4次，高度 = 4/4 * 80 = 80px -->
-        <div class="bar-group">
-          <span class="bar-value-label">4</span>
-          <div class="bar" style="height: 80px;"></div>
-        </div>
-        <!-- 第3周：3次，高度 = 3/4 * 80 = 60px -->
-        <div class="bar-group">
-          <span class="bar-value-label">3</span>
-          <div class="bar" style="height: 60px;"></div>
-        </div>
-        <!-- 第4周（本周）：3次，高亮橙色 -->
-        <div class="bar-group">
-          <span class="bar-value-label">3</span>
-          <div class="bar current" style="height: 60px;"></div>
-        </div>
-      </div>
-      <!-- X轴标签 -->
-      <div class="bar-x-labels">
-        <span class="bar-x-label">第1周</span>
-        <span class="bar-x-label">第2周</span>
-        <span class="bar-x-label">第3周</span>
-        <span class="bar-x-label current">本周</span>
-      </div>
-    </div>
-
-    <!-- ⑤ 统计摘要：本月累计 / 总时长 / 总消耗 -->
-    <div class="section-title">本月统计</div>
-    <div class="summary-grid">
-      <!-- 本月累计次数 -->
-      <div class="summary-card">
-        <div class="summary-icon">🏅</div>
-        <div class="summary-value">12</div>
-        <div class="summary-sub">次</div>
-        <div class="summary-label">本月累计</div>
-      </div>
-      <!-- 总时长 -->
-      <div class="summary-card">
-        <div class="summary-icon">⏱️</div>
-        <div class="summary-value">8h</div>
-        <div class="summary-sub">30min</div>
-        <div class="summary-label">总时长</div>
-      </div>
-      <!-- 总消耗 -->
-      <div class="summary-card">
-        <div class="summary-icon">🔥</div>
-        <div class="summary-value">2,450</div>
-        <div class="summary-sub">kcal</div>
-        <div class="summary-label">总消耗</div>
       </div>
     </div>
 
@@ -651,19 +609,56 @@
 </div><!-- /phone-shell -->
 
 <script>
-  /**
-   * Tab 切换：周 / 月
-   * 切换激活样式，实际数据切换可在此扩展
-   */
+  var currentMode = 'week';
+  var weekOffset = 0;
+  var monthOffset = 0;
+
+  var weekData = [
+    { date: '5月5日 - 5月11日', count: '3', duration: '2h<span class="stat-unit">15min</span>', calorie: '680', distance: '4.2' },
+    { date: '4月28日 - 5月4日', count: '4', duration: '3h<span class="stat-unit">10min</span>', calorie: '920', distance: '6.8' },
+    { date: '4月21日 - 4月27日', count: '2', duration: '1h<span class="stat-unit">30min</span>', calorie: '450', distance: '3.1' }
+  ];
+
+  var monthData = [
+    { date: '2026年5月', count: '7', duration: '5h<span class="stat-unit">45min</span>', calorie: '1,680', distance: '12.5' },
+    { date: '2026年4月', count: '12', duration: '8h<span class="stat-unit">30min</span>', calorie: '2,450', distance: '18.2' },
+    { date: '2026年3月', count: '10', duration: '7h<span class="stat-unit">20min</span>', calorie: '2,100', distance: '15.6' }
+  ];
+
+  function renderView() {
+    var data = currentMode === 'week' ? weekData : monthData;
+    var offset = currentMode === 'week' ? weekOffset : monthOffset;
+    var idx = Math.min(Math.abs(offset), data.length - 1);
+    var item = data[idx];
+
+    document.getElementById('dateText').textContent = item.date;
+    document.getElementById('overviewTitle').textContent = currentMode === 'week' ? '本周概览' : '本月概览';
+    document.getElementById('statCount').innerHTML = item.count + '<span class="stat-unit">次</span>';
+    document.getElementById('statDuration').innerHTML = item.duration;
+    document.getElementById('statCalorie').innerHTML = item.calorie + '<span class="stat-unit">kcal</span>';
+    document.getElementById('statDistance').innerHTML = item.distance + '<span class="stat-unit">km</span>';
+    document.getElementById('sectionTitle').textContent = currentMode === 'week' ? '本周锻炼记录' : '本月锻炼记录';
+  }
+
   function switchTab(el, period) {
-    // 移除所有 tab 的激活状态
     document.querySelectorAll('.tab-item').forEach(function(item) {
       item.classList.remove('active');
     });
-    // 激活当前点击的 tab
     el.classList.add('active');
-    // TODO: 根据 period 切换对应数据（'week' | 'month'）
+    currentMode = period;
+    renderView();
   }
+
+  function switchDate(dir) {
+    if (currentMode === 'week') {
+      weekOffset = Math.max(Math.min(weekOffset + dir, 0), -(weekData.length - 1));
+    } else {
+      monthOffset = Math.max(Math.min(monthOffset + dir, 0), -(monthData.length - 1));
+    }
+    renderView();
+  }
+
+  renderView();
 </script>
 
 </body>
diff --git a/employee-app/health-monitor/heart-rate-alerts.html b/employee-app/health-monitor/wearable/heart-rate-alerts.html
similarity index 99%
rename from employee-app/health-monitor/heart-rate-alerts.html
rename to employee-app/health-monitor/wearable/heart-rate-alerts.html
index 5892ed8..e7c1d92 100644
--- a/employee-app/health-monitor/heart-rate-alerts.html
+++ b/employee-app/health-monitor/wearable/heart-rate-alerts.html
@@ -362,6 +362,7 @@ body {
 .filter-btn-confirm:active {
   background: #ff5a7a;
 }
+</style>
 </head>
 <body>
 <div class="phone-shell">
diff --git a/employee-app/health-monitor/heart-rate.html b/employee-app/health-monitor/wearable/heart-rate.html
similarity index 100%
rename from employee-app/health-monitor/heart-rate.html
rename to employee-app/health-monitor/wearable/heart-rate.html
diff --git a/employee-app/health-monitor/wearable/index.html b/employee-app/health-monitor/wearable/index.html
new file mode 100644
index 0000000..30707c5
--- /dev/null
+++ b/employee-app/health-monitor/wearable/index.html
@@ -0,0 +1,295 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+/* 导航栏 */
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 设备状态 */
+.device-bar { margin: 12px 12px 0; background: linear-gradient(135deg, #13c2c2 0%, #0d9b9b 100%); border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; color: #fff; }
+.device-icon { width: 44px; height: 44px; background: rgba(255,255,255,0.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
+.device-info { flex: 1; }
+.device-name { font-size: 15px; font-weight: 600; }
+.device-meta { font-size: 12px; opacity: 0.85; margin-top: 2px; }
+.device-battery { display: flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; }
+.battery-icon { width: 22px; height: 12px; border: 1.5px solid #fff; border-radius: 2px; position: relative; }
+.battery-icon::after { content: ''; position: absolute; right: -4px; top: 2.5px; width: 2px; height: 5px; background: #fff; border-radius: 0 1px 1px 0; }
+.battery-fill { height: 100%; background: #fff; border-radius: 1px; }
+/* 监测卡片网格 */
+.monitor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
+.monitor-card { background: #fff; border-radius: 12px; padding: 16px; cursor: pointer; position: relative; transition: transform 0.15s; }
+.monitor-card:active { transform: scale(0.97); }
+.monitor-card--full { grid-column: 1 / -1; }
+.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
+.card-header__left { display: flex; align-items: center; min-width: 0; flex: 1; }
+.card-header__right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
+.card-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
+.card-label { font-size: 13px; color: #666; margin-left: 8px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.card-meta { font-size: 12px; color: #999; }
+.card-alert-badge { width: 18px; height: 18px; background: #ff4d4f; border-radius: 50%; font-size: 10px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
+.card-arrow { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
+.card-arrow svg { width: 16px; height: 16px; display: block; }
+.card-sync { font-size: 10px; color: #bbb; margin-top: 8px; }
+.card-value { font-size: 28px; font-weight: 800; color: #1a1a1a; line-height: 1.1; }
+.card-unit { font-size: 13px; color: #999; font-weight: 400; margin-left: 2px; }
+.card-status { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-top: 6px; }
+.card-status--normal { color: #52c41a; background: #f6ffed; }
+.card-status--warn { color: #faad14; background: #fffbe6; }
+.card-status--danger { color: #ff4d4f; background: #fff2f0; }
+.card-sub { font-size: 11px; color: #999; margin-top: 6px; }
+.card-progress { margin-top: 8px; }
+.card-progress__bar { height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }
+.card-progress__fill { height: 100%; border-radius: 3px; transition: width 0.3s; }
+.card-progress__text { font-size: 11px; color: #999; margin-top: 4px; }
+/* 睡眠分段 */
+.sleep-segments { display: flex; gap: 4px; margin-top: 8px; height: 6px; border-radius: 3px; overflow: hidden; }
+.sleep-seg { height: 100%; border-radius: 3px; }
+.sleep-seg--deep { background: #1890ff; }
+.sleep-seg--light { background: #91d5ff; }
+.sleep-seg--rem { background: #b37feb; }
+.sleep-seg--awake { background: #ffd591; }
+.sleep-legend { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
+.sleep-legend__item { display: flex; align-items: center; gap: 3px; font-size: 10px; color: #999; }
+.sleep-legend__dot { width: 6px; height: 6px; border-radius: 50%; }
+/* 锻炼卡片 */
+.exercise-stats { display: flex; gap: 12px; margin-top: 8px; }
+.exercise-stat { flex: 1; text-align: center; background: #f5f7fa; border-radius: 8px; padding: 8px 4px; }
+.exercise-stat__val { font-size: 16px; font-weight: 700; color: #1a1a1a; }
+.exercise-stat__label { font-size: 10px; color: #999; margin-top: 2px; }
+/* 预警入口 */
+.card-alert-link { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 11px; color: #ff4d4f; margin-top: 8px; padding-top: 8px; border-top: 1px solid #f5f5f5; cursor: pointer; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+    </div>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='../index.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="nav-title">健康监测</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 设备连接状态 -->
+    <div class="device-bar">
+      <div class="device-icon">⌚</div>
+      <div class="device-info">
+        <div class="device-name">华为 WATCH GT5 Pro</div>
+        <div class="device-meta">SF55996622586 ·  已连接</div>
+      </div>
+<!--      <div class="device-battery">-->
+<!--        <div class="battery-icon"><div class="battery-fill" style="width:72%"></div></div>-->
+<!--        72%-->
+<!--      </div>-->
+    </div>
+    <!-- 监测卡片网格 -->
+    <div class="monitor-grid">
+      <!-- 步数 -->
+      <div class="monitor-card" onclick="location.href='steps.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#e6f7ff">🏃</div>
+            <span class="card-label">步数</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">8,562<span class="card-unit">步</span></div>
+        <div class="card-progress">
+          <div class="card-progress__text">相当于步行5.2公里</div>
+        </div>
+        <div class="card-sync">同步至 04-30 09:38</div>
+      </div>
+      <!-- 睡眠 -->
+      <div class="monitor-card" onclick="location.href='sleep.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#f0e6ff">🌙</div>
+            <span class="card-label">睡眠</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">7<span class="card-unit">h</span>32<span class="card-unit">min</span></div>
+        <div class="card-progress__text">平均睡眠8小时57分</div>
+        <div class="card-sync">同步至 04-30 07:05</div>
+<!--        <div class="sleep-segments">-->
+<!--          <div class="sleep-seg sleep-seg&#45;&#45;deep" style="width:28%"></div>-->
+<!--          <div class="sleep-seg sleep-seg&#45;&#45;light" style="width:42%"></div>-->
+<!--          <div class="sleep-seg sleep-seg&#45;&#45;rem" style="width:20%"></div>-->
+<!--          <div class="sleep-seg sleep-seg&#45;&#45;awake" style="width:10%"></div>-->
+<!--        </div>-->
+<!--        <div class="sleep-legend">-->
+<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#1890ff"></div>深睡</div>-->
+<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#91d5ff"></div>浅睡</div>-->
+<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#b37feb"></div>REM</div>-->
+<!--          <div class="sleep-legend__item"><div class="sleep-legend__dot" style="background:#ffd591"></div>清醒</div>-->
+<!--        </div>-->
+      </div>
+      <!-- 心率 -->
+      <div class="monitor-card" onclick="location.href='heart-rate.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#fff1f0">❤️</div>
+            <span class="card-label">心率</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">72<span class="card-unit">bpm</span></div>
+        <div class="card-sub">范围:89~120</div>
+        <div class="card-sync">同步至 04-30 09:37</div>
+<!--        <div class="card-alert-link" onclick="event.stopPropagation();location.href='heart-rate-alerts.html'">-->
+<!--          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>-->
+<!--          查看预警历史-->
+<!--        </div>-->
+      </div>
+      <!-- 体温 -->
+      <div class="monitor-card" onclick="location.href='temperature.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#f9f0ff">🌡️</div>
+            <span class="card-label">体温</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">36.5<span class="card-unit">°C</span></div>
+        <div class="card-sub">范围 36.2~37.1°C</div>
+        <div class="card-sync">同步至 04-30 09:30</div>
+<!--        <div class="card-alert-link" onclick="event.stopPropagation();location.href='temperature-alerts.html'">-->
+<!--          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>-->
+<!--          查看预警历史-->
+<!--        </div>-->
+      </div>
+      <!-- 血氧 -->
+      <div class="monitor-card" onclick="location.href='blood-oxygen.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#f6ffed">💧</div>
+            <span class="card-label">血氧</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">98<span class="card-unit">%</span></div>
+        <div class="card-sub">范围 95~99%</div>
+        <div class="card-sync">同步至 04-30 09:35</div>
+<!--        <div class="card-alert-link" onclick="event.stopPropagation();location.href='blood-oxygen-alerts.html'">-->
+<!--          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>-->
+<!--          查看预警历史-->
+<!--        </div>-->
+      </div>
+      <!-- 压力 -->
+      <div class="monitor-card" onclick="location.href='stress.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#fffbe6">🧠</div>
+            <span class="card-label">压力</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">42</div>
+        <div class="card-sub">范围 18~82</div>
+        <div class="card-sync">同步至 04-30 09:36</div>
+<!--        <div class="card-alert-link" onclick="event.stopPropagation();location.href='stress-alerts.html'">-->
+<!--          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ff4d4f" stroke-width="2"><path d="M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>-->
+<!--          查看预警历史-->
+<!--        </div>-->
+      </div>
+      <!-- 血压 -->
+      <div class="monitor-card" onclick="location.href='blood-pressure.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#fff0f6">🩸</div>
+            <span class="card-label">血压</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">120<span class="card-unit">/</span>78<span class="card-unit"> mmHg</span></div>
+        <div class="card-status card-status--normal">正常</div>
+        <div class="card-sync">同步至 05-12 09:20</div>
+      </div>
+      <!-- 心电图 -->
+      <div class="monitor-card" onclick="location.href='ecg.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#f0f5ff">📈</div>
+            <span class="card-label">心电图</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value" style="font-size:22px">75<span class="card-unit"> 次/分钟 </span></div>
+        <div class="card-status card-status--normal">窦性心律</div>
+        <div class="card-sync">同步至 05-12 08:45</div>
+      </div>
+            <!-- 锻炼 -->
+      <div class="monitor-card" onclick="location.href='exercise.html'">
+        <div class="card-header">
+          <div class="card-header__left">
+            <div class="card-icon" style="background:#fff7e6">🏋️</div>
+            <span class="card-label">锻炼</span>
+          </div>
+          <div class="card-header__right">
+            <div class="card-arrow">
+              <svg viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+            </div>
+          </div>
+        </div>
+        <div class="card-value">680<span class="card-unit">kcal</span></div>
+        <div class="card-sub">锻炼时长：52分钟</div>
+        <div class="card-sync">同步至 05-12 09:20</div>
+      </div>
+    </div>
+  </div>
+  <div class="bottom-safe"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/employee-app/health-monitor/wearable/sleep.html b/employee-app/health-monitor/wearable/sleep.html
new file mode 100644
index 0000000..d245590
--- /dev/null
+++ b/employee-app/health-monitor/wearable/sleep.html
@@ -0,0 +1,357 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+/* Tab */
+.time-tabs { display: flex; background: #fff; padding: 8px 16px 12px; gap: 0; flex-shrink: 0; }
+.time-tab { flex: 1; text-align: center; padding: 6px 0; font-size: 13px; color: #666; cursor: pointer; border-radius: 8px; transition: all 0.2s; }
+.time-tab.active { background: #1890ff; color: #fff; font-weight: 600; }
+/* 日期切换器 */
+.date-switcher { display: flex; align-items: center; justify-content: center; gap: 16px; background: #fff; padding: 10px 16px 14px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.date-switcher__btn { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; }
+.date-switcher__btn svg { width: 14px; height: 14px; }
+.date-switcher__text { font-size: 15px; font-weight: 600; color: #1a1a1a; min-width: 120px; text-align: center; }
+/* 滚动内容区 */
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 睡眠时长卡片 */
+.duration-card { background: #fff; margin: 12px 12px 0; border-radius: 12px; padding: 20px 16px; text-align: center; }
+.duration-card__title { font-size: 13px; color: #999; margin-bottom: 8px; }
+.duration-card__value { font-size: 32px; font-weight: 700; color: #1a1a1a; }
+.duration-card__value span { font-size: 14px; font-weight: 400; color: #666; }
+.duration-card__sub { display: flex; justify-content: center; gap: 32px; margin-top: 12px; }
+.duration-card__sub-item { text-align: center; }
+.duration-card__sub-val { font-size: 15px; font-weight: 600; color: #1a1a1a; }
+.duration-card__sub-label { font-size: 11px; color: #999; margin-top: 2px; }
+/* 通用section */
+.section { margin: 10px 12px 0; background: #fff; border-radius: 12px; padding: 16px; }
+.section-title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 14px; }
+/* Hypnogram */
+.hypnogram-wrap { position: relative; }
+.hypnogram-times { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 11px; color: #666; font-weight: 500; }
+.hypnogram-canvas { width: 100%; height: 120px; display: block; }
+.hypnogram-axis { display: flex; justify-content: space-between; font-size: 10px; color: #bbb; margin-top: 4px; padding: 0 2px; }
+/* 堆积柱状图 */
+.stacked-chart-wrap { position: relative; }
+.stacked-chart { width: 100%; height: 180px; display: block; }
+.stacked-chart-axis-x { display: flex; justify-content: space-around; font-size: 10px; color: #999; margin-top: 6px; }
+/* 图例 */
+.chart-legend { display: flex; justify-content: center; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
+.legend-item { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #666; }
+.legend-dot { width: 8px; height: 8px; border-radius: 50%; }
+/* 阶段时长统计 */
+.stage-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
+.stage-stat-item { flex: 1; min-width: calc(50% - 5px); background: #f8f9fc; border-radius: 10px; padding: 12px; display: flex; align-items: center; gap: 10px; }
+.stage-stat-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.stage-stat-info { flex: 1; }
+.stage-stat-name { font-size: 12px; color: #666; }
+.stage-stat-val { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-top: 2px; }
+/* 视图切换隐藏 */
+.view-day, .view-period { display: none; }
+.view-day.active, .view-period.active { display: block; }
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <div class="icons">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><path d="M1 6l5 5 5-5"/><path d="M4 9l3 3 3-3" opacity="0.5"/></svg>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2"><rect x="1" y="6" width="18" height="12" rx="2"/><path d="M21 10v4"/></svg>
+    </div>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="nav-title">睡眠</div>
+  </div>
+  <!-- Tab -->
+  <div class="time-tabs">
+    <div class="time-tab active" data-view="day">日</div>
+    <div class="time-tab" data-view="week">周</div>
+    <div class="time-tab" data-view="month">月</div>
+    <div class="time-tab" data-view="year">年</div>
+  </div>
+  <!-- 日期切换器 -->
+  <div class="date-switcher">
+    <div class="date-switcher__btn" id="datePrev">
+      <svg viewBox="0 0 24 24" fill="none" stroke="#666" stroke-width="2" stroke-linecap="round"><path d="M15 19l-7-7 7-7"/></svg>
+    </div>
+    <div class="date-switcher__text" id="dateText">5月11日 周日</div>
+    <div class="date-switcher__btn" id="dateNext">
+      <svg viewBox="0 0 24 24" fill="none" stroke="#666" stroke-width="2" stroke-linecap="round"><path d="M9 5l7 7-7 7"/></svg>
+    </div>
+  </div>
+  <!-- 滚动内容区 -->
+  <div class="scroll-content">
+    <!-- ===== 日视图 ===== -->
+    <div class="view-day active" id="viewDay">
+      <div class="duration-card">
+        <div class="duration-card__title">夜间睡眠时长</div>
+        <div class="duration-card__value">7<span>h</span> 42<span>min</span></div>
+
+      </div>
+      <div class="section">
+        <div class="section-title">睡眠阶段</div>
+        <div class="hypnogram-wrap">
+          <div class="hypnogram-times"><span>入睡 23:48</span><span>醒来 07:30</span></div>
+          <canvas class="hypnogram-canvas" id="hypnogramCanvas" width="640" height="240"></canvas>
+          <div class="hypnogram-axis"><span>01:00</span><span>03:00</span><span>05:00</span><span>07:00</span></div>
+        </div>
+        <div class="chart-legend">
+          <div class="legend-item"><div class="legend-dot" style="background:#7c3aed;"></div>深睡</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#a78bfa;"></div>浅睡</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#f87171;"></div>快速眼动</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#fbbf24;"></div>清醒</div>
+        </div>
+        <div class="stage-stats">
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(124,58,237,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">深睡</div><div class="stage-stat-val">2h 08min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(167,139,250,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="2"><path d="M17 18a5 5 0 00-10 0"/><circle cx="12" cy="9" r="4"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">浅睡</div><div class="stage-stat-val">3h 24min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(248,113,113,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v2m0 18v2m11-11h-2M3 12H1"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">快速眼动</div><div class="stage-stat-val">1h 38min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(251,191,36,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fbbf24" stroke-width="2"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">清醒</div><div class="stage-stat-val">32min</div></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- ===== 周/月/年视图 ===== -->
+    <div class="view-period" id="viewPeriod">
+      <div class="duration-card">
+        <div class="duration-card__title" id="periodAvgTitle">日均睡眠时长</div>
+        <div class="duration-card__value" id="periodAvgValue">7<span>h</span> 28<span>min</span></div>
+      </div>
+      <div class="section">
+        <div class="section-title">睡眠趋势</div>
+        <div class="stacked-chart-wrap">
+          <canvas class="stacked-chart" id="stackedChart" width="640" height="360"></canvas>
+          <div class="stacked-chart-axis-x" id="stackedAxisX"></div>
+        </div>
+        <div class="chart-legend">
+          <div class="legend-item"><div class="legend-dot" style="background:#7c3aed;"></div>深睡</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#a78bfa;"></div>浅睡</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#f87171;"></div>快速眼动</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#fbbf24;"></div>清醒</div>
+          <div class="legend-item"><div class="legend-dot" style="background:#38bdf8;"></div>零星小睡</div>
+        </div>
+        <div class="stage-stats" id="periodStats">
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(124,58,237,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">日均深睡</div><div class="stage-stat-val">1h 56min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(167,139,250,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="2"><path d="M17 18a5 5 0 00-10 0"/><circle cx="12" cy="9" r="4"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">日均浅睡</div><div class="stage-stat-val">3h 18min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(248,113,113,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v2m0 18v2m11-11h-2M3 12H1"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">日均快速眼动</div><div class="stage-stat-val">1h 32min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(251,191,36,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fbbf24" stroke-width="2"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">日均清醒</div><div class="stage-stat-val">28min</div></div>
+          </div>
+          <div class="stage-stat-item">
+            <div class="stage-stat-icon" style="background:rgba(56,189,248,0.1);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#38bdf8" stroke-width="2"><path d="M12 3v1m0 16v1m-7-9H4m16 0h1m-2.64-6.36l-.7.7M6.34 17.66l-.7.7m12.02 0l-.7-.7M6.34 6.34l-.7-.7"/><circle cx="12" cy="12" r="4"/></svg></div>
+            <div class="stage-stat-info"><div class="stage-stat-name">日均零星小睡</div><div class="stage-stat-val">14min</div></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+<script>
+/* ---- 状态管理 ---- */
+var currentView = 'day';
+var currentDate = new Date(2026, 4, 11); /* 2026-05-11 */
+var weekDays = ['周日','周一','周二','周三','周四','周五','周六'];
+
+function formatDateText(view, date) {
+  var m = date.getMonth() + 1, d = date.getDate();
+  if (view === 'day') return m + '月' + d + '日 ' + weekDays[date.getDay()];
+  if (view === 'week') {
+    var start = new Date(date); start.setDate(date.getDate() - date.getDay() + 1);
+    var end = new Date(start); end.setDate(start.getDate() + 6);
+    return (start.getMonth()+1) + '/' + start.getDate() + ' - ' + (end.getMonth()+1) + '/' + end.getDate();
+  }
+  if (view === 'month') return date.getFullYear() + '年' + m + '月';
+  return date.getFullYear() + '年';
+}
+
+function updateDateDisplay() {
+  document.getElementById('dateText').textContent = formatDateText(currentView, currentDate);
+}
+
+function switchView(view) {
+  currentView = view;
+  document.getElementById('viewDay').classList.toggle('active', view === 'day');
+  document.getElementById('viewPeriod').classList.toggle('active', view !== 'day');
+  updateDateDisplay();
+  if (view !== 'day') drawStackedChart(view);
+}
+
+/* 日期前后切换 */
+document.getElementById('datePrev').onclick = function() {
+  if (currentView === 'day') currentDate.setDate(currentDate.getDate() - 1);
+  else if (currentView === 'week') currentDate.setDate(currentDate.getDate() - 7);
+  else if (currentView === 'month') currentDate.setMonth(currentDate.getMonth() - 1);
+  else currentDate.setFullYear(currentDate.getFullYear() - 1);
+  updateDateDisplay();
+};
+document.getElementById('dateNext').onclick = function() {
+  if (currentView === 'day') currentDate.setDate(currentDate.getDate() + 1);
+  else if (currentView === 'week') currentDate.setDate(currentDate.getDate() + 7);
+  else if (currentView === 'month') currentDate.setMonth(currentDate.getMonth() + 1);
+  else currentDate.setFullYear(currentDate.getFullYear() + 1);
+  updateDateDisplay();
+};
+
+/* Tab切换 */
+document.querySelectorAll('.time-tab').forEach(function(tab) {
+  tab.onclick = function() {
+    document.querySelectorAll('.time-tab').forEach(function(t) { t.classList.remove('active'); });
+    tab.classList.add('active');
+    switchView(tab.dataset.view);
+  };
+});
+
+/* ---- Hypnogram 日视图 ---- */
+(function() {
+  var canvas = document.getElementById('hypnogramCanvas');
+  var ctx = canvas.getContext('2d');
+  var W = canvas.width, H = canvas.height;
+  var padT = 10, padB = 10, chartH = H - padT - padB;
+  var stages = [
+    0,0,2,2,2,2,3,3,3,3,3,2,2,1,1,1,0,0,2,2,2,3,3,3,3,3,3,2,2,1,1,1,1,0,
+    2,2,2,2,3,3,3,3,3,2,2,2,1,1,1,0,0,2,2,2,3,3,3,3,2,2,1,1,1,1,0,
+    2,2,2,2,2,3,3,3,3,3,3,2,2,2,1,1,1,1,0,0,2,2,2,2,3,3,3,3,3,2,2,1,1,1,0,
+    2,2,2,2,2,2,3,3,3,3,3,3,2,2,1,1,1,1,0,0,2,2,2,3,3,3,3,2,2,1,1,0,
+    2,2,2,2,3,3,3,3,3,2,2,2,1,1,1,1,0,2,2,2,2,2,3,3,3,2,2,1,1,1,0,0,
+    2,2,2,2,2,1,1,1,1,2,2,2,2,1,1,1,0,2,2,2,2,1,1,1,1,2,2,2,1,1,0,0,0
+  ];
+  var colors = { 0:'#fbbf24', 1:'#f87171', 2:'#a78bfa', 3:'#7c3aed' };
+  var levelH = chartH / 4;
+  var n = stages.length, barW = W / n;
+  for (var i = 0; i < n; i++) {
+    var s = stages[i];
+    ctx.fillStyle = colors[s];
+    ctx.fillRect(i * barW, padT + s * levelH, barW + 0.5, chartH - s * levelH);
+  }
+})();
+
+/* ---- 堆积柱状图 (周/月/年) ---- */
+function drawStackedChart(view) {
+  var canvas = document.getElementById('stackedChart');
+  var ctx = canvas.getContext('2d');
+  var W = canvas.width, H = canvas.height;
+  ctx.clearRect(0, 0, W, H);
+
+  var padL = 30, padR = 10, padT = 10, padB = 20;
+  var chartW = W - padL - padR, chartH = H - padT - padB;
+  var maxHours = 12;
+
+  /* 模拟数据生成 */
+  var data = [], labels = [];
+  var count = view === 'week' ? 7 : view === 'month' ? 30 : 12;
+  for (var i = 0; i < count; i++) {
+    var deep = 1.5 + Math.random() * 1.2;
+    var light = 2.5 + Math.random() * 1.5;
+    var rem = 0.8 + Math.random() * 1.0;
+    var awake = 0.2 + Math.random() * 0.5;
+    var nap = Math.random() > 0.6 ? 0.2 + Math.random() * 0.4 : 0;
+    data.push([deep, light, rem, awake, nap]);
+    if (view === 'week') labels.push(weekDays[(i + 1) % 7]);
+    else if (view === 'month') labels.push(i % 5 === 0 ? (i + 1) + '日' : '');
+    else labels.push((i + 1) + '月');
+  }
+
+  var colors = ['#7c3aed','#a78bfa','#f87171','#fbbf24','#38bdf8'];
+  var barGap = view === 'month' ? 2 : 6;
+  var barW = (chartW - barGap * count) / count;
+
+  /* Y轴网格线和标签 */
+  ctx.strokeStyle = 'rgba(0,0,0,0.06)';
+  ctx.lineWidth = 1;
+  ctx.fillStyle = '#999';
+  ctx.font = '20px sans-serif';
+  ctx.textAlign = 'right';
+  for (var h = 0; h <= maxHours; h += 3) {
+    var y = padT + chartH - (h / maxHours) * chartH;
+    ctx.beginPath(); ctx.moveTo(padL, y); ctx.lineTo(padL + chartW, y); ctx.stroke();
+    ctx.fillText(h.toString(), padL - 6, y + 5);
+  }
+
+  /* 绘制柱子 */
+  for (var i = 0; i < count; i++) {
+    var x = padL + i * (barW + barGap) + barGap / 2;
+    var yBase = padT + chartH;
+    for (var j = 0; j < 5; j++) {
+      var segH = (data[i][j] / maxHours) * chartH;
+      if (segH < 0.5) continue;
+      yBase -= segH;
+      ctx.fillStyle = colors[j];
+      /* 最顶层圆角 */
+      if (j === 4 || (j < 4 && data[i].slice(j+1).reduce(function(a,b){return a+b;},0) < 0.01)) {
+        roundRect(ctx, x, yBase, barW, segH, 3);
+      } else {
+        ctx.fillRect(x, yBase, barW, segH);
+      }
+    }
+  }
+
+  /* X轴标签 */
+  var axisEl = document.getElementById('stackedAxisX');
+  axisEl.innerHTML = '';
+  var step = view === 'month' ? 5 : 1;
+  for (var i = 0; i < count; i += step) {
+    if (labels[i]) {
+      var span = document.createElement('span');
+      span.textContent = labels[i];
+      axisEl.appendChild(span);
+    }
+  }
+}
+
+function roundRect(ctx, x, y, w, h, r) {
+  if (h < r * 2) r = h / 2;
+  ctx.beginPath();
+  ctx.moveTo(x + r, y);
+  ctx.lineTo(x + w - r, y);
+  ctx.quadraticCurveTo(x + w, y, x + w, y + r);
+  ctx.lineTo(x + w, y + h);
+  ctx.lineTo(x, y + h);
+  ctx.lineTo(x, y + r);
+  ctx.quadraticCurveTo(x, y, x + r, y);
+  ctx.closePath();
+  ctx.fill();
+}
+
+/* 初始化 */
+updateDateDisplay();
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/steps.html b/employee-app/health-monitor/wearable/steps.html
similarity index 100%
rename from employee-app/health-monitor/steps.html
rename to employee-app/health-monitor/wearable/steps.html
diff --git a/employee-app/health-monitor/stress-alerts.html b/employee-app/health-monitor/wearable/stress-alerts.html
similarity index 100%
rename from employee-app/health-monitor/stress-alerts.html
rename to employee-app/health-monitor/wearable/stress-alerts.html
diff --git a/employee-app/health-monitor/stress.html b/employee-app/health-monitor/wearable/stress.html
similarity index 100%
rename from employee-app/health-monitor/stress.html
rename to employee-app/health-monitor/wearable/stress.html
diff --git a/employee-app/health-monitor/temperature-alerts.html b/employee-app/health-monitor/wearable/temperature-alerts.html
similarity index 100%
rename from employee-app/health-monitor/temperature-alerts.html
rename to employee-app/health-monitor/wearable/temperature-alerts.html
diff --git a/employee-app/health-monitor/temperature.html b/employee-app/health-monitor/wearable/temperature.html
similarity index 100%
rename from employee-app/health-monitor/temperature.html
rename to employee-app/health-monitor/wearable/temperature.html
diff --git a/employee-app/health-monitor/weight/history.html b/employee-app/health-monitor/weight/history.html
new file mode 100644
index 0000000..81901dc
--- /dev/null
+++ b/employee-app/health-monitor/weight/history.html
@@ -0,0 +1,360 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* Tab 栏 */
+.tab-bar { display: flex; background: #fff; padding: 0 16px; gap: 0; border-bottom: 1px solid #f0f0f0; }
+.tab-item { flex: 1; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #999; cursor: pointer; position: relative; transition: color 0.2s; }
+.tab-item.active { color: #667eea; font-weight: 600; }
+.tab-item.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: #667eea; border-radius: 2px; }
+/* 切换按钮 */
+.view-switch { display: flex; align-items: center; justify-content: flex-end; padding: 12px 16px 0; gap: 8px; }
+.switch-btn { width: 36px; height: 36px; border: 1px solid #e8e8e8; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s; }
+.switch-btn.active { background: #667eea; border-color: #667eea; }
+.switch-btn.active svg path, .switch-btn.active svg rect, .switch-btn.active svg line { stroke: #fff; }
+/* 统计卡片 */
+.stats-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 8px; padding: 12px 16px; }
+.stats-item { background: #fff; border-radius: 10px; padding: 12px 8px; text-align: center; }
+.stats-item__label { font-size: 11px; color: #999; margin-bottom: 4px; }
+.stats-item__value { font-size: 16px; font-weight: 700; color: #1a1a1a; }
+.stats-item__unit { font-size: 10px; color: #999; margin-left: 1px; }
+.stats-item--change .stats-item__value { color: #52c41a; }
+/* 趋势图区域 */
+.chart-area { margin: 0 16px 12px; background: #fff; border-radius: 16px; padding: 16px; }
+.chart-title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 12px; }
+.chart-wrapper { position: relative; height: 200px; }
+.chart-y-axis { position: absolute; left: 0; top: 0; bottom: 20px; width: 36px; display: flex; flex-direction: column; justify-content: space-between; }
+.chart-y-label { font-size: 10px; color: #999; text-align: right; }
+.chart-grid { position: absolute; left: 40px; right: 0; top: 0; bottom: 20px; }
+.chart-grid-line { position: absolute; left: 0; right: 0; height: 1px; background: #f0f0f0; }
+.chart-line { position: absolute; left: 40px; right: 0; top: 0; bottom: 20px; }
+.chart-svg { width: 100%; height: 100%; }
+.chart-x-axis { position: absolute; left: 40px; right: 0; bottom: 0; height: 20px; display: flex; justify-content: space-between; }
+.chart-x-label { font-size: 10px; color: #999; text-align: center; }
+/* 趋势图节点 */
+.chart-dot { cursor: pointer; transition: r 0.15s; }
+.chart-dot:hover { r: 6; }
+/* Tip 弹窗 */
+.chart-tip { position: absolute; background: #fff; border-radius: 10px; padding: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #f0f0f0; z-index: 10; min-width: 150px; display: none; }
+.chart-tip.show { display: block; }
+.chart-tip__title { font-size: 12px; color: #999; margin-bottom: 8px; }
+.chart-tip__row { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; }
+.chart-tip__label { font-size: 12px; color: #666; }
+.chart-tip__value { font-size: 13px; font-weight: 600; color: #1a1a1a; }
+.chart-tip__close { position: absolute; top: 6px; right: 8px; font-size: 14px; color: #ccc; cursor: pointer; line-height: 1; }
+/* 列表模式 */
+.list-area { margin: 0 16px 12px; }
+.list-item { background: #fff; border-radius: 12px; padding: 14px 16px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: transform 0.15s; text-decoration: none; }
+.list-item:active { transform: scale(0.98); }
+.list-item__left { flex: 1; min-width: 0; }
+.list-item__time { font-size: 14px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; }
+.list-item__metrics { display: flex; gap: 12px; }
+.list-item__metric { font-size: 12px; color: #999; }
+.list-item__metric strong { color: #1a1a1a; font-weight: 600; }
+.list-item__top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+.list-item__time { margin-bottom: 0; }
+.device-tag { display: inline-flex; align-items: center; font-size: 10px; padding: 1px 6px; border-radius: 4px; font-weight: 500; flex-shrink: 0; }
+.device-tag--scale { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
+.device-tag--bluetooth { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
+.device-tag--fat { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591; }
+.list-item__arrow { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">历史数据</div>
+  </div>
+  <!-- Tab -->
+  <div class="tab-bar">
+    <div class="tab-item active" onclick="switchTab(this)">近7天</div>
+    <div class="tab-item" onclick="switchTab(this)">近30天</div>
+    <div class="tab-item" onclick="switchTab(this)">近3个月</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 切换按钮 -->
+    <div class="view-switch">
+      <div class="switch-btn active" id="btnChart" onclick="switchView('chart')">
+        <svg width="18" height="18" fill="none"><path d="M2 14l4-5 3 3 5-7" stroke="#666" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </div>
+      <div class="switch-btn" id="btnList" onclick="switchView('list')">
+        <svg width="18" height="18" fill="none"><line x1="3" y1="5" x2="15" y2="5" stroke="#666" stroke-width="1.8" stroke-linecap="round"/><line x1="3" y1="9" x2="15" y2="9" stroke="#666" stroke-width="1.8" stroke-linecap="round"/><line x1="3" y1="13" x2="15" y2="13" stroke="#666" stroke-width="1.8" stroke-linecap="round"/></svg>
+      </div>
+    </div>
+    <!-- 统计 -->
+    <div class="stats-row">
+      <div class="stats-item">
+        <div class="stats-item__label">最高</div>
+        <div class="stats-item__value">73.2<span class="stats-item__unit">kg</span></div>
+      </div>
+      <div class="stats-item">
+        <div class="stats-item__label">最低</div>
+        <div class="stats-item__value">71.8<span class="stats-item__unit">kg</span></div>
+      </div>
+      <div class="stats-item">
+        <div class="stats-item__label">平均</div>
+        <div class="stats-item__value">72.4<span class="stats-item__unit">kg</span></div>
+      </div>
+      <div class="stats-item stats-item--change">
+        <div class="stats-item__label">变化</div>
+        <div class="stats-item__value">-0.7<span class="stats-item__unit">kg</span></div>
+      </div>
+    </div>
+    <!-- 趋势图 -->
+    <div class="chart-area" id="chartArea">
+      <div class="chart-title">体重趋势</div>
+      <div class="chart-wrapper" id="chartWrapper">
+        <div class="chart-y-axis">
+          <span class="chart-y-label">74</span>
+          <span class="chart-y-label">73</span>
+          <span class="chart-y-label">72</span>
+          <span class="chart-y-label">71</span>
+        </div>
+        <div class="chart-grid">
+          <div class="chart-grid-line" style="top:0%"></div>
+          <div class="chart-grid-line" style="top:33.3%"></div>
+          <div class="chart-grid-line" style="top:66.6%"></div>
+          <div class="chart-grid-line" style="top:100%"></div>
+        </div>
+        <div class="chart-line">
+          <svg class="chart-svg" viewBox="0 0 300 160" preserveAspectRatio="none">
+            <defs>
+              <linearGradient id="areaGrad" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stop-color="#667eea" stop-opacity="0.3"/>
+                <stop offset="100%" stop-color="#667eea" stop-opacity="0.02"/>
+              </linearGradient>
+            </defs>
+            <!-- 面积 -->
+            <polygon points="0,80 50,53 100,107 150,40 200,67 250,27 300,53 300,160 0,160" fill="url(#areaGrad)"/>
+            <!-- 线条 -->
+            <polyline points="0,80 50,53 100,107 150,40 200,67 250,27 300,53" fill="none" stroke="#667eea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <!-- 节点 -->
+            <circle class="chart-dot" cx="0" cy="80" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,0)"/>
+            <circle class="chart-dot" cx="50" cy="53" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,1)"/>
+            <circle class="chart-dot" cx="100" cy="107" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,2)"/>
+            <circle class="chart-dot" cx="150" cy="40" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,3)"/>
+            <circle class="chart-dot" cx="200" cy="67" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,4)"/>
+            <circle class="chart-dot" cx="250" cy="27" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,5)"/>
+            <circle class="chart-dot" cx="300" cy="53" r="4" fill="#667eea" stroke="#fff" stroke-width="2" onclick="showTip(event,6)"/>
+          </svg>
+        </div>
+        <div class="chart-x-axis">
+          <span class="chart-x-label">5/8</span>
+          <span class="chart-x-label">5/9</span>
+          <span class="chart-x-label">5/10</span>
+          <span class="chart-x-label">5/11</span>
+          <span class="chart-x-label">5/12</span>
+          <span class="chart-x-label">5/13</span>
+          <span class="chart-x-label">5/14</span>
+        </div>
+        <!-- Tip -->
+        <div class="chart-tip" id="chartTip">
+          <span class="chart-tip__close" onclick="hideTip()">&times;</span>
+          <div class="chart-tip__title" id="tipDate"></div>
+          <div class="chart-tip__row"><span class="chart-tip__label">设备来源</span><span class="chart-tip__value" id="tipDevice"></span></div>
+          <div class="chart-tip__row"><span class="chart-tip__label">体重</span><span class="chart-tip__value" id="tipWeight"></span></div>
+          <div class="chart-tip__row"><span class="chart-tip__label">BMI</span><span class="chart-tip__value" id="tipBmi"></span></div>
+          <div class="chart-tip__row"><span class="chart-tip__label">体脂率</span><span class="chart-tip__value" id="tipFat"></span></div>
+        </div>
+      </div>
+    </div>
+    <!-- 列表模式 -->
+    <div class="list-area" id="listArea" style="display:none">
+      <a class="list-item" href="report-detail.html?device=fat">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-14  08:30</div>
+            <span class="device-tag device-tag--fat">体脂仪</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>72.5kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.7</strong></span>
+            <span class="list-item__metric">体脂率 <strong>18.5%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=bluetooth">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-13  07:55</div>
+            <span class="device-tag device-tag--bluetooth">蓝牙秤</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>72.8kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.8</strong></span>
+            <span class="list-item__metric">体脂率 <strong>18.8%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=scale">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-12  08:10</div>
+            <span class="device-tag device-tag--scale">体重秤</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>71.8kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.4</strong></span>
+            <span class="list-item__metric">体脂率 <strong>17.9%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=fat">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-11  09:20</div>
+            <span class="device-tag device-tag--fat">体脂仪</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>73.2kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.9</strong></span>
+            <span class="list-item__metric">体脂率 <strong>19.1%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=bluetooth">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-10  08:40</div>
+            <span class="device-tag device-tag--bluetooth">蓝牙秤</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>72.3kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.6</strong></span>
+            <span class="list-item__metric">体脂率 <strong>18.3%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=scale">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-09  07:30</div>
+            <span class="device-tag device-tag--scale">体重秤</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>72.9kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.8</strong></span>
+            <span class="list-item__metric">体脂率 <strong>18.6%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+      <a class="list-item" href="report-detail.html?device=fat">
+        <div class="list-item__left">
+          <div class="list-item__top">
+            <div class="list-item__time">2026-05-08  08:15</div>
+            <span class="device-tag device-tag--fat">体脂仪</span>
+          </div>
+          <div class="list-item__metrics">
+            <span class="list-item__metric">体重 <strong>72.5kg</strong></span>
+            <span class="list-item__metric">BMI <strong>23.7</strong></span>
+            <span class="list-item__metric">体脂率 <strong>18.5%</strong></span>
+          </div>
+        </div>
+        <div class="list-item__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+      </a>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+<script>
+/* Tab 切换 */
+function switchTab(el) {
+  var tabs = el.parentElement.querySelectorAll('.tab-item');
+  tabs.forEach(function(t) { t.classList.remove('active'); });
+  el.classList.add('active');
+}
+/* 图表/列表切换 */
+function switchView(mode) {
+  var chartArea = document.getElementById('chartArea');
+  var listArea = document.getElementById('listArea');
+  var btnChart = document.getElementById('btnChart');
+  var btnList = document.getElementById('btnList');
+  if (mode === 'chart') {
+    chartArea.style.display = 'block';
+    listArea.style.display = 'none';
+    btnChart.classList.add('active');
+    btnList.classList.remove('active');
+  } else {
+    chartArea.style.display = 'none';
+    listArea.style.display = 'block';
+    btnChart.classList.remove('active');
+    btnList.classList.add('active');
+  }
+  hideTip();
+}
+/* Tip 数据 */
+var tipData = [
+  { date:'2026-05-08', device:'体脂仪', weight:'72.5kg', bmi:'23.7', fat:'18.5%' },
+  { date:'2026-05-09', device:'体重秤', weight:'72.9kg', bmi:'23.8', fat:'18.6%' },
+  { date:'2026-05-10', device:'蓝牙秤', weight:'71.8kg', bmi:'23.4', fat:'17.9%' },
+  { date:'2026-05-11', device:'体脂仪', weight:'73.2kg', bmi:'23.9', fat:'19.1%' },
+  { date:'2026-05-12', device:'体重秤', weight:'72.3kg', bmi:'23.6', fat:'18.3%' },
+  { date:'2026-05-13', device:'蓝牙秤', weight:'72.8kg', bmi:'23.8', fat:'18.8%' },
+  { date:'2026-05-14', device:'体脂仪', weight:'72.5kg', bmi:'23.7', fat:'18.5%' }
+];
+function showTip(e, idx) {
+  e.stopPropagation();
+  var tip = document.getElementById('chartTip');
+  var d = tipData[idx];
+  document.getElementById('tipDate').textContent = d.date;
+  document.getElementById('tipDevice').textContent = d.device;
+  document.getElementById('tipWeight').textContent = d.weight;
+  document.getElementById('tipBmi').textContent = d.bmi;
+  document.getElementById('tipFat').textContent = d.fat;
+  /* 定位 */
+  var wrapper = document.getElementById('chartWrapper');
+  var rect = wrapper.getBoundingClientRect();
+  var dotRect = e.target.getBoundingClientRect();
+  var left = dotRect.left - rect.left - 60;
+  var top = dotRect.top - rect.top + 16;
+  if (left < 0) left = 4;
+  if (left > rect.width - 160) left = rect.width - 164;
+  tip.style.left = left + 'px';
+  tip.style.top = top + 'px';
+  tip.classList.add('show');
+}
+function hideTip() {
+  document.getElementById('chartTip').classList.remove('show');
+}
+/* 点击空白关闭 */
+document.addEventListener('click', function(e) {
+  if (!e.target.closest('.chart-tip') && !e.target.closest('.chart-dot')) {
+    hideTip();
+  }
+});
+</script>
+</body>
+</html>
diff --git a/employee-app/health-monitor/weight/index.html b/employee-app/health-monitor/weight/index.html
new file mode 100644
index 0000000..1fe2fd1
--- /dev/null
+++ b/employee-app/health-monitor/weight/index.html
@@ -0,0 +1,192 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; padding: 12px; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 最近测量卡片 */
+.measure-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; padding: 20px; color: #fff; position: relative; overflow: hidden; margin-bottom: 12px; }
+.measure-card::after { content: ''; position: absolute; top: -40px; right: -40px; width: 140px; height: 140px; background: rgba(255,255,255,0.08); border-radius: 50%; }
+.measure-card__label { font-size: 12px; opacity: 0.8; margin-bottom: 4px; }
+.measure-card__time { font-size: 13px; opacity: 0.9; margin-bottom: 16px; display: flex; align-items: center; gap: 6px; }
+.measure-card__time svg { opacity: 0.7; }
+.measure-card__main { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 16px; }
+.measure-card__weight { display: flex; align-items: baseline; gap: 4px; }
+.measure-card__weight-num { font-size: 48px; font-weight: 800; line-height: 1; }
+.measure-card__weight-unit { font-size: 16px; opacity: 0.8; }
+.measure-card__change { display: flex; align-items: center; gap: 4px; font-size: 13px; padding: 4px 10px; border-radius: 20px; background: rgba(255,255,255,0.15); }
+.measure-card__change--down { color: #a5f3c4; }
+.measure-card__change--up { color: #fca5a5; }
+.measure-card__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+.stat-item { background: rgba(255,255,255,0.12); border-radius: 10px; padding: 12px; }
+.stat-item__label { font-size: 11px; opacity: 0.7; margin-bottom: 4px; }
+.stat-item__value { font-size: 18px; font-weight: 700; }
+.stat-item__unit { font-size: 11px; opacity: 0.7; margin-left: 2px; }
+/* 详细信息 */
+.detail-section { background: #fff; border-radius: 16px; padding: 16px; margin-bottom: 12px; }
+.detail-section__title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
+.detail-section__title::before { content: ''; width: 3px; height: 16px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 2px; }
+.detail-grid { display: flex; flex-direction: column; gap: 0; }
+.detail-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }
+.detail-row:last-child { border-bottom: none; }
+.detail-row__left { display: flex; align-items: center; gap: 10px; }
+.detail-row__icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.detail-row__icon--fat { background: #fff3e0; }
+.detail-row__icon--fat-mass { background: #fce4ec; }
+.detail-row__icon--bmr { background: #e8f5e9; }
+.detail-row__info { display: flex; flex-direction: column; }
+.detail-row__label { font-size: 14px; color: #1a1a1a; font-weight: 500; }
+.detail-row__sub { font-size: 11px; color: #999; margin-top: 2px; }
+.detail-row__right { display: flex; align-items: baseline; gap: 2px; }
+.detail-row__value { font-size: 18px; font-weight: 700; color: #1a1a1a; }
+.detail-row__unit { font-size: 12px; color: #999; }
+/* 查看历史按钮 */
+.btn-history { width: 100%; height: 48px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 24px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: transform 0.15s; margin-bottom: 12px; }
+.btn-history:active { transform: scale(0.97); }
+/* 健康建议 */
+.advice-card { background: #fff; border-radius: 16px; padding: 16px; margin-bottom: 12px; }
+.advice-card__title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
+.advice-card__title::before { content: ''; width: 3px; height: 16px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 2px; }
+.advice-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
+.advice-item:last-child { border-bottom: none; }
+.advice-item__icon { font-size: 20px; flex-shrink: 0; line-height: 1.4; }
+.advice-item__text { font-size: 13px; color: #666; line-height: 1.6; }
+.advice-item__text strong { color: #1a1a1a; font-weight: 600; }
+/* 底部安全区 */
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='../index.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">体重监测</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 最近测量 -->
+    <div class="measure-card">
+      <div class="measure-card__label">最近一次测量</div>
+      <div class="measure-card__time">
+        <svg width="14" height="14" fill="none"><circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="1.5"/><path d="M7 4v3.5l2.5 1.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+        2026-05-14 08:30
+      </div>
+      <div class="measure-card__main">
+        <div class="measure-card__weight">
+          <span class="measure-card__weight-num">72.5</span>
+          <span class="measure-card__weight-unit">kg</span>
+        </div>
+        <div class="measure-card__change measure-card__change--down">
+          <svg width="12" height="12" fill="none"><path d="M6 2v8M3 7l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          较上次 -0.3kg
+        </div>
+      </div>
+      <div class="measure-card__stats">
+        <div class="stat-item">
+          <div class="stat-item__label">身高</div>
+          <div class="stat-item__value">175<span class="stat-item__unit">cm</span></div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-item__label">BMI</div>
+          <div class="stat-item__value">23.7<span class="stat-item__unit">正常</span></div>
+        </div>
+      </div>
+    </div>
+    <!-- 详细信息 -->
+    <div class="detail-section">
+<!--      <div class="detail-section__title">详细信息</div>-->
+      <div class="detail-grid">
+        <div class="detail-row">
+          <div class="detail-row__left">
+            <div class="detail-row__icon detail-row__icon--fat">
+              <svg width="20" height="20" fill="none"><circle cx="10" cy="10" r="8" stroke="#f57c00" stroke-width="2"/><path d="M10 6v4M10 12.5v.5" stroke="#f57c00" stroke-width="2" stroke-linecap="round"/></svg>
+            </div>
+            <div class="detail-row__info">
+              <div class="detail-row__label">体脂率</div>
+              <div class="detail-row__sub">正常范围 10-20%</div>
+            </div>
+          </div>
+          <div class="detail-row__right">
+            <span class="detail-row__value">18.5</span>
+            <span class="detail-row__unit">%</span>
+          </div>
+        </div>
+        <div class="detail-row">
+          <div class="detail-row__left">
+            <div class="detail-row__icon detail-row__icon--fat-mass">
+              <svg width="20" height="20" fill="none"><rect x="3" y="6" width="14" height="10" rx="2" stroke="#e91e63" stroke-width="1.8"/><path d="M7 6V4a3 3 0 0 1 6 0v2" stroke="#e91e63" stroke-width="1.8" stroke-linecap="round"/></svg>
+            </div>
+            <div class="detail-row__info">
+              <div class="detail-row__label">体脂肪量</div>
+              <div class="detail-row__sub">正常范围 8-15kg</div>
+            </div>
+          </div>
+          <div class="detail-row__right">
+            <span class="detail-row__value">13.4</span>
+            <span class="detail-row__unit">kg</span>
+          </div>
+        </div>
+        <div class="detail-row">
+          <div class="detail-row__left">
+            <div class="detail-row__icon detail-row__icon--bmr">
+              <svg width="20" height="20" fill="none"><path d="M4 14l3-4 3 2 3-5 3 3" stroke="#4caf50" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            </div>
+            <div class="detail-row__info">
+              <div class="detail-row__label">基础代谢</div>
+              <div class="detail-row__sub">每日静息消耗</div>
+            </div>
+          </div>
+          <div class="detail-row__right">
+            <span class="detail-row__value">1,685</span>
+            <span class="detail-row__unit">kcal</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 查看历史 -->
+    <button class="btn-history" onclick="location.href='history.html'">
+      <svg width="18" height="18" fill="none"><path d="M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1z" stroke="#fff" stroke-width="1.8"/><path d="M9 4.5V9l3 2" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      查看历史数据
+    </button>
+    <!-- 健康建议 -->
+    <div class="advice-card">
+      <div class="advice-card__title">健康建议</div>
+      <div class="advice-item">
+        <span class="advice-item__icon">💪</span>
+        <span class="advice-item__text"><strong>BMI 正常</strong>，您的体重在健康范围内，继续保持规律运动和均衡饮食。</span>
+      </div>
+      <div class="advice-item">
+        <span class="advice-item__icon">🥗</span>
+        <span class="advice-item__text"><strong>体脂率达标</strong>，建议每周进行3-5次有氧运动，每次30分钟以上。</span>
+      </div>
+      <div class="advice-item">
+        <span class="advice-item__icon">💧</span>
+        <span class="advice-item__text">每日饮水量建议 <strong>2000-2500ml</strong>，有助于维持基础代谢水平。</span>
+      </div>
+    </div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/employee-app/health-monitor/weight/report-detail.html b/employee-app/health-monitor/weight/report-detail.html
new file mode 100644
index 0000000..2edf8af
--- /dev/null
+++ b/employee-app/health-monitor/weight/report-detail.html
@@ -0,0 +1,285 @@
+<!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>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
+.phone-shell { width: 390px; height: 844px; background: #f5f7fa; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; }
+.status-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; background: #fff; }
+.status-bar .time { font-size: 15px; font-weight: 700; color: #333; }
+.status-bar .icons { display: flex; gap: 6px; align-items: center; }
+.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
+.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; padding: 12px; }
+.scroll-content::-webkit-scrollbar { display: none; }
+/* 头部 */
+.report-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; padding: 20px; color: #fff; margin-bottom: 12px; position: relative; overflow: hidden; }
+.report-header::after { content: ''; position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; background: rgba(255,255,255,0.08); border-radius: 50%; }
+.report-header__top { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
+.report-header__time { font-size: 13px; opacity: 0.8; display: flex; align-items: center; gap: 6px; }
+.device-tag { display: inline-flex; align-items: center; font-size: 10px; padding: 2px 8px; border-radius: 4px; font-weight: 500; }
+.device-tag--scale { background: rgba(24,144,255,0.2); color: #91d5ff; }
+.device-tag--bluetooth { background: rgba(82,196,26,0.2); color: #b7eb8f; }
+.device-tag--fat { background: rgba(250,140,22,0.2); color: #ffd591; }
+.report-header__main { display: flex; align-items: center; gap: 20px; }
+.report-header__weight { display: flex; align-items: baseline; gap: 4px; }
+.report-header__weight-num { font-size: 42px; font-weight: 800; line-height: 1; }
+.report-header__weight-unit { font-size: 16px; opacity: 0.8; }
+.report-header__tags { display: flex; flex-direction: column; gap: 6px; }
+.report-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; }
+.report-tag--normal { background: rgba(82,196,26,0.2); color: #a5f3c4; }
+.report-tag--change { background: rgba(255,255,255,0.15); }
+/* 数据分类 */
+.data-section { background: #fff; border-radius: 16px; padding: 16px; margin-bottom: 12px; }
+.data-section__title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
+.data-section__title::before { content: ''; width: 3px; height: 16px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 2px; }
+.data-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
+.data-cell { padding: 12px; border-bottom: 1px solid #f5f5f5; }
+.data-cell:nth-child(odd) { border-right: 1px solid #f5f5f5; }
+.data-cell:nth-last-child(-n+2) { border-bottom: none; }
+.data-cell__label { font-size: 12px; color: #999; margin-bottom: 4px; }
+.data-cell__value { font-size: 18px; font-weight: 700; color: #1a1a1a; }
+.data-cell__unit { font-size: 11px; color: #999; margin-left: 2px; }
+.data-cell__status { display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 4px; margin-left: 4px; }
+.data-cell__status--normal { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
+.data-cell__status--high { background: #fff2f0; color: #ff4d4f; border: 1px solid #ffccc7; }
+.data-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }
+.data-row:last-child { border-bottom: none; }
+.data-row__label { font-size: 14px; color: #666; }
+.data-row__right { display: flex; align-items: center; gap: 6px; }
+.data-row__value { font-size: 16px; font-weight: 700; color: #1a1a1a; }
+.data-row__unit { font-size: 12px; color: #999; }
+/* BMI 指示条 */
+.bmi-bar { margin-top: 12px; }
+.bmi-bar__track { height: 8px; border-radius: 4px; background: linear-gradient(90deg, #52c41a 0%, #52c41a 35%, #fadb14 35%, #fadb14 55%, #fa8c16 55%, #fa8c16 75%, #ff4d4f 75%, #ff4d4f 100%); position: relative; }
+.bmi-bar__pointer { position: absolute; top: -4px; width: 16px; height: 16px; background: #fff; border: 3px solid #667eea; border-radius: 50%; transform: translateX(-50%); box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
+.bmi-bar__labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 10px; color: #999; }
+/* 节段数据表格 */
+.seg-table { width: 100%; border-collapse: collapse; font-size: 13px; }
+.seg-table th { font-weight: 500; color: #999; text-align: center; padding: 8px 4px; border-bottom: 1px solid #f0f0f0; }
+.seg-table td { text-align: center; padding: 8px 4px; border-bottom: 1px solid #f5f5f5; color: #1a1a1a; font-weight: 600; }
+.seg-table tr:last-child td { border-bottom: none; }
+.seg-table td:first-child { text-align: left; color: #666; font-weight: 400; }
+.bottom-safe { height: 20px; flex-shrink: 0; }
+</style>
+</head>
+<body>
+<div class="phone-shell">
+  <div class="status-bar">
+    <span class="time">9:41</span>
+    <span class="icons">
+      <svg width="16" height="16" fill="none"><rect x="1" y="4" width="3" height="8" rx="1" fill="#333"/><rect x="5" y="3" width="3" height="9" rx="1" fill="#333"/><rect x="9" y="1" width="3" height="11" rx="1" fill="#333"/><rect x="13" y="0" width="3" height="12" rx="1" fill="#333" opacity=".3"/></svg>
+      <svg width="16" height="16" fill="none"><path d="M8 3C5.5 3 3.2 4 1.5 5.5l1.4 1.4C4.3 5.5 6.1 5 8 5s3.7.5 5.1 1.9l1.4-1.4C12.8 4 10.5 3 8 3zm0 4c-1.4 0-2.6.5-3.5 1.3L6 9.8c.6-.5 1.3-.8 2-.8s1.4.3 2 .8l1.5-1.5C10.6 7.5 9.4 7 8 7zm0 4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" fill="#333"/></svg>
+      <svg width="22" height="12" fill="none"><rect x=".5" y=".5" width="19" height="11" rx="2" stroke="#333"/><rect x="20" y="3.5" width="1.5" height="5" rx=".75" fill="#333"/><rect x="2" y="2" width="14" height="8" rx="1" fill="#333"/></svg>
+    </span>
+  </div>
+  <div class="nav-bar">
+    <div class="nav-back" onclick="location.href='history.html'">
+      <svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </div>
+    <div class="nav-title">详细报告</div>
+  </div>
+  <div class="scroll-content">
+    <!-- 头部 -->
+    <div class="report-header">
+      <div class="report-header__top">
+        <div class="report-header__time">
+          <svg width="14" height="14" fill="none"><circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="1.5"/><path d="M7 4v3.5l2.5 1.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          2026-05-14  08:30
+        </div>
+        <span class="device-tag" id="headerDeviceTag"></span>
+      </div>
+      <div class="report-header__main">
+        <div class="report-header__weight">
+          <span class="report-header__weight-num">72.5</span>
+          <span class="report-header__weight-unit">kg</span>
+        </div>
+        <div class="report-header__tags">
+          <span class="report-tag report-tag--normal">BMI 正常</span>
+          <span class="report-tag report-tag--change">较上次 -0.3kg</span>
+        </div>
+      </div>
+    </div>
+    <!-- 动态内容区域 -->
+    <div id="reportContent"></div>
+    <div class="bottom-safe"></div>
+  </div>
+</div>
+<script>
+var device = new URLSearchParams(location.search).get('device') || 'fat';
+
+/* 头部设备标签 */
+var tagEl = document.getElementById('headerDeviceTag');
+var tagMap = { scale:['体重秤','device-tag--scale'], bluetooth:['蓝牙秤','device-tag--bluetooth'], fat:['体脂仪','device-tag--fat'] };
+var t = tagMap[device] || tagMap.fat;
+tagEl.textContent = t[0];
+tagEl.classList.add(t[1]);
+
+/* 各设备的数据配置 */
+var deviceData = {
+  /* ========== 体重秤 ========== */
+  scale: [
+    { title: '基础指标', type: 'grid', fields: [
+      { label:'身高', value:'175', unit:'cm' },
+      { label:'体重', value:'72.5', unit:'kg' },
+      { label:'BMI', value:'23.7', status:'正常' },
+      { label:'基础代谢', value:'1,680', unit:'kcal' },
+      { label:'体脂肪量', value:'15.2', unit:'kg' },
+      { label:'体脂肪率', value:'21.0', unit:'%', status:'正常' }
+    ], bmi: true },
+    { title: '水分与蛋白质', type: 'rows', fields: [
+      { label:'体水分量', value:'38.6', unit:'kg' },
+      { label:'体水分率', value:'53.2', unit:'%' },
+      { label:'蛋白质量', value:'8.5', unit:'kg' },
+      { label:'蛋白质率', value:'11.7', unit:'%' }
+    ]},
+    { title: '肌肉与骨骼', type: 'rows', fields: [
+      { label:'肌肉率', value:'42.6', unit:'%' },
+      { label:'肌肉量', value:'30.9', unit:'kg' },
+      { label:'体骨骼量/骨量', value:'3.1', unit:'kg' }
+    ]},
+    { title: '脂肪分析', type: 'rows', fields: [
+      { label:'皮下脂肪率', value:'16.8', unit:'%' },
+      { label:'内脏脂肪等级', value:'6', status:'正常' },
+      { label:'去脂体重', value:'57.3', unit:'kg' }
+    ]},
+    { title: '其他', type: 'rows', fields: [
+      { label:'无机盐量/矿物质量', value:'3.52', unit:'kg' },
+      { label:'细胞内液', value:'24.1', unit:'kg' },
+      { label:'细胞外液', value:'14.5', unit:'kg' },
+      { label:'健康评分', value:'82', unit:'分' }
+    ]}
+  ],
+  /* ========== 蓝牙秤 ========== */
+  bluetooth: [
+    { title: '基础指标', type: 'grid', fields: [
+      { label:'身高', value:'175', unit:'cm' },
+      { label:'体重', value:'72.5', unit:'kg' },
+      { label:'BMI', value:'23.7', status:'正常' },
+      { label:'基础代谢', value:'1,680', unit:'kcal' },
+      { label:'体脂肪量', value:'15.2', unit:'kg' },
+      { label:'体脂肪率', value:'21.0', unit:'%', status:'正常' }
+    ], bmi: true },
+    { title: '水分与蛋白质', type: 'rows', fields: [
+      { label:'体水分量', value:'37.8', unit:'kg' },
+      { label:'体水分率', value:'52.1', unit:'%' },
+      { label:'蛋白质量', value:'8.2', unit:'kg' },
+      { label:'蛋白质率', value:'11.3', unit:'%' }
+    ]},
+    { title: '肌肉与骨骼', type: 'rows', fields: [
+      { label:'体肌肉量', value:'30.5', unit:'kg' },
+      { label:'体肌肉率', value:'42.1', unit:'%' },
+      { label:'体骨骼量', value:'3.0', unit:'kg' }
+    ]},
+    { title: '脂肪分析', type: 'rows', fields: [
+      { label:'皮下脂肪量', value:'12.8', unit:'kg' },
+      { label:'皮下脂肪率', value:'17.7', unit:'%' },
+      { label:'除脂肪量', value:'57.3', unit:'kg' }
+    ]},
+    { title: '细胞液', type: 'rows', fields: [
+      { label:'细胞外液量', value:'14.2', unit:'L' },
+      { label:'细胞外液率', value:'37.6', unit:'%' },
+      { label:'细胞内液量', value:'23.6', unit:'L' },
+      { label:'细胞内液率', value:'62.4', unit:'%' }
+    ]},
+    { title: '其他', type: 'rows', fields: [
+      { label:'矿物质量', value:'3.48', unit:'kg' }
+    ]}
+  ],
+  /* ========== 体脂仪 ========== */
+  fat: [
+    { title: '基础指标', type: 'grid', fields: [
+      { label:'身高', value:'175', unit:'cm' },
+      { label:'体重', value:'72.5', unit:'kg' },
+      { label:'BMI', value:'23.7', status:'正常' },
+      { label:'基础代谢', value:'1,680', unit:'kcal' },
+      { label:'InBody评分', value:'62', unit:'分' }
+    ], bmi: true },
+    { title: '体脂分析', type: 'rows', fields: [
+      { label:'体脂肪量', value:'15.2', unit:'kg' },
+      { label:'体脂肪率', value:'21.0', unit:'%', status:'正常' },
+      { label:'内脏脂肪等级', value:'6', status:'正常' },
+      { label:'肥胖度', value:'147', unit:'%' },
+      { label:'去脂体重', value:'59.6', unit:'kg' }
+    ]},
+    { title: '体成分', type: 'rows', fields: [
+      { label:'体水分', value:'43.7', unit:'L' },
+      { label:'蛋白质', value:'11.8', unit:'kg' },
+      { label:'无机盐', value:'4.11', unit:'kg' },
+      { label:'骨骼肌量', value:'33.6', unit:'kg' },
+      { label:'骨骼肌指数', value:'8.8', unit:'kg/m²' }
+    ]},
+    { title: '体重管理', type: 'rows', fields: [
+      { label:'目标体重', value:'70.2', unit:'kg' },
+      { label:'体重控制', value:'-2.3', unit:'kg' },
+      { label:'脂肪控制', value:'-3.1', unit:'kg' },
+      { label:'肌肉控制', value:'+0.8', unit:'kg' },
+      { label:'腰臀比', value:'0.88' }
+    ]},
+    { title: '节段脂肪', type: 'segment', cols:['部位','测量值(kg)'],
+      rows: [
+        ['左上肢','2.7'], ['右上肢','2.6'],
+        ['左下肢','4.7'], ['右下肢','4.8'],
+        ['躯干','17.5']
+      ]
+    },
+    { title: '节段肌肉', type: 'segment', cols:['部位','测量值(kg)'],
+      rows: [
+        ['左上肢','3.35'], ['右上肢','3.50'],
+        ['左下肢','9.11'], ['右下肢','9.40'],
+        ['躯干','26.9']
+      ]
+    }
+  ]
+};
+
+/* 渲染 */
+var sections = deviceData[device] || deviceData.fat;
+var html = '';
+sections.forEach(function(sec) {
+  html += '<div class="data-section">';
+  html += '<div class="data-section__title">' + sec.title + '</div>';
+  if (sec.type === 'grid') {
+    html += '<div class="data-grid">';
+    sec.fields.forEach(function(f) {
+      html += '<div class="data-cell"><div class="data-cell__label">' + f.label + '</div>';
+      html += '<div class="data-cell__value">' + f.value;
+      if (f.unit) html += '<span class="data-cell__unit">' + f.unit + '</span>';
+      if (f.status) html += '<span class="data-cell__status data-cell__status--normal">' + f.status + '</span>';
+      html += '</div></div>';
+    });
+    html += '</div>';
+    if (sec.bmi) {
+      html += '<div class="bmi-bar"><div class="bmi-bar__track"><div class="bmi-bar__pointer" style="left:48%"></div></div>';
+      html += '<div class="bmi-bar__labels"><span>偏瘦 &lt;18.5</span><span>正常 18.5-24</span><span>偏胖 24-28</span><span>肥胖 &ge;28</span></div></div>';
+    }
+  } else if (sec.type === 'rows') {
+    sec.fields.forEach(function(f, i) {
+      html += '<div class="data-row' + (i === sec.fields.length - 1 ? '' : '') + '">';
+      html += '<span class="data-row__label">' + f.label + '</span>';
+      html += '<div class="data-row__right"><span class="data-row__value">' + f.value + '</span>';
+      if (f.unit) html += '<span class="data-row__unit">' + f.unit + '</span>';
+      if (f.status) html += '<span class="data-cell__status data-cell__status--normal">' + f.status + '</span>';
+      html += '</div></div>';
+    });
+  } else if (sec.type === 'segment') {
+    html += '<table class="seg-table"><thead><tr>';
+    sec.cols.forEach(function(c) { html += '<th>' + c + '</th>'; });
+    html += '</tr></thead><tbody>';
+    sec.rows.forEach(function(r) {
+      html += '<tr>';
+      r.forEach(function(v, i) { html += '<td>' + v + '</td>'; });
+      html += '</tr>';
+    });
+    html += '</tbody></table>';
+  }
+  html += '</div>';
+});
+document.getElementById('reportContent').innerHTML = html;
+</script>
+</body>
+</html>
diff --git a/index.html b/index.html
index 1691a39..dbfab41 100644
--- a/index.html
+++ b/index.html
@@ -284,7 +284,69 @@ const SITE_MAP = [
       { file:'ano-result.html', label:'结果异常' }
     ]},
     { name:'运动管理', dir:'web-admin/exercise', pages:[] },
-    { name:'健康监测', dir:'web-admin/health-monitor', pages:[] },
+    { name:'健康监测', dir:'web-admin/health-monitor', entry:'archive-personal.html', pages:[
+      { file:'archive-personal.html', label:'个人监测档案' },
+      { file:'archive-unit.html', label:'单位报表数据' },
+      { file:'archive-algorithm.html', label:'算法模型' },
+      { file:'health-checkup/survey-category.html', label:'排查问卷-问题分类' },
+      { file:'health-checkup/survey-score.html', label:'排查问卷-积分规则' },
+      { file:'health-checkup/survey-template.html', label:'排查问卷-模板信息' },
+      { file:'health-checkup/survey-question.html', label:'排查问卷-问题管理' },
+      { file:'health-checkup/maxim.html', label:'格言管理' },
+      { file:'health-checkup/record-user.html', label:'排查记录-用户排查' },
+      { file:'health-checkup/record-dept.html', label:'排查记录-部门排查' },
+      { file:'wearable/tool-manage.html', label:'穿戴监测-工具管理' },
+      { file:'wearable/bind-record.html', label:'穿戴监测-绑定记录' },
+      { file:'wearable/user-data.html', label:'穿戴监测-用户数据' },
+      { file:'wearable/exception-event.html', label:'穿戴监测-异常事件' },
+      { file:'wearable/notification.html', label:'穿戴监测-通知消息' },
+      { file:'wearable/dept-stat.html', label:'穿戴监测-部门数据统计' },
+      { file:'wearable/personal-stat.html', label:'穿戴监测-个人数据统计' },
+      { file:'weight/scale-device.html', label:'体重秤-设备管理' },
+      { file:'weight/scale-monitor.html', label:'体重秤-设备监测' },
+      { file:'weight/scale-monitor-detail.html', label:'体重秤-数据明细' },
+      { file:'weight/scale-stat.html', label:'体重秤-设备统计' },
+      { file:'weight/bluetooth-device.html', label:'蓝牙称-设备管理' },
+      { file:'weight/bluetooth-monitor.html', label:'蓝牙称-设备监测' },
+      { file:'weight/bluetooth-monitor-detail.html', label:'蓝牙称-数据明细' },
+      { file:'weight/bluetooth-stat.html', label:'蓝牙称-设备统计' },
+      { file:'weight/fat-device.html', label:'体脂仪-设备管理' },
+      { file:'weight/fat-monitor.html', label:'体脂仪-设备监测' },
+      { file:'weight/fat-monitor-detail.html', label:'体脂仪-数据明细' },
+      { file:'weight/fat-stat.html', label:'体脂仪-设备统计' },
+      { file:'weight/sport-device.html', label:'运动器械-设备管理' },
+      { file:'weight/sport-monitor.html', label:'运动器械-设备监测' },
+      { file:'weight/sport-monitor-detail.html', label:'运动器械-数据明细' },
+      { file:'weight/sport-stat.html', label:'运动器械-设备统计' },
+      { file:'weight/employee-data.html', label:'体重监测-员工数据' },
+      { file:'environment/indoor-device-list.html', label:'室内空气-设备列表' },
+      { file:'environment/indoor-device-category.html', label:'室内空气-设备分类' },
+      { file:'environment/indoor-data-monitor.html', label:'室内空气-数据监测' },
+      { file:'environment/indoor-exception-alarm.html', label:'室内空气-异常报警' },
+      { file:'environment/indoor-app-record.html', label:'室内空气-应用记录' },
+      { file:'environment/indoor-history-data.html', label:'室内空气-历史数据' },
+      { file:'environment/outdoor-device-list.html', label:'室外空气-设备列表' },
+      { file:'environment/outdoor-device-category.html', label:'室外空气-设备分类' },
+      { file:'environment/outdoor-data-monitor.html', label:'室外空气-数据监测' },
+      { file:'environment/outdoor-exception-alarm.html', label:'室外空气-异常报警' },
+      { file:'environment/outdoor-app-record.html', label:'室外空气-应用记录' },
+      { file:'environment/outdoor-history-data.html', label:'室外空气-历史数据' },
+      { file:'environment/water-device-list.html', label:'水质监测-设备列表' },
+      { file:'environment/water-device-category.html', label:'水质监测-设备分类' },
+      { file:'environment/water-data-monitor.html', label:'水质监测-数据监测' },
+      { file:'environment/water-exception-alarm.html', label:'水质监测-异常报警' },
+      { file:'environment/water-app-record.html', label:'水质监测-应用记录' },
+      { file:'environment/water-history-data.html', label:'水质监测-历史数据' },
+      { file:'environment/pollen-device-list.html', label:'花粉监测-设备列表' },
+      { file:'environment/pollen-device-category.html', label:'花粉监测-设备分类' },
+      { file:'environment/pollen-data-monitor.html', label:'花粉监测-数据监测' },
+      { file:'environment/pollen-exception-alarm.html', label:'花粉监测-异常报警' },
+      { file:'environment/pollen-app-record.html', label:'花粉监测-应用记录' },
+      { file:'environment/pollen-history-data.html', label:'花粉监测-历史数据' },
+      { file:'environment/pollen-knowledge.html', label:'花粉监测-知识科普' },
+      { file:'exception-dirty.html', label:'异常事件-系统脏数据' },
+      { file:'exception-result.html', label:'异常事件-结果异常' }
+    ]},
     { name:'健康评估', dir:'web-admin/health-assessment', pages:[] },
     { name:'知识普及', dir:'web-admin/knowledge', pages:[] },
     { name:'健康数据', dir:'web-admin/health-data', pages:[] },
@@ -441,18 +503,27 @@ const SITE_MAP = [
     { name:'营养管理', dir:'employee-app/nutrition', pages:[] },
     { name:'运动管理', dir:'employee-app/exercise', pages:[] },
     { name:'健康监测', dir:'employee-app/health-monitor', entry:'index.html', pages:[
-      { file:'index.html', label:'健康监测首页' },
-      { file:'steps.html', label:'步数详情' },
-      { file:'sleep.html', label:'睡眠详情' },
-      { file:'heart-rate.html', label:'心率详情' },
-      { file:'heart-rate-alerts.html', label:'心率预警历史' },
-      { file:'temperature.html', label:'体温详情' },
-      { file:'temperature-alerts.html', label:'体温预警历史' },
-      { file:'blood-oxygen.html', label:'血氧详情' },
-      { file:'blood-oxygen-alerts.html', label:'血氧预警历史' },
-      { file:'stress.html', label:'压力详情' },
-      { file:'stress-alerts.html', label:'压力预警历史' },
-      { file:'exercise.html', label:'锻炼详情' }
+      { file:'index.html', label:'健康监测主页' },
+      { file:'wearable/index.html', label:'穿戴监测首页' },
+      { file:'wearable/steps.html', label:'步数详情' },
+      { file:'wearable/sleep.html', label:'睡眠详情' },
+      { file:'wearable/heart-rate.html', label:'心率详情' },
+      { file:'wearable/heart-rate-alerts.html', label:'心率预警历史' },
+      { file:'wearable/temperature.html', label:'体温详情' },
+      { file:'wearable/temperature-alerts.html', label:'体温预警历史' },
+      { file:'wearable/blood-oxygen.html', label:'血氧详情' },
+      { file:'wearable/blood-oxygen-alerts.html', label:'血氧预警历史' },
+      { file:'wearable/stress.html', label:'压力详情' },
+      { file:'wearable/stress-alerts.html', label:'压力预警历史' },
+      { file:'wearable/exercise.html', label:'锻炼详情' },
+      { file:'health-screening/index.html', label:'健康排查首页' },
+      { file:'health-screening/questionnaire-fill.html', label:'每日打卡填写' },
+      { file:'health-screening/questionnaire-setting.html', label:'题目设置' },
+      { file:'health-screening/checkin-record.html', label:'打卡记录' },
+      { file:'health-screening/questionnaire-detail.html', label:'问卷详情' },
+      { file:'weight/index.html', label:'体重监测首页' },
+      { file:'weight/history.html', label:'体重历史数据' },
+      { file:'weight/report-detail.html', label:'体重详细报告' }
     ] },
     { name:'健康评估', dir:'employee-app/health-assessment', pages:[] },
     { name:'心脑血管病预防', dir:'employee-app/cardiovascular', pages:[] },
@@ -701,11 +772,12 @@ tabNav.innerHTML += `<div class="tab-nav__item" data-idx="${prdTabIdx}">${ICONS.
 let openPopover = null;
 function cardHTML(mod, uid) {
   const has = mod.pages.length > 0;
-  const isDone = has && mod.done;
-  const isWip = has && !mod.done;
-  const cls = isDone ? 'module-card module-card--ready' : isWip ? 'module-card module-card--wip' : 'module-card module-card--empty';
-  const mainHref = has ? `${mod.dir}/${mod.entry || 'index.html'}` : '';
-  const onclick = has ? `onclick="window.open('${mainHref}','_blank')"` : '';
+  const isPending = !!mod.pending;
+  const isDone = has && mod.done && !isPending;
+  const isWip = has && !mod.done && !isPending;
+  const cls = isPending ? 'module-card module-card--empty' : isDone ? 'module-card module-card--ready' : isWip ? 'module-card module-card--wip' : 'module-card module-card--empty';
+  const mainHref = has && !isPending ? `${mod.dir}/${mod.entry || 'index.html'}` : '';
+  const onclick = has && !isPending ? `onclick="window.open('${mainHref}','_blank')"` : '';
 
   /* 右上角状态标签 */
   let statusHtml = '';
@@ -723,7 +795,7 @@ function cardHTML(mod, uid) {
     prdLink = `<a class="module-card__prd" onclick="event.stopPropagation();openMdPreview('${mod.prd}','${mod.name} PRD')">${ICONS.prdSmall}PRD文档</a>`;
   }
   let pageCountHtml = '';
-  if (has) {
+  if (has && !isPending) {
     let popItems = mod.pages.map(p => {
       const dcls = p.dialog ? ' page-popover__item--dialog' : '';
       const icon = p.dialog ? ICONS.dialog : ICONS.page;
diff --git a/web-admin/health-checkup/post-report-roster.html b/web-admin/health-checkup/post-report-roster.html
index 44188ca..6faf2ab 100644
--- a/web-admin/health-checkup/post-report-roster.html
+++ b/web-admin/health-checkup/post-report-roster.html
@@ -78,8 +78,8 @@
   .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
   .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
   /* 弹窗样式 */
-  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:none;align-items:center;justify-content:center;}
-  .modal-mask.show{display:flex;}
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
   .modal{background:#fff;border-radius:var(--radius-lg);width:900px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
   .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
   .modal__header h3{font-size:var(--font-lg);font-weight:600;}
@@ -492,7 +492,8 @@ function renderTrendChart(){
   var legend='';
   keys.forEach(function(key){
     var d=TREND_DATA[key];
-    legend+='<div class="trend-legend-item"><div class="trend-legend-color" style="background:'+d.color+'"></div>'+d.label+(d.unit?' ('+d.unit+')')+'</div>';
+    var unitStr = d.unit ? ' (' + d.unit + ')' : '';
+    legend+='<div class="trend-legend-item"><div class="trend-legend-color" style="background:'+d.color+'"></div>'+d.label+unitStr+'</div>';
   });
   document.getElementById('trendLegend').innerHTML=legend;
 }
diff --git a/web-admin/health-monitor/archive-algorithm.html b/web-admin/health-monitor/archive-algorithm.html
new file mode 100644
index 0000000..04ca99d
--- /dev/null
+++ b/web-admin/health-monitor/archive-algorithm.html
@@ -0,0 +1,82 @@
+<!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);
+  }
+  .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);}
+</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>
+    <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 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="archive-personal.html" class="sidebar-item">个人监测数据</a>
+  <a href="archive-unit.html" class="sidebar-item">单位报表数据</a>
+  <a href="archive-algorithm.html" class="sidebar-item active">算法模型</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/archive-personal.html b/web-admin/health-monitor/archive-personal.html
new file mode 100644
index 0000000..5166e7a
--- /dev/null
+++ b/web-admin/health-monitor/archive-personal.html
@@ -0,0 +1,82 @@
+<!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);
+  }
+  .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);}
+</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>
+    <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 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="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>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/archive-unit.html b/web-admin/health-monitor/archive-unit.html
new file mode 100644
index 0000000..3122b5c
--- /dev/null
+++ b/web-admin/health-monitor/archive-unit.html
@@ -0,0 +1,82 @@
+<!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);
+  }
+  .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);}
+</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>
+    <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 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="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>
+  </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/doc/CHANGELOG.md b/web-admin/health-monitor/doc/CHANGELOG.md
new file mode 100644
index 0000000..f029d08
--- /dev/null
+++ b/web-admin/health-monitor/doc/CHANGELOG.md
@@ -0,0 +1,48 @@
+# 健康监测管理端 CHANGELOG
+
+## [2026-05-11]
+
+### 新增 — 穿戴监测模块（`wearable/`）完整实现
+
+- **`wearable/tool-manage.html`** 工具管理
+  - 设备列表：设备编码/名称/类型/厂商/绑定状态/绑定员工/所属单位/入库时间
+  - 筛选：设备编码、设备类型、绑定状态、所属单位
+  - 操作：新增设备、批量入库（文件导入）、绑定员工/换绑/绑定记录/报废
+  - 弹窗：新增设备表单、绑定员工、绑定记录、批量入库上传
+
+- **`wearable/bind-record.html`** 绑定记录
+  - 绑定历史列表：设备编码/类型/员工/单位/作业区/绑定时间/解绑时间/状态
+  - 筛选：设备编码、所属单位、员工姓名、工号、绑定状态、绑定时间范围
+  - 支持导出
+
+- **`wearable/user-data.html`** 用户数据
+  - 员工监测数据列表：心率/血氧/体温/收缩压/舒张压/步数（最新值）
+  - 异常值红色标注
+  - 数据详情弹窗：当日统计卡片 + 趋势图Tab + 历史明细Tab
+  - 趋势图：内联SVG折线图，支持切换监测项和时间范围
+
+- **`wearable/exception-event.html`** 异常事件
+  - 今日告警统计概览（5类型卡片：总计/一键告警/心率/血氧/体温压力）
+  - 告警列表：类型Tag、告警值、参考范围、告警位置
+  - 筛选：员工姓名、所属单位、告警类型、告警时间范围
+  - 告警详情弹窗（含位置信息）
+
+- **`wearable/notification.html`** 通知消息
+  - 通知记录列表：标题/范围/目标人数/已读人数/发送时间
+  - 发送通知弹窗：标题/内容/通知范围（全员/指定员工）
+  - 通知详情弹窗
+  - 阅读统计弹窗（已读/未读人员列表）
+
+- **`wearable/dept-stat.html`** 部门数据统计
+  - Tab切换：部门佩戴统计 / 员工每日明细
+  - 部门统计：分配设备数/今日佩戴人数/佩戴率进度条/各类型异常人数
+  - 明细数据：员工每日佩戴时长/数据上报次数/是否有异常
+  - 支持导出
+
+- **`wearable/personal-stat.html`** 个人数据统计
+  - 以天为维度，统计每位员工心率/血氧/体温的最大值/最小值/平均值及步数/有效佩戴时段
+  - 多级表头分组展示
+  - 异常值标红
+
+### 更新 — `index.html` SITE_MAP
+- 健康监测模块 `pages:[]` 更新为完整57条页面条目（含档案/健康排查/穿戴监测/体重监测/环境监测/异常事件各子模块）
diff --git a/web-admin/health-monitor/environment/indoor-app-record.html b/web-admin/health-monitor/environment/indoor-app-record.html
new file mode 100644
index 0000000..d056970
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-app-record.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item active">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/indoor-data-monitor.html b/web-admin/health-monitor/environment/indoor-data-monitor.html
new file mode 100644
index 0000000..bff8a3d
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-data-monitor.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item active">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/indoor-device-category.html b/web-admin/health-monitor/environment/indoor-device-category.html
new file mode 100644
index 0000000..7413759
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-device-category.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item active">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/indoor-device-list.html b/web-admin/health-monitor/environment/indoor-device-list.html
new file mode 100644
index 0000000..c6a38e4
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-device-list.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item active">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/indoor-exception-alarm.html b/web-admin/health-monitor/environment/indoor-exception-alarm.html
new file mode 100644
index 0000000..dca884f
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-exception-alarm.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item active">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/indoor-history-data.html b/web-admin/health-monitor/environment/indoor-history-data.html
new file mode 100644
index 0000000..c4db886
--- /dev/null
+++ b/web-admin/health-monitor/environment/indoor-history-data.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item active">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-app-record.html b/web-admin/health-monitor/environment/outdoor-app-record.html
new file mode 100644
index 0000000..56ed98f
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-app-record.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item active">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-data-monitor.html b/web-admin/health-monitor/environment/outdoor-data-monitor.html
new file mode 100644
index 0000000..08333da
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-data-monitor.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item active">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-device-category.html b/web-admin/health-monitor/environment/outdoor-device-category.html
new file mode 100644
index 0000000..89eb259
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-device-category.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item active">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-device-list.html b/web-admin/health-monitor/environment/outdoor-device-list.html
new file mode 100644
index 0000000..21117c4
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-device-list.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item active">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-exception-alarm.html b/web-admin/health-monitor/environment/outdoor-exception-alarm.html
new file mode 100644
index 0000000..58138c4
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-exception-alarm.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item active">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/outdoor-history-data.html b/web-admin/health-monitor/environment/outdoor-history-data.html
new file mode 100644
index 0000000..1271f19
--- /dev/null
+++ b/web-admin/health-monitor/environment/outdoor-history-data.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item active">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-app-record.html b/web-admin/health-monitor/environment/pollen-app-record.html
new file mode 100644
index 0000000..c384764
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-app-record.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item active">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-data-monitor.html b/web-admin/health-monitor/environment/pollen-data-monitor.html
new file mode 100644
index 0000000..03dd4b1
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-data-monitor.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item active">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-device-category.html b/web-admin/health-monitor/environment/pollen-device-category.html
new file mode 100644
index 0000000..28b9938
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-device-category.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item active">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-device-list.html b/web-admin/health-monitor/environment/pollen-device-list.html
new file mode 100644
index 0000000..860e7de
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-device-list.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item active">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-exception-alarm.html b/web-admin/health-monitor/environment/pollen-exception-alarm.html
new file mode 100644
index 0000000..a5a39a5
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-exception-alarm.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item active">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-history-data.html b/web-admin/health-monitor/environment/pollen-history-data.html
new file mode 100644
index 0000000..4910c9b
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-history-data.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item active">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/pollen-knowledge.html b/web-admin/health-monitor/environment/pollen-knowledge.html
new file mode 100644
index 0000000..0ed4f9d
--- /dev/null
+++ b/web-admin/health-monitor/environment/pollen-knowledge.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item active">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-app-record.html b/web-admin/health-monitor/environment/water-app-record.html
new file mode 100644
index 0000000..27bb9bf
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-app-record.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item active">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-data-monitor.html b/web-admin/health-monitor/environment/water-data-monitor.html
new file mode 100644
index 0000000..61f8950
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-data-monitor.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item active">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-device-category.html b/web-admin/health-monitor/environment/water-device-category.html
new file mode 100644
index 0000000..cc4cecc
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-device-category.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item active">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-device-list.html b/web-admin/health-monitor/environment/water-device-list.html
new file mode 100644
index 0000000..283b43b
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-device-list.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item active">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-exception-alarm.html b/web-admin/health-monitor/environment/water-exception-alarm.html
new file mode 100644
index 0000000..f88a628
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-exception-alarm.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item active">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/environment/water-history-data.html b/web-admin/health-monitor/environment/water-history-data.html
new file mode 100644
index 0000000..50fc4eb
--- /dev/null
+++ b/web-admin/health-monitor/environment/water-history-data.html
@@ -0,0 +1,124 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../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" class="active">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">环境监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室内空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="indoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="indoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="indoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="indoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="indoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="indoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 室外空气</div>
+    <div class="sidebar-subgroup__body">
+      <a href="outdoor-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="outdoor-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="outdoor-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="outdoor-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="outdoor-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="outdoor-history-data.html" class="sidebar-item">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 水质监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="water-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="water-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="water-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="water-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="water-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="water-history-data.html" class="sidebar-item active">历史数据</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 花粉监测</div>
+    <div class="sidebar-subgroup__body">
+      <a href="pollen-device-list.html" class="sidebar-item">设备列表</a>
+      <a href="pollen-device-category.html" class="sidebar-item">设备分类</a>
+      <a href="pollen-data-monitor.html" class="sidebar-item">数据监测</a>
+      <a href="pollen-exception-alarm.html" class="sidebar-item">异常报警</a>
+      <a href="pollen-app-record.html" class="sidebar-item">应用记录</a>
+      <a href="pollen-history-data.html" class="sidebar-item">历史数据</a>
+      <a href="pollen-knowledge.html" class="sidebar-item">知识科普</a>
+    </div>
+  </div>
+</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/exception-dirty.html b/web-admin/health-monitor/exception-dirty.html
new file mode 100644
index 0000000..53fd7d9
--- /dev/null
+++ b/web-admin/health-monitor/exception-dirty.html
@@ -0,0 +1,81 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="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" 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>
+    <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="exception-dirty.html" class="sidebar-item active">系统脏数据</a>
+  <a href="exception-result.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>
+  </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/exception-result.html b/web-admin/health-monitor/exception-result.html
new file mode 100644
index 0000000..440c2bc
--- /dev/null
+++ b/web-admin/health-monitor/exception-result.html
@@ -0,0 +1,81 @@
+<!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);
+  }
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="archive-personal.html">档案</a>
+    <a href="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" 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>
+    <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="exception-dirty.html" class="sidebar-item">系统脏数据</a>
+  <a href="exception-result.html" class="sidebar-item active">结果异常</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/maxim.html b/web-admin/health-monitor/health-checkup/maxim.html
new file mode 100644
index 0000000..3dd2f66
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/maxim.html
@@ -0,0 +1,242 @@
+<!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);
+  }
+  .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);}
+  .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px;background:#fff;padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
+  .filter-item{display:flex;align-items:center;gap:8px;}
+  .filter-item__label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-control:focus{border-color:var(--primary);}
+  textarea.form-control{height:auto;padding:10px 12px;resize:vertical;}
+  .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{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);}
+  tbody td{padding:14px 16px;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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .td-content{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item active">格言管理</a>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">用户排查</a>
+      <a href="record-dept.html" class="sidebar-item">部门排查</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <span class="filter-item__label">格言内容</span>
+      <input class="form-control" id="filterContent" placeholder="请输入关键词" style="width:240px;">
+    </div>
+    <button class="btn btn-primary" onclick="filterTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">格言列表</span>
+      <button class="btn btn-primary" onclick="openModal(null)">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+        新增
+      </button>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th>格言内容</th>
+          <th>格言作者</th>
+          <th>格言来源</th>
+          <th>创建日期</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="tbody"></tbody>
+    </table>
+  </div>
+</main>
+
+<!-- 新增/编辑弹窗 -->
+<div class="modal-mask" id="editModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3 id="modalTitle">新增格言</h3>
+      <button class="modal__close" onclick="closeModal()">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-group">
+        <label>格言内容 <span style="color:var(--danger)">*</span></label>
+        <textarea class="form-control" id="editContent" rows="4" placeholder="请输入格言内容"></textarea>
+      </div>
+      <div class="form-group">
+        <label>格言作者</label>
+        <input class="form-control" id="editAuthor" placeholder="请输入作者">
+      </div>
+      <div class="form-group">
+        <label>格言来源</label>
+        <input class="form-control" id="editSource" placeholder="请输入来源">
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveMaxim()">确定</button>
+    </div>
+  </div>
+</div>
+<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');})();
+
+var maxims=[
+  {content:'健康是人生第一财富。',author:'爱默生',source:'《处世之道》',date:'2026-03-10'},
+  {content:'早睡早起，使人健康、富有、明智。',author:'富兰克林',source:'《穷理查年鉴》',date:'2026-03-12'},
+  {content:'运动是一切生命的源泉。',author:'达·芬奇',source:'《笔记》',date:'2026-03-15'},
+  {content:'保持身体健康是一种责任，否则我们将无法保持头脑清醒和强健。',author:'释迦牟尼',source:'佛经',date:'2026-03-18'},
+  {content:'饮食有节，起居有常，不妄作劳，故能形与神俱。',author:'黄帝内经',source:'《素问·上古天真论》',date:'2026-04-01'},
+  {content:'生命在于运动。',author:'伏尔泰',source:'',date:'2026-04-05'},
+  {content:'心宽体健，乐观长寿。',author:'民间谚语',source:'',date:'2026-04-10'}
+];
+
+var editingIdx=null;
+
+function renderTable(data){
+  var html='';
+  data.forEach(function(m){
+    var idx=maxims.indexOf(m);
+    html+='<tr>';
+    html+='<td class="td-content" title="'+m.content+'">'+m.content+'</td>';
+    html+='<td>'+m.author+'</td>';
+    html+='<td>'+(m.source||'-')+'</td>';
+    html+='<td>'+m.date+'</td>';
+    html+='<td><span class="link" onclick="openModal('+idx+')">编辑</span>';
+    html+='<span style="color:var(--border);margin:0 6px;">|</span>';
+    html+='<span class="link" style="color:var(--danger);">删除</span></td>';
+    html+='</tr>';
+  });
+  document.getElementById('tbody').innerHTML=html||'<tr><td colspan="5" style="text-align:center;padding:40px;color:var(--text-placeholder);">暂无数据</td></tr>';
+}
+
+function filterTable(){
+  var kw=document.getElementById('filterContent').value.trim().toLowerCase();
+  var filtered=maxims.filter(function(m){
+    return !kw||m.content.toLowerCase().indexOf(kw)>-1;
+  });
+  renderTable(filtered);
+}
+function resetFilter(){
+  document.getElementById('filterContent').value='';
+  renderTable(maxims);
+}
+
+function openModal(idx){
+  editingIdx=idx;
+  if(idx===null){
+    document.getElementById('modalTitle').textContent='新增格言';
+    document.getElementById('editContent').value='';
+    document.getElementById('editAuthor').value='';
+    document.getElementById('editSource').value='';
+  }else{
+    var m=maxims[idx];
+    document.getElementById('modalTitle').textContent='编辑格言';
+    document.getElementById('editContent').value=m.content;
+    document.getElementById('editAuthor').value=m.author;
+    document.getElementById('editSource').value=m.source;
+  }
+  document.getElementById('editModal').classList.add('show');
+}
+function closeModal(){document.getElementById('editModal').classList.remove('show');}
+function saveMaxim(){closeModal();}
+
+renderTable(maxims);
+document.getElementById('editModal').addEventListener('click',function(e){if(e.target===this)closeModal();});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/record-dept.html b/web-admin/health-monitor/health-checkup/record-dept.html
new file mode 100644
index 0000000..d62b904
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/record-dept.html
@@ -0,0 +1,277 @@
+<!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);
+  }
+  .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);}
+  .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px;background:#fff;padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);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;}
+  .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-control:focus{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{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);}
+  tbody td{padding:14px 16px;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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:780px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .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.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">员工排查统计</a>
+      <a href="record-dept.html" class="sidebar-item active">单位排查统计</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <span class="filter-item__label">筛选日期</span>
+      <input class="form-control" id="filterDate" type="date" value="2026-05-13">
+    </div>
+    <div class="filter-item">
+      <span class="filter-item__label">单位</span>
+      <select class="form-control" id="filterUnit">
+        <option value="">全部单位</option>
+      </select>
+    </div>
+    <button class="btn btn-primary" onclick="filterTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+
+  </div>
+
+      <div style="margin-left:auto;display:flex;gap:8px;">
+      <button class="btn btn-default" onclick="showToast('导出任务已创建')">导出列表数据</button>
+      <button class="btn btn-default" onclick="showToast('暂无导出任务')">查看导出任务</button>
+    </div>
+
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">单位排查统计</span>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th>单位名称</th>
+          <th>员工总数</th>
+          <th>已打卡人数</th>
+          <th>未打卡人数</th>
+          <th>打卡日期</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="tbody"></tbody>
+    </table>
+  </div>
+</main>
+
+<!-- 打卡记录弹窗 -->
+<div class="modal-mask" id="recordModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3 id="recordTitle">打卡记录</h3>
+      <button class="modal__close" onclick="closeModal()">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="display:flex;justify-content:flex-end;margin-bottom:12px;">
+        <button class="btn btn-default" onclick="showToast('导出成功')">导出</button>
+      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>员工姓名</th>
+            <th>员工编号</th>
+            <th>单位名称</th>
+            <th>部门名称</th>
+            <th>是否打卡</th>
+            <th>打卡时间</th>
+          </tr>
+        </thead>
+        <tbody id="recordTbody"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<div class="toast" id="toast"></div>
+<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');})();
+
+var units=['长庆油田公司','西安分公司','庆阳分公司'];
+
+var deptData=[
+  {unit:'长庆油田公司',total:320,checked:298,unchecked:22,date:'2026-05-13'},
+  {unit:'西安分公司',total:85,checked:79,unchecked:6,date:'2026-05-13'},
+  {unit:'庆阳分公司',total:120,checked:108,unchecked:12,date:'2026-05-13'}
+];
+
+var recordData=[
+  {name:'张伟',code:'CQ10021',unit:'长庆油田公司',dept:'采油一厂',checked:'是',time:'2026-05-13 07:45'},
+  {name:'李娜',code:'CQ10035',unit:'长庆油田公司',dept:'采油二厂',checked:'是',time:'2026-05-13 08:02'},
+  {name:'王强',code:'CQ10048',unit:'长庆油田公司',dept:'采气一厂',checked:'是',time:'2026-05-13 07:30'},
+  {name:'马超',code:'CQ10055',unit:'长庆油田公司',dept:'采油一厂',checked:'否',time:'-'},
+  {name:'赵敏',code:'XA20012',unit:'长庆油田公司',dept:'输油处',checked:'是',time:'2026-05-13 08:15'},
+  {name:'刘洋',code:'CQ10070',unit:'长庆油田公司',dept:'采油三厂',checked:'否',time:'-'}
+];
+
+function initUnitSelect(){
+  var s=document.getElementById('filterUnit');
+  s.innerHTML='<option value="">全部单位</option>';
+  units.forEach(function(u){s.innerHTML+='<option>'+u+'</option>';});
+}
+
+function renderTable(data){
+  var html='';
+  data.forEach(function(d,i){
+    html+='<tr>';
+    html+='<td>'+d.unit+'</td>';
+    html+='<td>'+d.total+'</td>';
+    html+='<td style="color:var(--success);font-weight:500;">'+d.checked+'</td>';
+    html+='<td style="color:var(--danger);font-weight:500;">'+d.unchecked+'</td>';
+    html+='<td>'+d.date+'</td>';
+    html+='<td><span class="link" onclick="showToast(\'导出成功\')">按日导出</span>';
+    html+='<span style="color:var(--border);margin:0 6px;">|</span>';
+    html+='<span class="link" onclick="openRecordModal('+i+')">打卡记录</span></td>';
+    html+='</tr>';
+  });
+  document.getElementById('tbody').innerHTML=html||'<tr><td colspan="6" style="text-align:center;padding:40px;color:var(--text-placeholder);">暂无数据</td></tr>';
+}
+
+function filterTable(){
+  var unit=document.getElementById('filterUnit').value;
+  var filtered=deptData.filter(function(d){
+    if(unit&&d.unit!==unit)return false;
+    return true;
+  });
+  renderTable(filtered);
+}
+function resetFilter(){
+  document.getElementById('filterUnit').value='';
+  document.getElementById('filterDate').value='2026-05-13';
+  renderTable(deptData);
+}
+
+function openRecordModal(idx){
+  var d=deptData[idx];
+  document.getElementById('recordTitle').textContent=d.unit+' - 打卡记录';
+  var html='';
+  recordData.forEach(function(r){
+    var checkedColor=r.checked==='是'?'var(--success)':'var(--danger)';
+    html+='<tr>';
+    html+='<td>'+r.name+'</td>';
+    html+='<td>'+r.code+'</td>';
+    html+='<td>'+r.unit+'</td>';
+    html+='<td>'+r.dept+'</td>';
+    html+='<td><span style="color:'+checkedColor+'">'+r.checked+'</span></td>';
+    html+='<td>'+r.time+'</td>';
+    html+='</tr>';
+  });
+  document.getElementById('recordTbody').innerHTML=html;
+  document.getElementById('recordModal').classList.add('show');
+}
+
+function closeModal(){document.getElementById('recordModal').classList.remove('show');}
+function showToast(msg){
+  var t=document.getElementById('toast');
+  t.textContent=msg;t.classList.add('show');
+  setTimeout(function(){t.classList.remove('show');},2000);
+}
+
+initUnitSelect();
+renderTable(deptData);
+
+document.getElementById('recordModal').addEventListener('click',function(e){if(e.target===this)closeModal();});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/record-user.html b/web-admin/health-monitor/health-checkup/record-user.html
new file mode 100644
index 0000000..d871fac
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/record-user.html
@@ -0,0 +1,404 @@
+<!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);
+  }
+  .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);}
+  .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px;background:#fff;padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);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;}
+  .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-control:focus{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;}
+  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);}
+  tbody td{padding:14px 16px;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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal-lg{width:780px;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
+  .info-card{background:var(--primary-light);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:16px;display:flex;gap:24px;flex-wrap:wrap;}
+  .info-card__item{display:flex;flex-direction:column;gap:2px;}
+  .info-card__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .info-card__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .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;}
+  .cascade-wrap{display:flex;gap:8px;}
+  .cascade-wrap select{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">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item active">员工排查统计</a>
+      <a href="record-dept.html" class="sidebar-item">单位排查统计</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <span class="filter-item__label">姓名</span>
+      <input class="form-control" id="filterName" placeholder="请输入姓名" style="width:140px;">
+    </div>
+    <div class="filter-item">
+      <span class="filter-item__label">员工编号</span>
+      <input class="form-control" id="filterCode" placeholder="请输入编号" style="width:140px;">
+    </div>
+    <div class="filter-item">
+      <span class="filter-item__label">单位部门</span>
+      <div class="cascade-wrap">
+        <select class="form-control" id="filterUnit" onchange="onUnitChange()">
+          <option value="">选择单位</option>
+        </select>
+        <select class="form-control" id="filterDept">
+          <option value="">选择部门</option>
+        </select>
+      </div>
+    </div>
+    <button class="btn btn-primary" onclick="filterTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+
+  </div>
+
+      <div style="margin-left:auto;display:flex;gap:8px;">
+      <button class="btn btn-default" onclick="showToast('导出任务已创建')">导出列表数据</button>
+      <button class="btn btn-default" onclick="showToast('暂无导出任务')">查看导出任务</button>
+    </div>
+
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">员工排查统计</span>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th>姓名</th>
+          <th>员工编号</th>
+          <th>单位名称</th>
+          <th>部门名称</th>
+          <th>总计积分</th>
+          <th>连续签到天数</th>
+          <th>最新签到时间</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="tbody"></tbody>
+    </table>
+  </div>
+</main>
+
+<!-- 按月导出弹窗 -->
+<div class="modal-mask" id="exportModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>按月导出</h3>
+      <button class="modal__close" onclick="closeModal('exportModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-row">
+        <div class="form-group">
+          <label>开始月份 <span style="color:var(--danger)">*</span></label>
+          <input class="form-control" id="exportStart" type="month" value="2026-01">
+        </div>
+        <div class="form-group">
+          <label>结束月份 <span style="color:var(--danger)">*</span></label>
+          <input class="form-control" id="exportEnd" type="month" value="2026-05">
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('exportModal')">取消</button>
+      <button class="btn btn-primary" onclick="doExport()">确认</button>
+    </div>
+  </div>
+</div>
+
+<!-- 打卡记录弹窗 -->
+<div class="modal-mask" id="recordModal">
+  <div class="modal modal-lg">
+    <div class="modal__header">
+      <h3>打卡记录</h3>
+      <button class="modal__close" onclick="closeModal('recordModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="info-card" id="recordInfoCard"></div>
+      <table>
+        <thead>
+          <tr>
+            <th>打卡时间</th>
+            <th>增加积分</th>
+            <th>完成状态</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody id="recordTbody"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('recordModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 查看问卷弹窗 -->
+<div class="modal-mask" id="surveyModal">
+  <div class="modal modal-lg">
+    <div class="modal__header">
+      <h3>问卷详情</h3>
+      <button class="modal__close" onclick="closeModal('surveyModal')">×</button>
+    </div>
+    <div class="modal__body" style="padding:0;">
+      <table>
+        <thead>
+          <tr>
+            <th>问题分类</th>
+            <th>问题描述</th>
+            <th>员工选项</th>
+          </tr>
+        </thead>
+        <tbody id="surveyTbody"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('surveyModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<div class="toast" id="toast"></div>
+<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');})();
+
+var orgTree=[
+  {label:'长庆油田公司',children:['采油一厂','采油二厂','采油三厂','采气一厂','输油处']},
+  {label:'西安分公司',children:['技术中心','信息中心','后勤服务中心']},
+  {label:'庆阳分公司',children:['生产运行部','安全环保部','人力资源部']}
+];
+
+var employees=[
+  {name:'张伟',code:'CQ10021',unit:'长庆油田公司',dept:'采油一厂',score:186,days:32,lastTime:'2026-05-13 07:45'},
+  {name:'李娜',code:'CQ10035',unit:'长庆油田公司',dept:'采油二厂',score:152,days:18,lastTime:'2026-05-13 08:02'},
+  {name:'王强',code:'CQ10048',unit:'长庆油田公司',dept:'采气一厂',score:210,days:45,lastTime:'2026-05-12 07:30'},
+  {name:'赵敏',code:'XA20012',unit:'西安分公司',dept:'技术中心',score:98,days:12,lastTime:'2026-05-13 08:15'},
+  {name:'刘洋',code:'XA20025',unit:'西安分公司',dept:'信息中心',score:134,days:22,lastTime:'2026-05-11 07:55'},
+  {name:'陈静',code:'QY30008',unit:'庆阳分公司',dept:'生产运行部',score:167,days:28,lastTime:'2026-05-13 07:38'},
+  {name:'周磊',code:'QY30015',unit:'庆阳分公司',dept:'安全环保部',score:78,days:8,lastTime:'2026-05-10 08:20'},
+  {name:'孙丽',code:'CQ10062',unit:'长庆油田公司',dept:'输油处',score:145,days:20,lastTime:'2026-05-12 08:10'}
+];
+
+var checkRecords=[
+  {time:'2026-05-13 07:45',score:5,status:'已完成'},
+  {time:'2026-05-12 07:42',score:5,status:'已完成'},
+  {time:'2026-05-11 07:50',score:5,status:'已完成'},
+  {time:'2026-05-10 07:38',score:3,status:'部分完成'},
+  {time:'2026-05-09 07:55',score:5,status:'已完成'},
+  {time:'2026-05-08 08:01',score:5,status:'已完成'}
+];
+
+var surveyAnswers=[
+  {cat:'饮食习惯',desc:'今天是否按时吃早餐？',answer:'是'},
+  {cat:'饮食习惯',desc:'今天饮水量是否达到1500ml？',answer:'是'},
+  {cat:'运动锻炼',desc:'今天是否进行了30分钟以上运动？',answer:'否'},
+  {cat:'睡眠质量',desc:'昨晚睡眠时间是否达到7小时？',answer:'是'},
+  {cat:'心理状态',desc:'今天是否感到焦虑或压力过大？',answer:'否'}
+];
+
+// 初始化单位下拉
+function initUnitSelect(){
+  var s=document.getElementById('filterUnit');
+  s.innerHTML='<option value="">选择单位</option>';
+  orgTree.forEach(function(o){s.innerHTML+='<option>'+o.label+'</option>';});
+}
+function onUnitChange(){
+  var s1=document.getElementById('filterUnit'),s2=document.getElementById('filterDept');
+  s2.innerHTML='<option value="">请选择</option>';
+  if(!s1.value)return;
+  var node=orgTree.find(function(o){return o.label===s1.value;});
+  if(node)node.children.forEach(function(d){s2.innerHTML+='<option>'+d+'</option>';});
+}
+
+function renderTable(data){
+  var html='';
+  data.forEach(function(e,i){
+    var idx=employees.indexOf(e);
+    html+='<tr>';
+    html+='<td>'+e.name+'</td>';
+    html+='<td>'+e.code+'</td>';
+    html+='<td>'+e.unit+'</td>';
+    html+='<td>'+e.dept+'</td>';
+    html+='<td style="font-weight:600;color:var(--primary);">'+e.score+'</td>';
+    html+='<td>'+e.days+'天</td>';
+    html+='<td>'+e.lastTime+'</td>';
+    html+='<td><span class="link" onclick="openExportModal('+idx+')">按月导出</span>';
+    html+='<span style="color:var(--border);margin:0 6px;">|</span>';
+    html+='<span class="link" onclick="openRecordModal('+idx+')">打卡记录</span></td>';
+    html+='</tr>';
+  });
+  document.getElementById('tbody').innerHTML=html||'<tr><td colspan="8" style="text-align:center;padding:40px;color:var(--text-placeholder);">暂无数据</td></tr>';
+}
+
+function filterTable(){
+  var name=document.getElementById('filterName').value.trim();
+  var code=document.getElementById('filterCode').value.trim();
+  var unit=document.getElementById('filterUnit').value;
+  var dept=document.getElementById('filterDept').value;
+  var filtered=employees.filter(function(e){
+    if(name&&e.name.indexOf(name)===-1)return false;
+    if(code&&e.code.indexOf(code)===-1)return false;
+    if(unit&&e.unit!==unit)return false;
+    if(dept&&e.dept!==dept)return false;
+    return true;
+  });
+  renderTable(filtered);
+}
+function resetFilter(){
+  document.getElementById('filterName').value='';
+  document.getElementById('filterCode').value='';
+  document.getElementById('filterUnit').value='';
+  document.getElementById('filterDept').innerHTML='<option value="">选择部门</option>';
+  renderTable(employees);
+}
+
+function openExportModal(){document.getElementById('exportModal').classList.add('show');}
+function doExport(){
+  closeModal('exportModal');
+  showToast('导出成功');
+}
+
+function openRecordModal(idx){
+  var e=employees[idx];
+  var card=document.getElementById('recordInfoCard');
+  card.innerHTML='<div class="info-card__item"><span class="info-card__label">姓名</span><span class="info-card__value">'+e.name+'</span></div>'
+    +'<div class="info-card__item"><span class="info-card__label">员工编号</span><span class="info-card__value">'+e.code+'</span></div>'
+    +'<div class="info-card__item"><span class="info-card__label">单位</span><span class="info-card__value">'+e.unit+'</span></div>'
+    +'<div class="info-card__item"><span class="info-card__label">部门</span><span class="info-card__value">'+e.dept+'</span></div>'
+    +'<div class="info-card__item"><span class="info-card__label">总积分</span><span class="info-card__value">'+e.score+'</span></div>'
+    +'<div class="info-card__item"><span class="info-card__label">连续签到</span><span class="info-card__value">'+e.days+'天</span></div>';
+  var html='';
+  checkRecords.forEach(function(r,i){
+    var statusColor=r.status==='已完成'?'var(--success)':'var(--warning)';
+    html+='<tr>';
+    html+='<td>'+r.time+'</td>';
+    html+='<td>+'+r.score+'</td>';
+    html+='<td><span style="color:'+statusColor+'">'+r.status+'</span></td>';
+    html+='<td><span class="link" onclick="openSurveyModal()">查看问卷</span></td>';
+    html+='</tr>';
+  });
+  document.getElementById('recordTbody').innerHTML=html;
+  document.getElementById('recordModal').classList.add('show');
+}
+
+function openSurveyModal(){
+  var html='';
+  surveyAnswers.forEach(function(s){
+    html+='<tr><td>'+s.cat+'</td><td>'+s.desc+'</td><td>'+s.answer+'</td></tr>';
+  });
+  document.getElementById('surveyTbody').innerHTML=html;
+  document.getElementById('surveyModal').classList.add('show');
+}
+
+function closeModal(id){document.getElementById(id).classList.remove('show');}
+function showToast(msg){
+  var t=document.getElementById('toast');
+  t.textContent=msg;t.classList.add('show');
+  setTimeout(function(){t.classList.remove('show');},2000);
+}
+
+// 初始化
+initUnitSelect();
+renderTable(employees);
+
+document.querySelectorAll('.modal-mask').forEach(function(m){
+  m.addEventListener('click',function(e){if(e.target===m)m.classList.remove('show');});
+});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/survey-category.html b/web-admin/health-monitor/health-checkup/survey-category.html
new file mode 100644
index 0000000..92ca7c1
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/survey-category.html
@@ -0,0 +1,296 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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);}
+  /* 工具栏 */
+  .toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
+  .btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;background:#fff;color:var(--text-primary);transition:all .15s;}
+  .btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);}
+  .btn--primary:hover{background:#40a9ff;border-color:#40a9ff;}
+  /* 表格 */
+  .table-wrap{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .tree-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);}
+  .tree-table th{background:#FAFBFC;font-weight:500;color:var(--text-secondary);text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);}
+  .tree-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle;}
+  .tree-table tbody tr:hover{background:#FAFBFC;}
+  .col-expand{width:40px;}
+  .col-name{min-width:240px;}
+  .col-sort{width:200px;text-align:center!important;}
+  .col-action{width:220px;text-align:right!important;}
+  .tree-table td.col-sort{text-align:center;}
+  .tree-table td.col-action{text-align:right;}
+  /* 展开按钮 */
+  .expand-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:transform .2s;border:none;background:none;font-size:16px;}
+  .expand-btn.open{transform:rotate(90deg);}
+  .expand-btn.hidden{visibility:hidden;}
+  /* 子行缩进 */
+  .row-child .cell-name{padding-left:32px;}
+  .row-child{display:none;}
+  .row-child.visible{display:table-row;}
+  /* 操作链接 */
+  .action-link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);margin-left:16px;background:none;border:none;text-decoration:none;}
+  .action-link:hover{color:#40a9ff;}
+  .action-link.danger{color:var(--danger);}
+  .action-link.danger:hover{color:#ff7875;}
+  /* 弹窗 */
+  .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:none;align-items:center;justify-content:center;}
+  .modal-mask.show{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-md);width:480px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,.15);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .modal__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);}
+  .modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:var(--text-placeholder);font-size:18px;transition:all .15s;border:none;background:none;}
+  .modal__close:hover{background:#f5f5f5;color:var(--text-primary);}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{margin-bottom:16px;}
+  .form-group:last-child{margin-bottom:0;}
+  .form-group label{display:block;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;}
+  .form-group label .required{color:var(--danger);margin-left:2px;}
+  .form-group .form-control{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;box-sizing:border-box;}
+  .form-group .form-control:focus{border-color:var(--primary);}
+  .form-group select.form-control{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px;cursor:pointer;}
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0;font-size:var(--font-sm);color:var(--text-secondary);}
+  .pagination__pages{display:flex;align-items:center;gap:4px;}
+  .page-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;}
+  .page-item:hover{color:var(--primary);}
+  .page-item.active{background:var(--primary);color:#fff;}
+  .pagination__size{cursor:pointer;}
+  .jump-input{width:40px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-sm);outline:none;}
+  .jump-input:focus{border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item active">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">用户排查</a>
+      <a href="record-dept.html" class="sidebar-item">部门排查</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>分类名称</label>
+      <input class="filter-input" placeholder="请输入分类名称">
+    </div>
+    <button class="btn btn--primary" onclick="alert('查询')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="currentColor" stroke-width="1.5"/><path d="M10.5 10.5l2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 查询</button>
+    <button class="btn" onclick="alert('重置')">重置</button>
+  </div>
+  <!-- 操作栏 -->
+  <div class="toolbar">
+    <button class="btn btn--primary" onclick="openModal()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg> 新增</button>
+  </div>
+  <!-- 树状表格 -->
+  <div class="table-wrap">
+    <table class="tree-table">
+      <thead>
+        <tr>
+          <th class="col-expand"></th>
+          <th class="col-name">分类名称</th>
+          <th class="col-sort">分类排序</th>
+          <th class="col-action">操作</th>
+        </tr>
+      </thead>
+      <tbody id="treeBody"></tbody>
+    </table>
+  </div>
+  <!-- 分页 -->
+  <div class="pagination">
+    <span class="pagination__total">共 12 条数据</span>
+    <div class="pagination__pages">
+      <span class="page-item active">1</span>
+      <span class="page-item">2</span>
+      <span class="page-item next">></span>
+    </div>
+    <div class="pagination__size">10条/页 ▾</div>
+    <div class="pagination__jump">跳至 <input type="text" class="jump-input"> 页</div>
+  </div>
+</main>
+
+<!-- 新增分类弹窗 -->
+<div class="modal-mask" id="addModal">
+  <div class="modal">
+    <div class="modal__header">
+      <span class="modal__title">新增分类</span>
+      <button class="modal__close" onclick="closeModal()">&times;</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-group">
+        <label>分类名称 <span class="required">*</span></label>
+        <input type="text" class="form-control" placeholder="请输入分类名称">
+      </div>
+      <div class="form-group">
+        <label>分类排序</label>
+        <input type="text" class="form-control" placeholder="请输入排序号">
+      </div>
+      <div class="form-group">
+        <label>所属分类</label>
+        <select class="form-control">
+          <option value="">无（作为一级分类）</option>
+          <option value="1">夯实四大健康基石</option>
+          <option value="2">提升健康素养</option>
+          <option value="3">监测重点指标</option>
+          <option value="4">参与单位活动</option>
+          <option value="5">消减危险因素</option>
+          <option value="6">控降风险级别</option>
+          <option value="7">消减异常源头</option>
+          <option value="8">控降异常结果</option>
+          <option value="9">慢病就诊用药</option>
+          <option value="10">控降慢病指标</option>
+        </select>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn" onclick="closeModal()">取消</button>
+      <button class="btn btn--primary" onclick="alert('保存成功');closeModal()">确定</button>
+    </div>
+  </div>
+</div>
+<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');})();
+
+// 树状数据
+var treeData = [
+  {id:1, name:'夯实四大健康基石', sort:1, children:[
+    {id:101, name:'合理膳食', sort:1},
+    {id:102, name:'适量运动', sort:2},
+    {id:103, name:'戒烟限酒', sort:3},
+    {id:104, name:'心理平衡', sort:4}
+  ]},
+  {id:2, name:'提升健康素养', sort:2, children:[
+    {id:201, name:'健康知识掌握', sort:1},
+    {id:202, name:'健康行为养成', sort:2}
+  ]},
+  {id:3, name:'监测重点指标', sort:3, children:[]},
+  {id:4, name:'参与单位活动', sort:4, children:[]},
+  {id:5, name:'消减危险因素', sort:5, children:[]},
+  {id:6, name:'控降风险级别', sort:6, children:[]},
+  {id:7, name:'消减异常源头', sort:7, children:[]},
+  {id:8, name:'控降异常结果', sort:8, children:[]},
+  {id:9, name:'慢病就诊用药', sort:9, children:[]},
+  {id:10, name:'控降慢病指标', sort:10, children:[]}
+];
+
+function renderTree(){
+  var tbody = document.getElementById('treeBody');
+  var html = '';
+  treeData.forEach(function(item){
+    var hasChild = item.children && item.children.length > 0;
+    html += '<tr class="row-parent" data-id="'+item.id+'">';
+    html += '<td class="col-expand"><button class="expand-btn'+(hasChild?'':' hidden')+'" onclick="toggleRow(this,'+item.id+')">+</button></td>';
+    html += '<td class="col-name">'+item.name+'</td>';
+    html += '<td class="col-sort">'+item.sort+'</td>';
+    html += '<td class="col-action">';
+    html += '<a class="action-link" onclick="alert(\'添加下级: '+item.name+'\')">添加下级</a>';
+    html += '<a class="action-link" onclick="alert(\'编辑: '+item.name+'\')">编辑</a>';
+    html += '<a class="action-link danger" onclick="alert(\'删除: '+item.name+'\')">删除</a>';
+    html += '</td></tr>';
+    if(hasChild){
+      item.children.forEach(function(child){
+        html += '<tr class="row-child" data-parent="'+item.id+'">';
+        html += '<td class="col-expand"></td>';
+        html += '<td class="col-name"><span class="cell-name">'+child.name+'</span></td>';
+        html += '<td class="col-sort">'+child.sort+'</td>';
+        html += '<td class="col-action">';
+        html += '<a class="action-link" onclick="alert(\'编辑: '+child.name+'\')">编辑</a>';
+        html += '<a class="action-link danger" onclick="alert(\'删除: '+child.name+'\')">删除</a>';
+        html += '</td></tr>';
+      });
+    }
+  });
+  tbody.innerHTML = html;
+}
+
+function toggleRow(btn, parentId){
+  var isOpen = btn.classList.toggle('open');
+  btn.textContent = isOpen ? '−' : '+';
+  var rows = document.querySelectorAll('tr[data-parent="'+parentId+'"]');
+  rows.forEach(function(r){ r.classList.toggle('visible', isOpen); });
+}
+
+function openModal(){ document.getElementById('addModal').classList.add('show'); }
+function closeModal(){ document.getElementById('addModal').classList.remove('show'); }
+
+renderTree();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/survey-question.html b/web-admin/health-monitor/health-checkup/survey-question.html
new file mode 100644
index 0000000..d58e376
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/survey-question.html
@@ -0,0 +1,431 @@
+<!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);
+  }
+  .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);}
+  .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
+  .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-bar .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;min-width:140px;}
+  .filter-bar .form-control:focus{border-color:var(--primary);}
+  /* 级联下拉 */
+  .cascade-select{position:relative;display:inline-block;}
+  .cascade-select__trigger{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);background:#fff;cursor:pointer;display:flex;align-items:center;min-width:180px;color:var(--text-primary);user-select:none;}
+  .cascade-select__trigger.placeholder{color:var(--text-placeholder);}
+  .cascade-select__trigger::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-top:5px solid #999;}
+  .cascade-select__panel{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:300;display:none;white-space:nowrap;}
+  .cascade-select__panel.show{display:flex;}
+  .cascade-select__col{min-width:140px;max-height:260px;overflow-y:auto;border-right:1px solid var(--border);padding:6px 0;}
+  .cascade-select__col:last-child{border-right:none;}
+  .cascade-select__opt{padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;}
+  .cascade-select__opt:hover{background:#F5F7FA;}
+  .cascade-select__opt.active{color:var(--primary);background:var(--primary-light);}
+  /* 问题选项 */
+  .option-list{display:flex;flex-direction:column;gap:8px;}
+  .option-item{display:flex;align-items:center;gap:8px;}
+  .option-item input{flex:1;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;}
+  .option-item input:focus{border-color:var(--primary);}
+  .option-item .btn-icon{width:28px;height:28px;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;}
+  .option-item .btn-icon:hover{background:#FFF1F0;color:var(--danger);}
+  .btn-add-option{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--font-sm);cursor:pointer;padding:4px 0;border:none;background:none;}
+  .btn-add-option:hover{color:#40a9ff;}
+  .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{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);}
+  tbody td{padding:14px 16px;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-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-gray{background:#F5F5F5;color:#666;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .form-group .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-group .form-control:focus{border-color:var(--primary);}
+  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item active">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">用户排查</a>
+      <a href="record-dept.html" class="sidebar-item">部门排查</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <span class="filter-item__label">问题分类</span>
+      <div class="cascade-select" id="filterCascade">
+        <div class="cascade-select__trigger placeholder" onclick="toggleCascade('filterCascade')">请选择分类</div>
+        <div class="cascade-select__panel" id="filterPanel">
+          <div class="cascade-select__col" id="filterCol1"></div>
+          <div class="cascade-select__col" id="filterCol2" style="display:none;"></div>
+        </div>
+      </div>
+    </div>
+    <div class="filter-item">
+      <span class="filter-item__label">问题描述</span>
+      <input class="form-control" id="filterDesc" placeholder="请输入关键词" style="width:200px;">
+    </div>
+    <button class="btn btn-primary" onclick="filterTable()">查询</button>
+    <button class="btn btn-default" onclick="resetFilter()">重置</button>
+  </div>
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">问题列表</span>
+      <button class="btn btn-primary" onclick="openModal(null)">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+        新增
+      </button>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th>问题分类</th>
+          <th>问题描述</th>
+          <th>问题类型</th>
+          <th>问题排序</th>
+          <th>是否必填</th>
+          <th>频次</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="tbody"></tbody>
+    </table>
+  </div>
+</main>
+
+<!-- 新增/编辑弹窗 -->
+<div class="modal-mask" id="editModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3 id="modalTitle">新增问题</h3>
+      <button class="modal__close" onclick="closeModal()">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-group">
+        <label>问题分类 <span style="color:var(--danger)">*</span></label>
+        <div class="cascade-select" id="editCascade">
+          <div class="cascade-select__trigger placeholder" onclick="toggleCascade('editCascade')">请选择分类</div>
+          <div class="cascade-select__panel" id="editPanel">
+            <div class="cascade-select__col" id="editCol1"></div>
+            <div class="cascade-select__col" id="editCol2" style="display:none;"></div>
+          </div>
+        </div>
+      </div>
+      <div class="form-group">
+        <label>问题描述 <span style="color:var(--danger)">*</span></label>
+        <input class="form-control" id="editDesc" placeholder="请输入问题描述">
+      </div>
+      <div class="form-row">
+        <div class="form-group">
+          <label>问题类型 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control" id="editType" onchange="onTypeChange()">
+            <option>单选</option>
+            <option>多选</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label>问题排序</label>
+          <input class="form-control" id="editSort" type="number" placeholder="数字越小越靠前" min="1">
+        </div>
+      </div>
+      <div class="form-group">
+        <label>问题选项 <span style="color:var(--danger)">*</span></label>
+        <div class="option-list" id="optionList"></div>
+        <button class="btn-add-option" id="btnAddOption" onclick="addOption()" style="display:none;">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          添加选项
+        </button>
+      </div>
+      <div class="form-row">
+        <div class="form-group">
+          <label>是否必填</label>
+          <select class="form-control" id="editRequired">
+            <option value="是">是</option>
+            <option value="否">否</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label>频次 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control" id="editFreq">
+            <option>每日</option>
+            <option>每周</option>
+            <option>每月</option>
+            <option>每季</option>
+            <option>每半年</option>
+            <option>每年</option>
+            <option>自定义时间</option>
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">取消</button>
+      <button class="btn btn-primary" onclick="saveQuestion()">确定</button>
+    </div>
+  </div>
+</div>
+<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');})();
+
+var categoryTree=[
+  {label:'生活习惯',children:['饮食习惯','运动锻炼','睡眠质量','体重管理']},
+  {label:'心理健康',children:['心理状态','压力管理','情绪调节']},
+  {label:'疾病管理',children:['慢病管理','用药提醒','康复训练']},
+  {label:'职业防护',children:['职业健康','劳动防护','职业禁忌']}
+];
+
+var questions=[
+  {cat1:'生活习惯',cat2:'饮食习惯',desc:'今天是否按时吃早餐？',type:'单选',sort:1,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'生活习惯',cat2:'饮食习惯',desc:'今天饮水量是否达到1500ml？',type:'单选',sort:2,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'生活习惯',cat2:'运动锻炼',desc:'今天是否进行了30分钟以上运动？',type:'单选',sort:3,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'生活习惯',cat2:'睡眠质量',desc:'昨晚睡眠时间是否达到7小时？',type:'单选',sort:4,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'心理健康',cat2:'心理状态',desc:'今天是否感到焦虑或压力过大？',type:'单选',sort:5,required:'否',freq:'每周',options:['是','否']},
+  {cat1:'心理健康',cat2:'压力管理',desc:'本周是否进行了放松训练？',type:'多选',sort:6,required:'否',freq:'每周',options:['冥想','运动','阅读','听音乐','其他']},
+  {cat1:'疾病管理',cat2:'慢病管理',desc:'今天是否按时服药？',type:'单选',sort:7,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'职业防护',cat2:'职业健康',desc:'今天工作中是否佩戴了防护用品？',type:'单选',sort:8,required:'是',freq:'每日',options:['是','否']},
+  {cat1:'职业防护',cat2:'劳动防护',desc:'本月是否参加了安全培训？',type:'单选',sort:9,required:'否',freq:'每月',options:['是','否']}
+];
+
+var editingIdx=null;
+var currentOptions=[];
+
+/* ===== 级联选择 ===== */
+var cascadeState={filterCascade:{cat1:'',cat2:''},editCascade:{cat1:'',cat2:''}};
+
+function toggleCascade(id){
+  var panel=document.getElementById(id==='filterCascade'?'filterPanel':'editPanel');
+  var isShow=panel.classList.contains('show');
+  closeAllCascade();
+  if(!isShow){panel.classList.add('show');renderCascadeCol1(id);}
+}
+function closeAllCascade(){
+  document.querySelectorAll('.cascade-select__panel').forEach(function(p){p.classList.remove('show');});
+}
+function renderCascadeCol1(id){
+  var col1=document.getElementById(id==='filterCascade'?'filterCol1':'editCol1');
+  var col2=document.getElementById(id==='filterCascade'?'filterCol2':'editCol2');
+  var state=cascadeState[id];
+  var html='';
+  categoryTree.forEach(function(c){
+    html+='<div class="cascade-select__opt'+(state.cat1===c.label?' active':'')+'" onclick="selectCat1(\''+id+'\',\''+c.label+'\')">'+c.label+'</div>';
+  });
+  col1.innerHTML=html;
+  if(state.cat1){renderCascadeCol2(id);}else{col2.style.display='none';}
+}
+function renderCascadeCol2(id){
+  var col2=document.getElementById(id==='filterCascade'?'filterCol2':'editCol2');
+  var state=cascadeState[id];
+  var node=categoryTree.find(function(c){return c.label===state.cat1;});
+  if(!node){col2.style.display='none';return;}
+  col2.style.display='';
+  var html='';
+  node.children.forEach(function(ch){
+    html+='<div class="cascade-select__opt'+(state.cat2===ch?' active':'')+'" onclick="selectCat2(\''+id+'\',\''+ch+'\')">'+ch+'</div>';
+  });
+  col2.innerHTML=html;
+}
+function selectCat1(id,val){
+  cascadeState[id].cat1=val;cascadeState[id].cat2='';
+  renderCascadeCol1(id);
+}
+function selectCat2(id,val){
+  cascadeState[id].cat2=val;
+  var trigger=document.querySelector('#'+id+' .cascade-select__trigger');
+  trigger.textContent=cascadeState[id].cat1+' / '+val;
+  trigger.classList.remove('placeholder');
+  closeAllCascade();
+}
+function setCascadeValue(id,cat1,cat2){
+  cascadeState[id]={cat1:cat1,cat2:cat2};
+  var trigger=document.querySelector('#'+id+' .cascade-select__trigger');
+  if(cat1&&cat2){trigger.textContent=cat1+' / '+cat2;trigger.classList.remove('placeholder');}
+  else{trigger.textContent='请选择分类';trigger.classList.add('placeholder');}
+}
+
+/* ===== 问题选项 ===== */
+function renderOptions(){
+  var list=document.getElementById('optionList');
+  var html='';
+  currentOptions.forEach(function(opt,i){
+    html+='<div class="option-item">';
+    html+='<input value="'+opt+'" onchange="currentOptions['+i+']=this.value">';
+    html+='<button class="btn-icon" onclick="removeOption('+i+')" title="删除"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 3l8 8M11 3l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></button>';
+    html+='</div>';
+  });
+  list.innerHTML=html;
+  document.getElementById('btnAddOption').style.display='';
+}
+function addOption(){currentOptions.push('选项'+(currentOptions.length+1));renderOptions();}
+function removeOption(i){if(currentOptions.length<=2)return;currentOptions.splice(i,1);renderOptions();}
+function onTypeChange(){
+  var type=document.getElementById('editType').value;
+  if(type==='单选'){currentOptions=['是','否'];}
+  renderOptions();
+}
+
+/* ===== 表格 ===== */
+function renderTable(data){
+  var html='';
+  data.forEach(function(q){
+    var idx=questions.indexOf(q);
+    html+='<tr>';
+    html+='<td>'+q.cat1+' / '+q.cat2+'</td>';
+    html+='<td>'+q.desc+'</td>';
+    html+='<td><span class="tag '+(q.type==='单选'?'tag-blue':'tag-green')+'">'+q.type+'</span></td>';
+    html+='<td>'+q.sort+'</td>';
+    html+='<td>'+q.required+'</td>';
+    html+='<td>'+q.freq+'</td>';
+    html+='<td><span class="link" onclick="openModal('+idx+')">编辑</span>';
+    html+='<span style="color:var(--border);margin:0 6px;">|</span>';
+    html+='<span class="link" style="color:var(--danger);">删除</span></td>';
+    html+='</tr>';
+  });
+  document.getElementById('tbody').innerHTML=html||'<tr><td colspan="7" style="text-align:center;padding:40px;color:var(--text-placeholder);">暂无数据</td></tr>';
+}
+
+function filterTable(){
+  var state=cascadeState.filterCascade;
+  var desc=document.getElementById('filterDesc').value.trim().toLowerCase();
+  var filtered=questions.filter(function(q){
+    if(state.cat1&&q.cat1!==state.cat1)return false;
+    if(state.cat2&&q.cat2!==state.cat2)return false;
+    if(desc&&q.desc.toLowerCase().indexOf(desc)===-1)return false;
+    return true;
+  });
+  renderTable(filtered);
+}
+function resetFilter(){
+  setCascadeValue('filterCascade','','');
+  document.getElementById('filterDesc').value='';
+  renderTable(questions);
+}
+
+/* ===== 弹窗 ===== */
+function openModal(idx){
+  editingIdx=idx;
+  if(idx===null){
+    document.getElementById('modalTitle').textContent='新增问题';
+    setCascadeValue('editCascade','','');
+    document.getElementById('editDesc').value='';
+    document.getElementById('editType').value='单选';
+    document.getElementById('editSort').value='';
+    document.getElementById('editRequired').value='是';
+    document.getElementById('editFreq').value='每日';
+    currentOptions=['是','否'];
+  }else{
+    var q=questions[idx];
+    document.getElementById('modalTitle').textContent='编辑问题';
+    setCascadeValue('editCascade',q.cat1,q.cat2);
+    document.getElementById('editDesc').value=q.desc;
+    document.getElementById('editType').value=q.type;
+    document.getElementById('editSort').value=q.sort;
+    document.getElementById('editRequired').value=q.required;
+    document.getElementById('editFreq').value=q.freq;
+    currentOptions=q.options.slice();
+  }
+  renderOptions();
+  document.getElementById('editModal').classList.add('show');
+}
+function closeModal(){document.getElementById('editModal').classList.remove('show');closeAllCascade();}
+function saveQuestion(){closeModal();}
+
+// 初始化
+renderTable(questions);
+
+document.addEventListener('click',function(e){
+  if(!e.target.closest('.cascade-select'))closeAllCascade();
+});
+document.getElementById('editModal').addEventListener('click',function(e){if(e.target===this)closeModal();});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/survey-score.html b/web-admin/health-monitor/health-checkup/survey-score.html
new file mode 100644
index 0000000..de27a7b
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/survey-score.html
@@ -0,0 +1,138 @@
+<!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);
+  }
+  .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);}
+  .score-wrap{display:flex;align-items:center;justify-content:center;height:calc(100vh - 56px - 48px);}
+  .score-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:40px 48px;width:480px;}
+  .score-card__title{font-size:var(--font-lg);font-weight:600;margin-bottom:32px;text-align:center;}
+  .score-form-group{margin-bottom:24px;}
+  .score-form-group label{display:block;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;}
+  .score-form-group .score-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;font-size:var(--font-sm);outline:none;transition:border-color .2s;}
+  .score-form-group .score-input:focus{border-color:var(--primary);}
+  .score-form-group .score-hint{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:6px;}
+  .score-actions{display:flex;gap:12px;justify-content:center;margin-top:36px;}
+  .score-actions .btn{height:40px;padding:0 28px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;}
+  .score-actions .btn-primary{background:var(--primary);color:#fff;}
+  .score-actions .btn-primary:hover{background:#40a9ff;}
+  .score-actions .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}
+  .score-actions .btn-default:hover{color:var(--primary);border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item active">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">用户排查</a>
+      <a href="record-dept.html" class="sidebar-item">部门排查</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="score-wrap">
+    <div class="score-card">
+      <div class="score-card__title">积分规则设置</div>
+      <div class="score-form-group">
+        <label>积分奖励起始值</label>
+        <input class="score-input" type="number" value="10" min="0">
+        <div class="score-hint">用户首次完成排查获得的基础积分</div>
+      </div>
+      <div class="score-form-group">
+        <label>积分奖励递增值</label>
+        <input class="score-input" type="number" value="5" min="0">
+        <div class="score-hint">连续完成排查时每次递增的积分数</div>
+      </div>
+      <div class="score-form-group">
+        <label>积分奖励最大值</label>
+        <input class="score-input" type="number" value="50" min="0">
+        <div class="score-hint">单次排查可获得的积分上限</div>
+      </div>
+      <div class="score-actions">
+        <button class="btn btn-primary" onclick="saveScore()">保存</button>
+        <button class="btn btn-default" onclick="resetScore()">重置</button>
+      </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');})();
+var defaults={start:10,step:5,max:50};
+function saveScore(){alert('保存成功');}
+function resetScore(){
+  var inputs=document.querySelectorAll('.score-input');
+  inputs[0].value=defaults.start;
+  inputs[1].value=defaults.step;
+  inputs[2].value=defaults.max;
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/health-checkup/survey-template.html b/web-admin/health-monitor/health-checkup/survey-template.html
new file mode 100644
index 0000000..cd372a4
--- /dev/null
+++ b/web-admin/health-monitor/health-checkup/survey-template.html
@@ -0,0 +1,490 @@
+<!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);
+  }
+  .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);}
+  .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{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);}
+  tbody td{padding:14px 16px;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:#666;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .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);}
+  /* 弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal-lg{width:860px;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-control:focus{border-color:var(--primary);}
+  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
+  /* 多选标签 */
+  .tag-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;min-height:36px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;cursor:text;position:relative;}
+  .tag-select:focus-within{border-color:var(--primary);}
+  .tag-select__tag{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);}
+  .tag-select__tag .tag-remove{cursor:pointer;font-size:14px;line-height:1;}
+  .tag-select__tag .tag-remove:hover{color:var(--danger);}
+  .tag-select__input{border:none;outline:none;font-size:var(--font-sm);flex:1;min-width:80px;padding:0;}
+  .tag-select__dropdown{position:absolute;top:100%;left:-1px;right:-1px;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:300;max-height:260px;overflow-y:auto;display:none;padding:8px 0;}
+  .tag-select__dropdown.show{display:block;}
+  /* 树状节点 */
+  .tree-node{user-select:none;}
+  .tree-node__header{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-radius:var(--radius-sm);margin:0 4px;}
+  .tree-node__header:hover{background:#F5F7FA;}
+  .tree-node__arrow{width:12px;height:12px;transition:transform .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
+  .tree-node__arrow svg{width:10px;height:10px;}
+  .tree-node__arrow.expanded{transform:rotate(90deg);}
+  .tree-node__arrow.hidden{visibility:hidden;}
+  .tree-node__checkbox{width:16px;height:16px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;}
+  .tree-node__checkbox.checked{background:var(--primary);border-color:var(--primary);}
+  .tree-node__checkbox.checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px;}
+  .tree-node__checkbox.indeterminate{border-color:var(--primary);}
+  .tree-node__checkbox.indeterminate::after{content:'';width:8px;height:2px;background:var(--primary);}
+  .tree-node__label{font-size:var(--font-sm);color:var(--text-primary);}
+  .tree-node__children{padding-left:24px;display:none;}
+  .tree-node__children.expanded{display:block;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html" class="active">健康排查</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 class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">健康排查</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查问卷</div>
+    <div class="sidebar-subgroup__body">
+      <a href="survey-category.html" class="sidebar-item">问题分类</a>
+      <a href="survey-score.html" class="sidebar-item">积分规则</a>
+      <a href="survey-template.html" class="sidebar-item active">模板信息</a>
+      <a href="survey-question.html" class="sidebar-item">问题管理</a>
+    </div>
+  </div>
+  <a href="maxim.html" class="sidebar-item">格言管理</a>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 排查记录</div>
+    <div class="sidebar-subgroup__body">
+      <a href="record-user.html" class="sidebar-item">用户排查</a>
+      <a href="record-dept.html" class="sidebar-item">部门排查</a>
+    </div>
+  </div>
+</aside>
+<main class="main">
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">模板列表</span>
+      <button class="btn btn-primary" onclick="openEditModal(null)">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+        新增模板
+      </button>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th>模板名称</th>
+          <th>用户类别</th>
+          <th>模板状态</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>健康打卡-E类</td>
+          <td>E类</td>
+          <td><span class="tag tag-green">有效</span></td>
+          <td>
+            <span class="link" onclick="openEditModal(0)">编辑</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" style="color:var(--danger);" onclick="void(0)">删除</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" onclick="openViewModal(0)">查看</span>
+          </td>
+        </tr>
+        <tr>
+          <td>健康打卡-D类</td>
+          <td>D类</td>
+          <td><span class="tag tag-green">有效</span></td>
+          <td>
+            <span class="link" onclick="openEditModal(1)">编辑</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" style="color:var(--danger);" onclick="void(0)">删除</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" onclick="openViewModal(1)">查看</span>
+          </td>
+        </tr>
+        <tr>
+          <td>健康打卡-C类</td>
+          <td>C类</td>
+          <td><span class="tag tag-green">有效</span></td>
+          <td>
+            <span class="link" onclick="openEditModal(2)">编辑</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" style="color:var(--danger);" onclick="void(0)">删除</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" onclick="openViewModal(2)">查看</span>
+          </td>
+        </tr>
+        <tr>
+          <td>健康打卡-B类</td>
+          <td>B类</td>
+          <td><span class="tag tag-green">有效</span></td>
+          <td>
+            <span class="link" onclick="openEditModal(3)">编辑</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" style="color:var(--danger);" onclick="void(0)">删除</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" onclick="openViewModal(3)">查看</span>
+          </td>
+        </tr>
+        <tr>
+          <td>健康打卡-A类</td>
+          <td>A类</td>
+          <td><span class="tag tag-green">有效</span></td>
+          <td>
+            <span class="link" onclick="openEditModal(4)">编辑</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" style="color:var(--danger);" onclick="void(0)">删除</span>
+            <span style="color:var(--border);margin:0 6px;">|</span>
+            <span class="link" onclick="openViewModal(4)">查看</span>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</main>
+
+<!-- 查看弹窗 -->
+<div class="modal-mask" id="viewModal">
+  <div class="modal modal-lg">
+    <div class="modal__header">
+      <h3 id="viewModalTitle">查看模板 - 健康打卡-E类</h3>
+      <button class="modal__close" onclick="closeModal('viewModal')">×</button>
+    </div>
+    <div class="modal__body" style="padding:0;">
+      <table>
+        <thead>
+          <tr>
+            <th>问题分类</th>
+            <th>问题描述</th>
+            <th>问题选项</th>
+          </tr>
+        </thead>
+        <tbody id="viewTbody">
+        </tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('viewModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 编辑弹窗 -->
+<div class="modal-mask" id="editModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3 id="editModalTitle">编辑模板</h3>
+      <button class="modal__close" onclick="closeModal('editModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-group">
+        <label>模板名称 <span style="color:var(--danger)">*</span></label>
+        <input class="form-control" id="editName" placeholder="请输入模板名称">
+      </div>
+      <div class="form-row">
+        <div class="form-group">
+          <label>用户类别 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control" id="editCategory">
+            <option value="">请选择</option>
+            <option>A类</option>
+            <option>B类</option>
+            <option>C类</option>
+            <option>D类</option>
+            <option>E类</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label>模板状态</label>
+          <select class="form-control" id="editStatus">
+            <option>有效</option>
+            <option>无效</option>
+          </select>
+        </div>
+      </div>
+      <div class="form-group">
+        <label>问题分类 <span style="color:var(--danger)">*</span></label>
+        <div class="tag-select" id="tagSelect" onclick="toggleTreeDropdown(event)">
+          <span class="tag-select__tag" data-val="饮食习惯">饮食习惯<span class="tag-remove" onclick="removeTag(this,event)">×</span></span>
+          <span class="tag-select__tag" data-val="运动锻炼">运动锻炼<span class="tag-remove" onclick="removeTag(this,event)">×</span></span>
+          <input class="tag-select__input" id="tagInput" placeholder="搜索问题分类" oninput="filterTree()" onfocus="openTreeDropdown()">
+          <div class="tag-select__dropdown" id="catDropdown"></div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('editModal')">取消</button>
+      <button class="btn btn-primary" onclick="closeModal('editModal')">确定</button>
+    </div>
+  </div>
+</div>
+<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');})();
+
+var templates=[
+  {name:'健康打卡-E类',cat:'E类',status:'有效',questions:[
+    {cat:'饮食习惯',desc:'今天是否按时吃早餐？',opt:'单选题（是/否）'},
+    {cat:'饮食习惯',desc:'今天饮水量是否达到1500ml？',opt:'单选题（是/否）'},
+    {cat:'运动锻炼',desc:'今天是否进行了30分钟以上运动？',opt:'单选题（是/否）'},
+    {cat:'睡眠质量',desc:'昨晚睡眠时间是否达到7小时？',opt:'单选题（是/否）'},
+    {cat:'心理状态',desc:'今天是否感到焦虑或压力过大？',opt:'单选题（是/否）'}
+  ]},
+  {name:'健康打卡-D类',cat:'D类',status:'有效',questions:[
+    {cat:'饮食习惯',desc:'今天是否摄入了足够的蔬菜水果？',opt:'单选题（是/否）'},
+    {cat:'运动锻炼',desc:'今天是否完成了步行目标？',opt:'单选题（是/否）'},
+    {cat:'慢病管理',desc:'今天是否按时服药？',opt:'单选题（是/否）'},
+    {cat:'睡眠质量',desc:'昨晚是否有失眠情况？',opt:'单选题（是/否）'}
+  ]},
+  {name:'健康打卡-C类',cat:'C类',status:'有效',questions:[
+    {cat:'饮食习惯',desc:'今天是否控制了高盐高油饮食？',opt:'单选题（是/否）'},
+    {cat:'运动锻炼',desc:'今天是否进行了有氧运动？',opt:'单选题（是/否）'},
+    {cat:'心理状态',desc:'今天情绪是否稳定？',opt:'单选题（是/否）'}
+  ]},
+  {name:'健康打卡-B类',cat:'B类',status:'有效',questions:[
+    {cat:'运动锻炼',desc:'今天是否完成了体能训练？',opt:'单选题（是/否）'},
+    {cat:'睡眠质量',desc:'昨晚睡眠质量是否良好？',opt:'单选题（是/否）'},
+    {cat:'职业健康',desc:'今天工作中是否佩戴了防护用品？',opt:'单选题（是/否）'}
+  ]},
+  {name:'健康打卡-A类',cat:'A类',status:'有效',questions:[
+    {cat:'饮食习惯',desc:'今天三餐是否规律？',opt:'单选题（是/否）'},
+    {cat:'运动锻炼',desc:'今天是否进行了户外活动？',opt:'单选题（是/否）'},
+    {cat:'心理状态',desc:'今天是否有充足的休息时间？',opt:'单选题（是/否）'},
+    {cat:'职业健康',desc:'今天是否有身体不适症状？',opt:'单选题（是/否）'}
+  ]}
+];
+
+// 树状分类数据
+var categoryTree=[
+  {label:'生活习惯',children:[
+    {label:'饮食习惯'},{label:'运动锻炼'},{label:'睡眠质量'},{label:'体重管理'}
+  ]},
+  {label:'心理健康',children:[
+    {label:'心理状态'},{label:'压力管理'},{label:'情绪调节'}
+  ]},
+  {label:'疾病管理',children:[
+    {label:'慢病管理'},{label:'用药提醒'},{label:'康复训练'}
+  ]},
+  {label:'职业防护',children:[
+    {label:'职业健康'},{label:'劳动防护'},{label:'职业禁忌'}
+  ]}
+];
+
+function closeModal(id){document.getElementById(id).classList.remove('show');}
+function openViewModal(idx){
+  var t=templates[idx];
+  document.getElementById('viewModalTitle').textContent='查看模板 - '+t.name;
+  var html='';
+  t.questions.forEach(function(q){
+    html+='<tr><td>'+q.cat+'</td><td>'+q.desc+'</td><td>'+q.opt+'</td></tr>';
+  });
+  document.getElementById('viewTbody').innerHTML=html;
+  document.getElementById('viewModal').classList.add('show');
+}
+function openEditModal(idx){
+  if(idx===null){
+    document.getElementById('editModalTitle').textContent='新增模板';
+    document.getElementById('editName').value='';
+    document.getElementById('editCategory').value='';
+    document.getElementById('editStatus').value='有效';
+    clearAllTags();
+  }else{
+    var t=templates[idx];
+    document.getElementById('editModalTitle').textContent='编辑模板';
+    document.getElementById('editName').value=t.name;
+    document.getElementById('editCategory').value=t.cat;
+    document.getElementById('editStatus').value=t.status;
+    clearAllTags();
+    var cats=[];t.questions.forEach(function(q){if(cats.indexOf(q.cat)===-1)cats.push(q.cat);});
+    cats.forEach(function(c){addTag(c);});
+  }
+  document.getElementById('editModal').classList.add('show');
+}
+function clearAllTags(){
+  document.getElementById('tagSelect').querySelectorAll('.tag-select__tag').forEach(function(el){el.remove();});
+}
+function addTag(val){
+  var container=document.getElementById('tagSelect');
+  var input=document.getElementById('tagInput');
+  var span=document.createElement('span');
+  span.className='tag-select__tag';span.setAttribute('data-val',val);
+  span.innerHTML=val+'<span class="tag-remove" onclick="removeTag(this,event)">×</span>';
+  container.insertBefore(span,input);
+}
+function removeTag(el,e){
+  e.stopPropagation();
+  el.parentElement.remove();
+  renderTree();
+}
+function getSelectedTags(){
+  var tags=[];
+  document.getElementById('tagSelect').querySelectorAll('.tag-select__tag').forEach(function(t){tags.push(t.getAttribute('data-val'));});
+  return tags;
+}
+function toggleTreeDropdown(e){
+  if(e.target.closest('.tag-remove'))return;
+  document.getElementById('tagInput').focus();
+}
+function openTreeDropdown(){
+  renderTree();
+  document.getElementById('catDropdown').classList.add('show');
+}
+function filterTree(){renderTree();document.getElementById('catDropdown').classList.add('show');}
+function renderTree(){
+  var dd=document.getElementById('catDropdown');
+  var keyword=document.getElementById('tagInput').value.toLowerCase();
+  var selected=getSelectedTags();
+  var html='';
+  categoryTree.forEach(function(parent,pi){
+    var visibleChildren=parent.children.filter(function(c){
+      return !keyword||c.label.toLowerCase().indexOf(keyword)>-1;
+    });
+    if(visibleChildren.length===0)return;
+    // 父节点checkbox状态
+    var checkedCount=0;
+    visibleChildren.forEach(function(c){if(selected.indexOf(c.label)>-1)checkedCount++;});
+    var allChecked=checkedCount===visibleChildren.length;
+    var someChecked=checkedCount>0&&!allChecked;
+    var cbCls='tree-node__checkbox'+(allChecked?' checked':'')+(someChecked?' indeterminate':'');
+    html+='<div class="tree-node">';
+    html+='<div class="tree-node__header" onclick="toggleTreeExpand(this)">';
+    html+='<span class="tree-node__arrow expanded"><svg viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke="#999" stroke-width="1.5" stroke-linecap="round"/></svg></span>';
+    html+='<span class="'+cbCls+'" onclick="toggleParentCheck(event,'+pi+')"></span>';
+    html+='<span class="tree-node__label" style="font-weight:500;">'+parent.label+'</span>';
+    html+='</div>';
+    html+='<div class="tree-node__children expanded">';
+    visibleChildren.forEach(function(child){
+      var isChecked=selected.indexOf(child.label)>-1;
+      var childCbCls='tree-node__checkbox'+(isChecked?' checked':'');
+      html+='<div class="tree-node__header" onclick="toggleLeafCheck(event,\''+child.label+'\')">';
+      html+='<span class="tree-node__arrow hidden"><svg viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke="#999" stroke-width="1.5" stroke-linecap="round"/></svg></span>';
+      html+='<span class="'+childCbCls+'"></span>';
+      html+='<span class="tree-node__label">'+child.label+'</span>';
+      html+='</div>';
+    });
+    html+='</div></div>';
+  });
+  dd.innerHTML=html||'<div style="padding:12px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);">无匹配项</div>';
+}
+function toggleTreeExpand(header){
+  var arrow=header.querySelector('.tree-node__arrow');
+  var children=header.nextElementSibling;
+  if(!children||!children.classList.contains('tree-node__children'))return;
+  arrow.classList.toggle('expanded');
+  children.classList.toggle('expanded');
+}
+function toggleParentCheck(e,pi){
+  e.stopPropagation();
+  var selected=getSelectedTags();
+  var parent=categoryTree[pi];
+  var keyword=document.getElementById('tagInput').value.toLowerCase();
+  var visibleChildren=parent.children.filter(function(c){return !keyword||c.label.toLowerCase().indexOf(keyword)>-1;});
+  var allChecked=visibleChildren.every(function(c){return selected.indexOf(c.label)>-1;});
+  if(allChecked){
+    visibleChildren.forEach(function(c){
+      document.getElementById('tagSelect').querySelectorAll('.tag-select__tag[data-val="'+c.label+'"]').forEach(function(t){t.remove();});
+    });
+  }else{
+    visibleChildren.forEach(function(c){
+      if(selected.indexOf(c.label)===-1)addTag(c.label);
+    });
+  }
+  renderTree();
+}
+function toggleLeafCheck(e,label){
+  e.stopPropagation();
+  var selected=getSelectedTags();
+  if(selected.indexOf(label)>-1){
+    document.getElementById('tagSelect').querySelectorAll('.tag-select__tag[data-val="'+label+'"]').forEach(function(t){t.remove();});
+  }else{
+    addTag(label);
+  }
+  renderTree();
+}
+document.addEventListener('click',function(e){
+  if(!e.target.closest('.tag-select'))document.getElementById('catDropdown').classList.remove('show');
+});
+document.querySelectorAll('.modal-mask').forEach(function(m){
+  m.addEventListener('click',function(e){if(e.target===m)m.classList.remove('show');});
+});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/wearable/bind-record.html b/web-admin/health-monitor/wearable/bind-record.html
new file mode 100644
index 0000000..97f4506
--- /dev/null
+++ b/web-admin/health-monitor/wearable/bind-record.html
@@ -0,0 +1,254 @@
+<!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);
+  }
+  .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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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;}
+  .table-card__content{overflow-x:auto;}
+  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);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:#666;}
+  .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);}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:150px;}
+  .date-range input:focus{border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item active">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>设备编码</label>
+      <input class="filter-input" placeholder="请输入设备编码">
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>采气二厂</option>
+        <option>天然气处理厂</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>员工姓名</label>
+      <input class="filter-input" placeholder="请输入员工姓名" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>员工编号</label>
+      <input class="filter-input" placeholder="请输入员工编号" style="min-width:120px;">
+    </div>
+
+    <div class="filter-item">
+      <label>绑定时间</label>
+      <div class="date-range">
+        <input type="date" value="2026-04-01">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" value="2026-05-11">
+      </div>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+    <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+    <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+  </div>
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">绑定记录 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 256 条</span></span>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>设备编码</th>
+            <th>设备类型</th>
+            <th>员工姓名</th>
+            <th>员工编号</th>
+            <th>所属单位</th>
+            <th>所属部门</th>
+            <th>绑定时间</th>
+            <th>解绑时间</th>
+            <th>操作人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-001</span></td>
+            <td>智能手环</td>
+            <td>张伟</td>
+            <td>CQ001234</td>
+            <td>采油一厂</td>
+            <td>第一作业区</td>
+            <td>2024-03-01 09:15</td>
+            <td>—</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-002</span></td>
+            <td>智能手环</td>
+            <td>李建国</td>
+            <td>CQ001156</td>
+            <td>采油一厂</td>
+            <td>第二作业区</td>
+            <td>2024-03-01 09:20</td>
+            <td>—</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-031</span></td>
+            <td>胸贴式监测仪</td>
+            <td>王磊</td>
+            <td>CQ002301</td>
+            <td>采气一厂</td>
+            <td>第一作业区</td>
+            <td>2024-04-10 08:30</td>
+            <td>—</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-015</span></td>
+            <td>智能手表</td>
+            <td>赵明辉</td>
+            <td>CQ003042</td>
+            <td>采油二厂</td>
+            <td>第三作业区</td>
+            <td>2024-02-20 10:00</td>
+            <td>2024-04-30 17:00</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-016</span></td>
+            <td>智能手表</td>
+            <td>刘洋</td>
+            <td>CQ003159</td>
+            <td>采油二厂</td>
+            <td>第一作业区</td>
+            <td>2024-03-15 14:30</td>
+            <td>2024-05-01 08:00</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-008</span></td>
+            <td>智能手环</td>
+            <td>陈晓燕</td>
+            <td>CQ001890</td>
+            <td>采油一厂</td>
+            <td>第二作业区</td>
+            <td>2024-01-20 09:00</td>
+            <td>—</td>
+            <td>管理员</td>
+          </tr>
+          <tr>
+            <td><span style="font-family:monospace">WD-2024-022</span></td>
+            <td>智能手环</td>
+            <td>孙浩然</td>
+            <td>CQ004210</td>
+            <td>天然气处理厂</td>
+            <td>压缩作业区</td>
+            <td>2024-04-01 11:00</td>
+            <td>—</td>
+            <td>管理员</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 256 条</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">26</button>
+      <button class="page-btn">»</button>
+      <select class="filter-select" style="min-width:90px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
+    </div>
+  </div>
+</main>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/dept-report.html b/web-admin/health-monitor/wearable/dept-report.html
new file mode 100644
index 0000000..12c0fa7
--- /dev/null
+++ b/web-admin/health-monitor/wearable/dept-report.html
@@ -0,0 +1,231 @@
+<!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;
+    --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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);display:flex;gap:16px;}
+  /* 左侧树 */
+  .tree-panel{width:240px;flex-shrink:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 0;overflow-y:auto;max-height:calc(100vh - 56px - 48px);}
+  .tree-node{user-select:none;}
+  .tree-node__header{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;white-space:nowrap;}
+  .tree-node__header:hover{background:#F5F7FA;}
+  .tree-node__header.active{color:var(--primary);background:var(--primary-light);font-weight:500;}
+  .tree-node__arrow{width:12px;height:12px;transition:transform .2s;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;}
+  .tree-node__arrow svg{width:10px;height:10px;}
+  .tree-node__arrow.expanded{transform:rotate(90deg);}
+  .tree-node__arrow.hidden{visibility:hidden;}
+  .tree-node__children{padding-left:20px;display:none;}
+  .tree-node__children.expanded{display:block;}
+  /* 右侧内容 */
+  .content-panel{flex:1;min-width:0;}
+  .filter-bar{background:#fff;border-radius:var(--radius-md);padding:16px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
+  .filter-item{display:flex;align-items:center;gap:8px;}
+  .filter-item__label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-control:focus{border-color:var(--primary);}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-download{background:#4D7CFE;color:#fff;padding:0 12px;height:30px;font-size:var(--font-xs);border-radius:var(--radius-sm);border:none;cursor:pointer;}.btn-download:hover{background:#3a6ae8;}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  table{width:100%;border-collapse:collapse;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:center;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);text-align:center;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:3px;font-size:var(--font-xs);}
+  .tag-green{background:#E6FFFB;color:#13C2C2;border:1px solid #87E8DE;}
+  .tag-gray{background:#F5F5F5;color:#8C8C8C;border:1px solid #D9D9D9;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);}.link-danger:hover{color:#ff7875;}
+  .link-disabled{color:#C0C0C0;cursor:not-allowed;font-size:var(--font-sm);}
+  .btn-download-disabled{background:#C0C0C0;color:#fff;padding:0 12px;height:30px;font-size:var(--font-xs);border-radius:var(--radius-sm);border:none;cursor:not-allowed;}
+  .tag-blue{background:#E6F7FF;color:var(--primary);border:1px solid #91D5FF;}
+  .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.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item active">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <!-- 左侧单位树 -->
+  <div class="tree-panel" id="treePanel"></div>
+  <!-- 右侧内容 -->
+  <div class="content-panel">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <span class="filter-item__label">日期：</span>
+        <select class="form-control" id="filterYear" style="width:100px;">
+          <option value="2024">2024</option>
+          <option value="2025">2025</option>
+          <option value="2026" selected>2026</option>
+          <option value="2027">2027</option>
+          <option value="2028">2028</option>
+        </select>
+      </div>
+      <button class="btn btn-primary" onclick="renderTable()">查询</button>
+      <button class="btn btn-default" onclick="resetFilter()">重置</button>
+    </div>
+    <div class="table-card">
+      <table>
+        <thead>
+          <tr>
+            <th>月份</th>
+            <th>报告状态</th>
+            <th>报告生成时间</th>
+            <th>报告下载</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody id="tbody"></tbody>
+      </table>
+    </div>
+  </div>
+</main>
+<div class="toast" id="toast"></div>
+<script>
+var orgTree=[
+  {label:'长庆油田',children:['公司机关','陇东油气开发分公司','苏里格气田开发分公司','公共事务中心','勘探事业部','数字和智能化事业部','第一采油厂','第二采油厂','第三采油厂','第四采油厂','第五采油厂','第六采油厂','第七采油厂','第八采油厂','第九采油厂','第十采油厂','第十一采油厂','第十二采油厂','长庆实业集团有限公司','长庆油田页岩油开发分公司']}
+];
+
+var selectedUnit='公司机关';
+
+var reportData={
+  '公司机关':[
+    {month:1,status:'已生成',time:'2026-01-14 11:00:10'},
+    {month:2,status:'生成中',time:''}
+  ]
+};
+
+function renderTree(){
+  var html='';
+  orgTree.forEach(function(node){
+    html+='<div class="tree-node">';
+    html+='<div class="tree-node__header" onclick="toggleTreeNode(this)">';
+    html+='<span class="tree-node__arrow expanded"><svg viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke="#999" stroke-width="1.5" stroke-linecap="round"/></svg></span>';
+    html+='<span>'+node.label+'</span></div>';
+    html+='<div class="tree-node__children expanded">';
+    node.children.forEach(function(child){
+      var cls=child===selectedUnit?' active':'';
+      html+='<div class="tree-node__header'+cls+'" onclick="selectUnit(this,\''+child+'\')">';
+      html+='<span class="tree-node__arrow hidden"><svg viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke="#999" stroke-width="1.5" stroke-linecap="round"/></svg></span>';
+      html+='<span>'+child+'</span></div>';
+    });
+    html+='</div></div>';
+  });
+  document.getElementById('treePanel').innerHTML=html;
+}
+
+function toggleTreeNode(header){
+  var children=header.nextElementSibling;
+  var arrow=header.querySelector('.tree-node__arrow');
+  if(!children)return;
+  children.classList.toggle('expanded');
+  arrow.classList.toggle('expanded');
+}
+
+function selectUnit(el,name){
+  document.querySelectorAll('.tree-node__header').forEach(function(h){h.classList.remove('active');});
+  el.classList.add('active');
+  selectedUnit=name;
+  renderTable();
+}
+
+function renderTable(){
+  var data=reportData[selectedUnit]||[];
+  var html='';
+  for(var m=1;m<=12;m++){
+    var record=data.find(function(r){return r.month===m;});
+    var status=record?record.status:'未生成';
+    var tagCls=status==='已生成'?'tag-green':(status==='生成中'?'tag-blue':'tag-gray');
+    var time=(status==='已生成'&&record)?record.time:'-';
+    var downloadBtn=(status==='已生成')?'<button class="btn-download" onclick="showToast(\'下载中...\')">报告下载</button>':'<span style="color:var(--text-placeholder);">-</span>';
+    var isGenerating=(status==='生成中');
+    var genLink=isGenerating?'<span class="link-disabled">生成报告</span>':'<span class="link" onclick="showToast(\'报告生成中，请稍候\')">生成报告</span>';
+    var forceLink=isGenerating?'<span class="link-danger" onclick="showToast(\'已强制结束\')">强制结束</span>':'<span class="link-disabled">强制结束</span>';
+    html+='<tr>';
+    html+='<td>'+m+'</td>';
+    html+='<td><span class="tag '+tagCls+'">'+status+'</span></td>';
+    html+='<td>'+time+'</td>';
+    html+='<td>'+downloadBtn+'</td>';
+    html+='<td>'+genLink+'<span style="color:var(--border);margin:0 8px;">|</span>'+forceLink+'</td>';
+    html+='</tr>';
+  }
+  document.getElementById('tbody').innerHTML=html;
+}
+
+function resetFilter(){
+  document.getElementById('filterYear').value='2026';
+  renderTable();
+}
+
+function showToast(msg){
+  var t=document.getElementById('toast');
+  t.textContent=msg;t.classList.add('show');
+  setTimeout(function(){t.classList.remove('show');},2000);
+}
+
+renderTree();
+renderTable();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/wearable/dept-stat.html b/web-admin/health-monitor/wearable/dept-stat.html
new file mode 100644
index 0000000..6f91079
--- /dev/null
+++ b/web-admin/health-monitor/wearable/dept-stat.html
@@ -0,0 +1,530 @@
+<!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;
+    --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__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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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);}
+  /* Tab切换 */
+  .page-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .page-tab{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
+  .page-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .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__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;}
+  .table-card__content{overflow-x:auto;}
+  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);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-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  /* 进度条 */
+  .progress-bar{height:8px;background:#F0F0F0;border-radius:4px;overflow:hidden;min-width:80px;}
+  .progress-bar__fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s;}
+  .progress-bar__fill.danger{background:var(--danger);}
+  .progress-bar__fill.warning{background:var(--warning);}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:140px;}
+  /* 弹窗 */
+  .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:1000;display:none;align-items:center;justify-content:center;}
+  .modal-mask.show{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:92vw;max-width:1400px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-base);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;}
+  .modal__close:hover{background:#f0f0f0;}
+  .modal__info{padding:16px 24px;border-bottom:1px solid #f5f5f5;flex-shrink:0;display:flex;gap:32px;flex-wrap:wrap;background:#FAFCFF;}
+  .modal__info-item{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);}
+  .modal__info-label{color:var(--text-secondary);}
+  .modal__info-val{color:var(--text-primary);font-weight:500;}
+  .modal__toolbar{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;border-bottom:1px solid #f5f5f5;flex-shrink:0;}
+  .modal__body{flex:1;overflow-x:auto;overflow-y:auto;padding:0;position:relative;}
+  .modal__body table{border-collapse:separate;border-spacing:0;min-width:100%;}
+  .modal__body table th,.modal__body table td{padding:10px 14px;font-size:var(--font-xs);text-align:center;white-space:nowrap;border-bottom:1px solid var(--border);}
+  .modal__body table th{position:sticky;top:0;z-index:6;background:#FAFAFA;font-weight:500;}
+  .modal__body .wear-yes{color:var(--success);font-size:14px;}
+  .modal__body .wear-no{color:var(--danger);font-size:13px;font-weight:500;}
+  /* 固定列 - 使用clip-path隐藏溢出 */
+  .modal__body table .col-fixed-left{position:sticky;z-index:8;background:#fff;}
+  .modal__body table th.col-fixed-left{background:#FAFAFA;z-index:10;}
+  .modal__body table .col-fixed-left-0{left:0;min-width:80px;}
+  .modal__body table .col-fixed-left-1{left:80px;min-width:90px;}
+  .modal__body table .col-fixed-left-1::after{content:'';position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,0.06),transparent);pointer-events:none;}
+  .modal__body table .col-fixed-right{position:sticky;z-index:8;background:#fff;}
+  .modal__body table th.col-fixed-right{background:#FAFAFA;z-index:10;}
+  .modal__body table .col-fixed-right-2{right:0;min-width:140px;}
+  .modal__body table .col-fixed-right-1{right:140px;min-width:100px;}
+  .modal__body table .col-fixed-right-0{right:240px;min-width:100px;}
+  .modal__body table .col-fixed-right-0::before{content:'';position:absolute;top:0;left:-6px;bottom:0;width:6px;background:linear-gradient(to left,rgba(0,0,0,0.06),transparent);pointer-events:none;}
+  .modal__body table td,.modal__body table th{position:relative;}
+  .modal__body table tbody tr:hover td{background:#F8FBFF;}
+  .modal__body table tbody tr:hover .col-fixed-left,.modal__body table tbody tr:hover .col-fixed-right{background:#F8FBFF;}
+  .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;}
+  /* Toast */
+  .toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:6px;font-size:var(--font-sm);z-index:2000;opacity:0;transition:opacity .3s;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.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item active">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <!-- Tab切换：二级单位 / 三级单位 -->
+  <div class="page-tabs">
+    <div class="page-tab active" onclick="switchTab(this,'level2')">二级单位</div>
+    <div class="page-tab" onclick="switchTab(this,'level3')">三级单位</div>
+  </div>
+
+  <!-- 二级单位筛选栏 -->
+  <div class="filter-bar" id="filter-level2">
+    <div class="filter-item">
+      <label>日期范围</label>
+      <div class="date-range">
+        <input type="date" class="filter-input" value="2026-05-05" style="min-width:140px;">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" class="filter-input" value="2026-05-11" style="min-width:140px;">
+      </div>
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>采气二厂</option>
+        <option>天然气处理厂</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 三级单位筛选栏 -->
+  <div class="filter-bar" id="filter-level3" style="display:none;">
+    <div class="filter-item">
+      <label>日期范围</label>
+      <div class="date-range">
+        <input type="date" class="filter-input" value="2026-05-05" style="min-width:140px;">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" class="filter-input" value="2026-05-11" style="min-width:140px;">
+      </div>
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <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:150px;">
+        <option>全部</option>
+        <option>第一作业区</option>
+        <option>第二作业区</option>
+        <option>集输大队</option>
+        <option>采气作业区</option>
+        <option>集气站</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 二级单位面板 -->
+  <div class="tab-panel active" id="tab-level2">
+    <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+      <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+      <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">二级单位数据统计</span>
+      </div>
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th>单位</th>
+              <th>入库设备数</th>
+              <th>分配设备数</th>
+              <th>佩戴人员数</th>
+              <th>未佩戴人员数</th>
+              <th>一键告警数</th>
+              <th>心率异常数</th>
+              <th>血氧异常数</th>
+              <th>压力异常数</th>
+              <th>体温异常数</th>
+              <th>血压异常数</th>
+              <th>心电图异常数</th>
+              <th>操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td style="font-weight:500">采油一厂</td>
+              <td>50</td><td>35</td><td>32</td><td>3</td>
+              <td style="color:var(--danger)">1</td>
+              <td>2</td><td>1</td><td>1</td><td>1</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采油二厂</td>
+              <td>40</td><td>28</td><td>22</td><td>6</td>
+              <td>0</td>
+              <td>1</td><td>0</td><td>1</td><td>1</td><td>1</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采气一厂</td>
+              <td>30</td><td>20</td><td>19</td><td>1</td>
+              <td style="color:var(--danger)">1</td>
+              <td>1</td><td>1</td><td>0</td><td>0</td><td>0</td><td>1</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采气二厂</td>
+              <td>25</td><td>18</td><td>16</td><td>2</td>
+              <td>0</td>
+              <td>1</td><td>0</td><td>0</td><td>0</td><td>1</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">天然气处理厂</td>
+              <td>20</td><td>12</td><td>10</td><td>2</td>
+              <td style="color:var(--danger)">1</td>
+              <td>0</td><td>0</td><td>1</td><td>1</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <!-- 三级单位面板 -->
+  <div class="tab-panel" id="tab-level3">
+    <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+      <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+      <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">三级单位数据统计</span>
+      </div>
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th>单位</th>
+              <th>部门</th>
+              <th>入库设备数</th>
+              <th>分配设备数</th>
+              <th>佩戴人员数</th>
+              <th>未佩戴人员数</th>
+              <th>一键告警数</th>
+              <th>心率异常数</th>
+              <th>血氧异常数</th>
+              <th>压力异常数</th>
+              <th>体温异常数</th>
+              <th>血压异常数</th>
+              <th>心电图异常数</th>
+              <th>操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td style="font-weight:500">采油一厂</td><td>第一作业区</td>
+              <td>20</td><td>15</td><td>14</td><td>1</td>
+              <td>0</td><td>1</td><td>0</td><td>0</td><td>1</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采油一厂</td><td>第二作业区</td>
+              <td>18</td><td>12</td><td>11</td><td>1</td>
+              <td style="color:var(--danger)">1</td><td>1</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采油一厂</td><td>集输大队</td>
+              <td>12</td><td>8</td><td>7</td><td>1</td>
+              <td>0</td><td>0</td><td>0</td><td>1</td><td>0</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采油二厂</td><td>第一作业区</td>
+              <td>22</td><td>16</td><td>13</td><td>3</td>
+              <td>0</td><td>1</td><td>0</td><td>0</td><td>1</td><td>1</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采油二厂</td><td>第二作业区</td>
+              <td>18</td><td>12</td><td>9</td><td>3</td>
+              <td>0</td><td>0</td><td>0</td><td>1</td><td>0</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采气一厂</td><td>采气作业区</td>
+              <td>16</td><td>12</td><td>11</td><td>1</td>
+              <td style="color:var(--danger)">1</td><td>1</td><td>1</td><td>0</td><td>0</td><td>0</td><td>1</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+            <tr>
+              <td style="font-weight:500">采气一厂</td><td>集气站</td>
+              <td>14</td><td>8</td><td>8</td><td>0</td>
+              <td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
+              <td><span class="link">查看明细</span></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>共 15 条</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>
+</main>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<!-- 查看明细弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header">
+      <span class="modal__title" id="modalTitle">佩戴明细 - 采油一厂</span>
+      <button class="modal__close" onclick="closeDetailModal()">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="#666" stroke-width="1.5" stroke-linecap="round"/></svg>
+      </button>
+    </div>
+    <div class="modal__info" id="modalInfo"></div>
+    <div class="modal__toolbar">
+      <button class="btn btn-primary" onclick="handleExport()">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 9V1M4 4l3-3 3 3M2 11h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+        导出
+      </button>
+    </div>
+    <div class="modal__body">
+      <table id="detailTable">
+        <thead>
+          <tr id="detailThead"></tr>
+        </thead>
+        <tbody id="detailTbody"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function switchTab(el, tab) {
+  document.querySelectorAll('.page-tab').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('tab-' + tab).classList.add('active');
+  document.getElementById('filter-level2').style.display = tab === 'level2' ? '' : 'none';
+  document.getElementById('filter-level3').style.display = tab === 'level3' ? '' : 'none';
+}
+
+/* 明细弹窗逻辑 */
+function getDateRange() {
+  var inputs = document.querySelector('.filter-bar:not([style*="display:none"]) .date-range, .filter-bar:not([style*="none"]) .date-range');
+  if (!inputs) inputs = document.querySelector('.date-range');
+  var dateInputs = inputs.querySelectorAll('input[type="date"]');
+  return { start: dateInputs[0].value, end: dateInputs[1].value };
+}
+
+function getDatesInRange(start, end) {
+  var dates = [];
+  var cur = new Date(start);
+  var endD = new Date(end);
+  while (cur <= endD) {
+    dates.push(cur.toISOString().slice(0, 10));
+    cur.setDate(cur.getDate() + 1);
+  }
+  return dates;
+}
+
+function openDetailModal(unitName, deptName) {
+  var range = getDateRange();
+  var dates = getDatesInRange(range.start, range.end);
+  var title = '佩戴明细 - ' + unitName + (deptName ? ' / ' + deptName : '');
+  document.getElementById('modalTitle').textContent = title;
+  document.getElementById('modalInfo').innerHTML =
+    '<div class="modal__info-item"><span class="modal__info-label">单位：</span><span class="modal__info-val">' + unitName + '</span></div>' +
+    (deptName ? '<div class="modal__info-item"><span class="modal__info-label">部门：</span><span class="modal__info-val">' + deptName + '</span></div>' : '') +
+    '<div class="modal__info-item"><span class="modal__info-label">统计时间：</span><span class="modal__info-val">' + range.start + ' 至 ' + range.end + '</span></div>';
+
+  /* 构建表头 */
+  var thead = document.getElementById('detailThead');
+  var ths = '<th class="col-fixed-left col-fixed-left-0">员工姓名</th><th class="col-fixed-left col-fixed-left-1">员工编号</th><th>单位名称</th><th>部门名称</th><th>设备编码</th><th>设备所属单位</th>';
+  dates.forEach(function(d) { ths += '<th>' + d + '</th>'; });
+  ths += '<th class="col-fixed-right col-fixed-right-0">应佩戴天数</th><th class="col-fixed-right col-fixed-right-1">实际佩戴天数</th><th class="col-fixed-right col-fixed-right-2">最大连续未佩戴天数</th>';
+  thead.innerHTML = ths;
+
+  /* 模拟数据 */
+  var mockEmployees = [
+    { name:'张三', code:'EMP001', unit: unitName, dept: deptName||'第一作业区', device:'WD-20260101', deviceUnit: unitName },
+    { name:'李四', code:'EMP002', unit: unitName, dept: deptName||'第一作业区', device:'WD-20260102', deviceUnit: unitName },
+    { name:'王五', code:'EMP003', unit: unitName, dept: deptName||'第二作业区', device:'WD-20260103', deviceUnit: unitName },
+    { name:'赵六', code:'EMP004', unit: unitName, dept: deptName||'第二作业区', device:'WD-20260104', deviceUnit: unitName },
+    { name:'孙七', code:'EMP005', unit: unitName, dept: deptName||'集输大队', device:'WD-20260105', deviceUnit: unitName },
+    { name:'周八', code:'EMP006', unit: unitName, dept: deptName||'集输大队', device:'WD-20260106', deviceUnit: unitName },
+    { name:'吴九', code:'EMP007', unit: unitName, dept: deptName||'第一作业区', device:'WD-20260107', deviceUnit: unitName },
+    { name:'郑十', code:'EMP008', unit: unitName, dept: deptName||'第二作业区', device:'WD-20260108', deviceUnit: unitName },
+  ];
+
+  var tbody = document.getElementById('detailTbody');
+  var rows = '';
+  mockEmployees.forEach(function(emp) {
+    var wearDays = [];
+    dates.forEach(function() { wearDays.push(Math.random() > 0.2); });
+    var actual = wearDays.filter(function(w){ return w; }).length;
+    var maxConsec = 0, consec = 0;
+    wearDays.forEach(function(w) {
+      if (!w) { consec++; maxConsec = Math.max(maxConsec, consec); }
+      else { consec = 0; }
+    });
+    rows += '<tr>';
+    rows += '<td class="col-fixed-left col-fixed-left-0">' + emp.name + '</td>';
+    rows += '<td class="col-fixed-left col-fixed-left-1">' + emp.code + '</td>';
+    rows += '<td>' + emp.unit + '</td>';
+    rows += '<td>' + emp.dept + '</td>';
+    rows += '<td>' + emp.device + '</td>';
+    rows += '<td>' + emp.deviceUnit + '</td>';
+    wearDays.forEach(function(w) {
+      rows += '<td>' + (w ? '<span class="wear-yes">✓</span>' : '<span class="wear-no">✗</span>') + '</td>';
+    });
+    rows += '<td class="col-fixed-right col-fixed-right-0">' + dates.length + '</td>';
+    rows += '<td class="col-fixed-right col-fixed-right-1">' + actual + '</td>';
+    rows += '<td class="col-fixed-right col-fixed-right-2">' + (maxConsec > 0 ? '<span style="color:var(--danger)">' + maxConsec + '</span>' : '0') + '</td>';
+    rows += '</tr>';
+  });
+  tbody.innerHTML = rows;
+
+  document.getElementById('detailModal').classList.add('show');
+}
+
+function closeDetailModal() {
+  document.getElementById('detailModal').classList.remove('show');
+}
+
+/* Toast提示 */
+function showToast(msg) {
+  var el = document.getElementById('toast');
+  el.textContent = msg;
+  el.classList.add('show');
+  setTimeout(function() { el.classList.remove('show'); }, 2500);
+}
+
+/* 导出 */
+function handleExport() {
+  closeDetailModal();
+}
+
+/* 点击遮罩关闭 */
+document.getElementById('detailModal').addEventListener('click', function(e) {
+  if (e.target === this) closeDetailModal();
+});
+
+/* 绑定所有"查看明细"链接 */
+document.querySelectorAll('.link').forEach(function(link) {
+  link.addEventListener('click', function() {
+    var row = this.closest('tr');
+    var cells = row.querySelectorAll('td');
+    var unitName = cells[0].textContent.trim();
+    var deptName = cells.length > 13 ? cells[1].textContent.trim() : '';
+    openDetailModal(unitName, deptName);
+  });
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/exception-event.html b/web-admin/health-monitor/wearable/exception-event.html
new file mode 100644
index 0000000..c3ecff7
--- /dev/null
+++ b/web-admin/health-monitor/wearable/exception-event.html
@@ -0,0 +1,423 @@
+<!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;
+    --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__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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  /* 统计卡片 */
+  .stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;}
+  .stat-card{background:#fff;border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
+  .stat-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
+  .stat-card__body .num{font-size:22px;font-weight:700;line-height:1;}
+  .stat-card__body .label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:4px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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;}
+  .table-card__content{overflow-x:auto;}
+  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);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-red{background:#FFF1F0;color:var(--danger);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-purple{background:#F9F0FF;color:#722ED1;}
+  .tag-cyan{background:#E6FFFB;color:#08979C;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  /* 弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;}
+  .detail-item label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .detail-item span{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:160px;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item active">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>员工姓名</label>
+      <input class="filter-input" placeholder="请输入员工姓名">
+    </div>
+    <div class="filter-item">
+      <label>单位部门</label>
+      <select class="filter-select" style="min-width:150px;">
+        <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>
+        <option>定位服务开关修改</option>
+        <option>血压异常</option>
+        <option>心电图异常</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>告警时间</label>
+      <div class="date-range">
+        <input type="date" value="2026-05-01">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" value="2026-05-11">
+      </div>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+    <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+    <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+  </div>
+  <!-- 表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">告警记录 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 156 条</span></span>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>员工姓名</th>
+            <th>工号</th>
+            <th>所属单位</th>
+            <th>所属部门</th>
+            <th>手机号码</th>
+            <th>设备编码</th>
+            <th>告警类型</th>
+            <th>告警值</th>
+            <th>参考范围</th>
+            <th>告警时间</th>
+            <th>告警位置</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>李建国</td>
+            <td>CQ001156</td>
+            <td>采油一厂</td>
+            <td>第二作业区</td>
+            <td>138****5621</td>
+            <td><span style="font-family:monospace">WD-2024-002</span></td>
+            <td><span class="tag tag-red">一键告警</span></td>
+            <td style="font-weight:500">主动触发</td>
+            <td>—</td>
+            <td>2026-05-11 14:28</td>
+            <td>采油一厂 第二作业区</td>
+            <td><span class="link" onclick="openDetail('李建国','CQ001156','一键告警')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>王磊</td>
+            <td>CQ002301</td>
+            <td>采气一厂</td>
+            <td>第一作业区</td>
+            <td>139****8834</td>
+            <td><span style="font-family:monospace">WD-2024-031</span></td>
+            <td><span class="tag tag-purple">血氧异常</span></td>
+            <td style="font-weight:500">88%</td>
+            <td>≥95%</td>
+            <td>2026-05-11 14:15</td>
+            <td>采气一厂 第一作业区</td>
+            <td><span class="link" onclick="openDetail('王磊','CQ002301','血氧异常')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>孙浩然</td>
+            <td>CQ004210</td>
+            <td>天然气处理厂</td>
+            <td>压缩作业区</td>
+            <td>137****2209</td>
+            <td><span style="font-family:monospace">WD-2024-022</span></td>
+            <td><span class="tag tag-cyan">体温异常</span></td>
+            <td style="font-weight:500">37.6℃</td>
+            <td>36.0~37.3℃</td>
+            <td>2026-05-11 13:50</td>
+            <td>天然气处理厂 压缩作业区</td>
+            <td><span class="link" onclick="openDetail('孙浩然','CQ004210','体温异常')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>张伟</td>
+            <td>CQ001234</td>
+            <td>采油一厂</td>
+            <td>第一作业区</td>
+            <td>136****7745</td>
+            <td><span style="font-family:monospace">WD-2024-001</span></td>
+            <td><span class="tag tag-orange">心率异常</span></td>
+            <td style="font-weight:500">150 次/分钟</td>
+            <td>60~100 bpm</td>
+            <td>2026-05-11 11:20</td>
+            <td>采油一厂 第一作业区</td>
+            <td><span class="link" onclick="openDetail('张伟','CQ001234','心率异常')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>陈晓燕</td>
+            <td>CQ001890</td>
+            <td>采油一厂</td>
+            <td>第二作业区</td>
+            <td>135****4412</td>
+            <td><span style="font-family:monospace">WD-2024-008</span></td>
+            <td><span class="tag tag-red">一键告警</span></td>
+            <td style="font-weight:500">主动触发</td>
+            <td>—</td>
+            <td>2026-05-11 09:45</td>
+            <td>采油一厂 第二作业区</td>
+            <td><span class="link" onclick="openDetail('陈晓燕','CQ001890','一键告警')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>刘志强</td>
+            <td>CQ003102</td>
+            <td>采油二厂</td>
+            <td>第三作业区</td>
+            <td>158****3301</td>
+            <td><span style="font-family:monospace">WD-2024-045</span></td>
+            <td><span class="tag tag-red">摔倒</span></td>
+            <td style="font-weight:500">检测到摔倒</td>
+            <td>—</td>
+            <td>2026-05-11 08:32</td>
+            <td>采油二厂 第三作业区</td>
+            <td><span class="link" onclick="openDetail('刘志强','CQ003102','摔倒')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>赵明辉</td>
+            <td>CQ002078</td>
+            <td>采气一厂</td>
+            <td>第二作业区</td>
+            <td>186****7720</td>
+            <td><span style="font-family:monospace">WD-2024-019</span></td>
+            <td><span class="tag tag-orange">定位服务开关修改</span></td>
+            <td style="font-weight:500">已关闭</td>
+            <td>开启</td>
+            <td>2026-05-11 08:10</td>
+            <td>采气一厂 第二作业区</td>
+            <td><span class="link" onclick="openDetail('赵明辉','CQ002078','定位服务开关修改')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>周婷</td>
+            <td>CQ001567</td>
+            <td>采油一厂</td>
+            <td>第一作业区</td>
+            <td>133****9956</td>
+            <td><span style="font-family:monospace">WD-2024-012</span></td>
+            <td><span class="tag tag-purple">血压异常</span></td>
+            <td style="font-weight:500">152/98 mmHg</td>
+            <td>90~140/60~90 mmHg</td>
+            <td>2026-05-11 07:55</td>
+            <td>采油一厂 第一作业区</td>
+            <td><span class="link" onclick="openDetail('周婷','CQ001567','血压异常')">查看详情</span></td>
+          </tr>
+          <tr>
+            <td>马国庆</td>
+            <td>CQ004501</td>
+            <td>天然气处理厂</td>
+            <td>净化作业区</td>
+            <td>159****6643</td>
+            <td><span style="font-family:monospace">WD-2024-038</span></td>
+            <td><span class="tag tag-cyan">心电图异常</span></td>
+            <td style="font-weight:500">房颤 100</td>
+            <td>正常心电图</td>
+            <td>2026-05-11 07:30</td>
+            <td>天然气处理厂 净化作业区</td>
+            <td><span class="link" onclick="openDetail('马国庆','CQ004501','心电图异常')">查看详情</span></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>
+      <select class="filter-select" style="min-width:90px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 告警详情弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>告警详情</h3>
+      <button class="modal__close" onclick="document.getElementById('detailModal').classList.remove('show')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="display:flex;align-items:center;gap:12px;padding:12px 16px;background:#FFF1F0;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid #FFCCC7;">
+        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="8" stroke="#FF4D4F" stroke-width="2"/><path d="M10 6v4M10 13v1" stroke="#FF4D4F" stroke-width="2" stroke-linecap="round"/></svg>
+        <span id="alertTypeBadge" style="font-size:var(--font-base);font-weight:600;color:var(--danger)">一键告警</span>
+      </div>
+      <div class="detail-grid">
+        <div class="detail-item"><label>员工姓名</label><br><span id="dName">—</span></div>
+        <div class="detail-item"><label>工号</label><br><span id="dEmpId">—</span></div>
+        <div class="detail-item"><label>所属单位</label><br><span>采油一厂</span></div>
+        <div class="detail-item"><label>作业区</label><br><span>第二作业区</span></div>
+        <div class="detail-item"><label>设备编码</label><br><span style="font-family:monospace">WD-2024-002</span></div>
+        <div class="detail-item"><label>设备类型</label><br><span>智能手环</span></div>
+        <div class="detail-item"><label>告警时间</label><br><span>2026-05-11 14:28:33</span></div>
+        <div class="detail-item"><label>当前数值</label><br><span id="alertValue" style="color:var(--danger);font-weight:600">主动触发</span></div>
+      </div>
+      <div style="margin-top:20px;">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2C4.79 2 3 3.79 3 6c0 3 4 6 4 6s4-3 4-6c0-2.21-1.79-4-4-4zm0 5.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#666"/></svg>
+          <span style="font-size:var(--font-sm);font-weight:500;">告警位置</span>
+          <span style="font-size:var(--font-xs);color:var(--text-secondary);margin-left:8px;">陕西省西安市雁塔区电子一路96号</span>
+        </div>
+        <div style="position:relative;width:100%;height:220px;border-radius:var(--radius-md);overflow:hidden;background:#e8f4f8;border:1px solid var(--border);">
+          <!-- 模拟地图底图 -->
+          <svg width="100%" height="100%" viewBox="0 0 632 220" fill="none" preserveAspectRatio="xMidYMid slice">
+            <rect width="632" height="220" fill="#EAF3E8"/>
+            <!-- 道路 -->
+            <path d="M0 110h632" stroke="#fff" stroke-width="8"/>
+            <path d="M0 160h632" stroke="#fff" stroke-width="5" stroke-dasharray="0"/>
+            <path d="M316 0v220" stroke="#fff" stroke-width="6"/>
+            <path d="M150 0v220" stroke="#fff" stroke-width="4"/>
+            <path d="M480 0v220" stroke="#fff" stroke-width="4"/>
+            <!-- 建筑区块 -->
+            <rect x="40" y="30" width="80" height="60" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="180" y="30" width="100" height="55" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="350" y="25" width="90" height="65" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="500" y="35" width="95" height="55" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="40" y="130" width="75" height="50" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="180" y="125" width="100" height="60" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="350" y="130" width="85" height="55" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <rect x="510" y="125" width="80" height="60" rx="4" fill="#D4E4D0" stroke="#B8D4B0"/>
+            <!-- 标注文字 -->
+            <text x="80" y="65" text-anchor="middle" font-size="10" fill="#666">采油站A</text>
+            <text x="230" y="62" text-anchor="middle" font-size="10" fill="#666">集输站</text>
+            <text x="395" y="62" text-anchor="middle" font-size="10" fill="#666">注水站</text>
+            <text x="547" y="67" text-anchor="middle" font-size="10" fill="#666">配电间</text>
+            <!-- 定位标记点 -->
+            <g transform="translate(316,110)">
+              <circle r="20" fill="#FF4D4F" fill-opacity="0.15"/>
+              <circle r="10" fill="#FF4D4F" fill-opacity="0.3"/>
+              <circle r="5" fill="#FF4D4F"/>
+            </g>
+            <!-- 定位图标 -->
+            <g transform="translate(316,85)">
+              <path d="M0-18c-6.6 0-12 5.4-12 12 0 9 12 20 12 20s12-11 12-20c0-6.6-5.4-12-12-12zm0 16a4 4 0 110-8 4 4 0 010 8z" fill="#FF4D4F"/>
+            </g>
+          </svg>
+          <!-- 地图控件 -->
+          <div style="position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;">
+            <button style="width:28px;height:28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);">+</button>
+            <button style="width:28px;height:28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);">−</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="document.getElementById('detailModal').classList.remove('show')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function openDetail(name, empId, type) {
+  document.getElementById('dName').textContent = name;
+  document.getElementById('dEmpId').textContent = empId;
+  document.getElementById('alertTypeBadge').textContent = type;
+  document.getElementById('detailModal').classList.add('show');
+}
+document.getElementById('detailModal').addEventListener('click', function(e){ if(e.target===this) this.classList.remove('show'); });
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/notification.html b/web-admin/health-monitor/wearable/notification.html
new file mode 100644
index 0000000..180c330
--- /dev/null
+++ b/web-admin/health-monitor/wearable/notification.html
@@ -0,0 +1,440 @@
+<!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;
+    --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__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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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;}
+  .table-card__content{overflow-x:auto;}
+  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);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-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-green{background:#F6FFED;color:var(--success);}
+  .tag-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  /* 弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .form-group .form-control{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;font-family:inherit;}
+  .form-group .form-control:focus{border-color:var(--primary);}
+  .radio-group{display:flex;gap:24px;align-items:center;}
+  .radio-group label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);cursor:pointer;}
+  .scope-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-top:8px;}
+  .scope-panel .filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:160px;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item active">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>通知标题</label>
+      <input class="filter-input" placeholder="请输入通知标题关键词">
+    </div>
+    <div class="filter-item">
+      <label>通知范围</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>全员通知</option>
+        <option>指定员工</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>发送时间</label>
+      <div class="date-range">
+        <input type="date" value="2026-05-01">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" value="2026-05-11">
+      </div>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+    <button class="btn btn-primary" onclick="openSendModal()">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7l10-5-5 10-2-4-3-1z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      发送通知
+    </button>
+    <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+    <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+  </div>
+  <!-- 通知记录表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">通知记录 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 42 条</span></span>
+    </div>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>通知标题</th>
+            <th>通知内容摘要</th>
+            <th>通知范围</th>
+            <th>发送时间</th>
+            <th>发送人</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>关于高温作业期间加强健康监测的通知</td>
+            <td style="max-width:240px;overflow:hidden;text-overflow:ellipsis;">近期气温持续偏高，请各位佩戴设备员工注意加强监测频次…</td>
+            <td><span class="tag tag-blue">全员通知</span></td>
+            <td>2026-05-10 09:00</td>
+            <td>管理员</td>
+            <td>
+              <span class="link" onclick="openDetailModal(0)">查看详情</span>
+            </td>
+          </tr>
+          <tr>
+            <td>健康监测设备固件升级提醒</td>
+            <td style="max-width:240px;overflow:hidden;text-overflow:ellipsis;">您的穿戴设备有新固件版本可用，请在安全区域操作升级…</td>
+            <td><span class="tag tag-orange">指定员工</span></td>
+            <td>2026-05-08 14:30</td>
+            <td>管理员</td>
+            <td>
+              <span class="link" onclick="openDetailModal(1)">查看详情</span>
+            </td>
+          </tr>
+          <tr>
+            <td>关于本月体检数据核实的通知</td>
+            <td style="max-width:240px;overflow:hidden;text-overflow:ellipsis;">请各位员工在本周内确认设备数据上传完整，如有异常请联系健管员…</td>
+            <td><span class="tag tag-blue">全员通知</span></td>
+            <td>2026-05-06 10:00</td>
+            <td>管理员</td>
+            <td>
+              <span class="link" onclick="openDetailModal(2)">查看详情</span>
+            </td>
+          </tr>
+          <tr>
+            <td>血氧异常员工健康关怀通知</td>
+            <td style="max-width:240px;overflow:hidden;text-overflow:ellipsis;">系统监测到您近期血氧数据偏低，请注意休息并联系健管员进行评估…</td>
+            <td><span class="tag tag-orange">指定员工</span></td>
+            <td>2026-05-05 15:20</td>
+            <td>管理员</td>
+            <td>
+              <span class="link" onclick="openDetailModal(3)">查看详情</span>
+            </td>
+          </tr>
+          <tr>
+            <td>穿戴设备使用规范宣导</td>
+            <td style="max-width:240px;overflow:hidden;text-overflow:ellipsis;">请各位员工严格按照操作手册佩戴使用健康监测设备，确保数据准确性…</td>
+            <td><span class="tag tag-blue">全员通知</span></td>
+            <td>2026-05-01 09:00</td>
+            <td>管理员</td>
+            <td>
+              <span class="link" onclick="openDetailModal(4)">查看详情</span>
+            </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">4</button>
+      <button class="page-btn">»</button>
+      <select class="filter-select" style="min-width:90px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 发送通知弹窗 -->
+<div class="modal-mask" id="sendModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>发送通知</h3>
+      <button class="modal__close" onclick="closeModal('sendModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-group">
+        <label>通知标题 <span style="color:var(--danger)">*</span></label>
+        <input class="form-control" placeholder="请输入通知标题" style="height:36px;">
+      </div>
+      <div class="form-group">
+        <label>通知内容 <span style="color:var(--danger)">*</span></label>
+        <textarea class="form-control" rows="5" placeholder="请输入通知内容"></textarea>
+      </div>
+      <div class="form-group">
+        <label>通知范围 <span style="color:var(--danger)">*</span></label>
+        <div class="radio-group">
+          <label><input type="radio" name="scope" value="all" checked onchange="toggleScopePanel(this)"> 全员通知</label>
+          <label><input type="radio" name="scope" value="specific" onchange="toggleScopePanel(this)"> 指定员工</label>
+        </div>
+        <!-- 指定员工选择面板 -->
+        <div class="scope-panel" id="specificPanel" style="display:none;">
+          <div class="scope-panel .filter-row" style="display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;">
+            <select class="filter-select" style="min-width:150px;">
+              <option>选择单位</option>
+              <option>采油一厂</option>
+              <option>采油二厂</option>
+              <option>采气一厂</option>
+              <option>采气二厂</option>
+              <option>天然气处理厂</option>
+            </select>
+            <input class="filter-input" placeholder="姓名/工号搜索" style="min-width:160px;">
+            <button class="btn btn-default" style="height:36px;">搜索</button>
+          </div>
+          <div style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;min-height:80px;background:#FAFAFA;">
+            <div style="font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:8px;">已选员工（0人）：</div>
+            <div style="font-size:var(--font-sm);color:var(--text-placeholder);">请搜索并选择通知对象</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('sendModal')">取消</button>
+      <button class="btn btn-primary">发送</button>
+    </div>
+  </div>
+</div>
+
+<!-- 通知详情弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>通知详情</h3>
+      <button class="modal__close" onclick="closeModal('detailModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="margin-bottom:16px;">
+        <div id="detailTitle" style="font-size:var(--font-base);font-weight:600;margin-bottom:8px;"></div>
+        <div id="detailMeta" style="font-size:var(--font-xs);color:var(--text-secondary);"></div>
+      </div>
+      <div id="detailContent" style="border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;font-size:var(--font-sm);line-height:1.8;color:var(--text-primary);"></div>
+      <!-- 指定员工时显示通知对象列表 -->
+      <div id="detailTargetSection" style="display:none;margin-top:16px;">
+        <div style="font-size:var(--font-sm);font-weight:600;margin-bottom:8px;">通知对象 <span id="detailTargetCount" style="font-weight:400;color:var(--text-secondary);"></span></div>
+        <div style="border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;">
+          <table>
+            <thead><tr><th>员工姓名</th><th>工号</th><th>所属单位</th></tr></thead>
+            <tbody id="detailTargetBody"></tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('detailModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 阅读统计弹窗 -->
+<div class="modal-mask" id="readStatModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>阅读统计</h3>
+      <button class="modal__close" onclick="closeModal('readStatModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#F8FBFF;border-radius:var(--radius-md);">
+        <div style="text-align:center;"><div style="font-size:22px;font-weight:700;color:var(--primary)">89</div><div style="font-size:var(--font-xs);color:var(--text-secondary)">通知人数</div></div>
+        <div style="text-align:center;"><div style="font-size:22px;font-weight:700;color:var(--success)">72</div><div style="font-size:var(--font-xs);color:var(--text-secondary)">已读人数</div></div>
+        <div style="text-align:center;"><div style="font-size:22px;font-weight:700;color:var(--warning)">17</div><div style="font-size:var(--font-xs);color:var(--text-secondary)">未读人数</div></div>
+        <div style="text-align:center;"><div style="font-size:22px;font-weight:700;color:var(--text-secondary)">80.9%</div><div style="font-size:var(--font-xs);color:var(--text-secondary)">已读率</div></div>
+      </div>
+      <table>
+        <thead><tr><th>员工姓名</th><th>工号</th><th>所属单位</th><th>阅读时间</th><th>状态</th></tr></thead>
+        <tbody>
+          <tr><td>张伟</td><td>CQ001234</td><td>采油一厂</td><td>2026-05-10 09:15</td><td><span class="tag tag-green">已读</span></td></tr>
+          <tr><td>李建国</td><td>CQ001156</td><td>采油一厂</td><td>2026-05-10 10:02</td><td><span class="tag tag-green">已读</span></td></tr>
+          <tr><td>王磊</td><td>CQ002301</td><td>采气一厂</td><td>—</td><td><span class="tag" style="background:#F5F5F5;color:#999">未读</span></td></tr>
+          <tr><td>陈晓燕</td><td>CQ001890</td><td>采油一厂</td><td>2026-05-10 09:30</td><td><span class="tag tag-green">已读</span></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('readStatModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 通知示例数据 */
+var NOTIFICATIONS = [
+  {
+    title: '关于高温作业期间加强健康监测的通知',
+    scope: '全员通知',
+    time: '2026-05-10 09:00',
+    sender: '管理员',
+    content: '近期气温持续偏高，高温作业环境对佩戴健康监测设备的员工健康影响较大。请各位佩戴设备的员工注意以下事项：<br><br>1. 高温时段（12:00-15:00）适当减少户外作业时间；<br>2. 如设备出现心率持续超过110bpm或体温超过37.5℃的告警，请立即移至阴凉处并及时联系健管员；<br>3. 每日结束作业后请将设备放置充电，确保第二天数据上报正常。<br><br>如有任何问题，请联系您所在单位的健康管理员。',
+    targets: null
+  },
+  {
+    title: '健康监测设备固件升级提醒',
+    scope: '指定员工',
+    time: '2026-05-08 14:30',
+    sender: '管理员',
+    content: '您的穿戴设备有新固件版本（v2.3.1）可用，本次升级修复了心率采集偶发中断的问题，并优化了电池续航。请在安全区域（非高温/高压作业环境）完成升级操作。<br><br>升级步骤：<br>1. 将设备连接充电底座，确保电量 ≥ 50%；<br>2. 打开手机端"健康长庆"APP → 设备管理 → 固件更新；<br>3. 升级过程约 3 分钟，期间请勿断开连接。',
+    targets: [
+      { name: '张伟', code: 'CQ001234', dept: '采油一厂' },
+      { name: '李建国', code: 'CQ001156', dept: '采油一厂' },
+      { name: '王磊', code: 'CQ002301', dept: '采气一厂' },
+      { name: '赵敏', code: 'CQ003012', dept: '天然气处理厂' },
+      { name: '刘洋', code: 'CQ001890', dept: '采油二厂' }
+    ]
+  },
+  {
+    title: '关于本月体检数据核实的通知',
+    scope: '全员通知',
+    time: '2026-05-06 10:00',
+    sender: '管理员',
+    content: '请各位员工在本周内确认设备数据上传完整，如有异常请联系健管员进行评估。<br><br>核实要点：<br>1. 检查最近 7 天的心率、血氧、体温数据是否有缺失时段；<br>2. 若发现数据中断超过 4 小时，请检查设备佩戴情况或联系管理员更换设备；<br>3. 数据核实截止时间为 2026-05-12 18:00。',
+    targets: null
+  },
+  {
+    title: '血氧异常员工健康关怀通知',
+    scope: '指定员工',
+    time: '2026-05-05 15:20',
+    sender: '管理员',
+    content: '系统监测到您近期血氧数据偏低（近 3 日平均 SpO₂ < 94%），请注意以下事项：<br><br>1. 减少高强度体力劳动，适当增加休息时间；<br>2. 如有头晕、胸闷等不适症状，请立即联系驻场健管员；<br>3. 建议近期进行一次线下血氧复测，排除设备误差。<br><br>您的健康是我们最大的关注，如需帮助请随时联系。',
+    targets: [
+      { name: '王磊', code: 'CQ002301', dept: '采气一厂' },
+      { name: '陈晓燕', code: 'CQ001890', dept: '采油一厂' },
+      { name: '周强', code: 'CQ002156', dept: '采气二厂' }
+    ]
+  },
+  {
+    title: '穿戴设备使用规范宣导',
+    scope: '全员通知',
+    time: '2026-05-01 09:00',
+    sender: '管理员',
+    content: '请各位员工严格按照操作手册佩戴使用健康监测设备，确保数据准确性。<br><br>佩戴规范：<br>1. 手环/手表应佩戴于手腕上方约一指宽处，松紧适中；<br>2. 运动、洗手后请检查设备位置，避免滑落或过松；<br>3. 每日睡前将设备放置充电底座，确保次日数据采集完整；<br>4. 禁止私自拆卸或改装设备。<br><br>违规使用可能导致数据失真，影响健康预警的及时性。',
+    targets: null
+  }
+];
+
+function openSendModal(){ document.getElementById('sendModal').classList.add('show'); }
+function openReadStat(){ document.getElementById('readStatModal').classList.add('show'); }
+function closeModal(id){ document.getElementById(id).classList.remove('show'); }
+
+function openDetailModal(idx){
+  var d = NOTIFICATIONS[idx];
+  if(!d) return;
+  var isSpecific = d.scope === '指定员工';
+  var tagClass = isSpecific ? 'tag-orange' : 'tag-blue';
+  /* 基本信息 */
+  document.getElementById('detailTitle').textContent = d.title;
+  document.getElementById('detailMeta').innerHTML = '发送时间：' + d.time + ' | 发送人：' + d.sender + ' | 通知范围：<span class="tag ' + tagClass + '">' + d.scope + '</span>';
+  document.getElementById('detailContent').innerHTML = d.content;
+  /* 通知对象区域 */
+  var section = document.getElementById('detailTargetSection');
+  if(isSpecific && d.targets && d.targets.length){
+    section.style.display = '';
+    document.getElementById('detailTargetCount').textContent = '（共 ' + d.targets.length + ' 人）';
+    var html = '';
+    d.targets.forEach(function(t){
+      html += '<tr><td>' + t.name + '</td><td>' + t.code + '</td><td>' + t.dept + '</td></tr>';
+    });
+    document.getElementById('detailTargetBody').innerHTML = html;
+  } else {
+    section.style.display = 'none';
+  }
+  document.getElementById('detailModal').classList.add('show');
+}
+
+function toggleScopePanel(el){
+  document.getElementById('specificPanel').style.display = el.value === 'specific' ? '' : 'none';
+}
+document.querySelectorAll('.modal-mask').forEach(function(m){
+  m.addEventListener('click', function(e){ if(e.target===m) m.classList.remove('show'); });
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/personal-stat.html b/web-admin/health-monitor/wearable/personal-stat.html
new file mode 100644
index 0000000..741b4c8
--- /dev/null
+++ b/web-admin/health-monitor/wearable/personal-stat.html
@@ -0,0 +1,393 @@
+<!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;
+    --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__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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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;}
+  .table-card__content{overflow-x:auto;}
+  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);}
+  thead th.group-header{text-align:center;background:#F0F7FF;color:var(--primary);font-weight:600;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);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-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  .abnormal{color:var(--danger);font-weight:500;}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:140px;}
+  /* 说明框 */
+  .info-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;background:#F0F7FF;border-radius:var(--radius-md);margin-bottom:16px;border:1px solid #BAE0FF;font-size:var(--font-xs);color:#0958D9;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item active">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <div class="info-tip">
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="7" cy="7" r="6" stroke="#1890FF" stroke-width="1.5"/><path d="M7 6v4M7 4.5v.5" stroke="#1890FF" stroke-width="1.5" stroke-linecap="round"/></svg>
+    统计每位员工在所选日期范围内的设备佩戴情况，包括应佩戴天数、实际佩戴天数及最大连续未佩戴天数。
+  </div>
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>日期范围</label>
+      <div class="date-range">
+        <input type="date" class="filter-input" value="2026-05-05" style="min-width:140px;">
+        <span style="color:var(--text-secondary)">至</span>
+        <input type="date" class="filter-input" value="2026-05-11" style="min-width:140px;">
+      </div>
+    </div>
+    <div class="filter-item">
+      <label>员工姓名</label>
+      <input class="filter-input" placeholder="请输入员工姓名">
+    </div>
+    <div class="filter-item">
+      <label>工号</label>
+      <input class="filter-input" placeholder="请输入工号" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>单位部门</label>
+      <select class="filter-select" style="min-width:150px;">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>采气二厂</option>
+        <option>天然气处理厂</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+    <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+    <button class="btn btn-default" onclick="void(0)">导出详细明细</button>
+    <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+  </div>
+  <!-- 表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">个人数据统计 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 89 条</span></span>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>员工姓名</th>
+            <th>员工编号</th>
+            <th>单位名称</th>
+            <th>部门名称</th>
+            <th>设备编码</th>
+            <th>设备所属单位</th>
+            <th>应佩戴天数</th>
+            <th>实际佩戴天数</th>
+            <th>最大连续未佩戴天数</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>张伟</td><td>CQ001234</td><td>采油一厂</td><td>第一作业区</td><td>WD-20260101</td><td>采油一厂</td>
+            <td>7</td><td>7</td><td>0</td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>李建国</td><td>CQ001156</td><td>采油一厂</td><td>第一作业区</td><td>WD-20260102</td><td>采油一厂</td>
+            <td>7</td><td>5</td><td><span class="abnormal">2</span></td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>王磊</td><td>CQ002301</td><td>采气一厂</td><td>采气作业区</td><td>WD-20260103</td><td>采气一厂</td>
+            <td>7</td><td>6</td><td>1</td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>陈晓燕</td><td>CQ001890</td><td>采油一厂</td><td>第二作业区</td><td>WD-20260104</td><td>采油一厂</td>
+            <td>7</td><td>7</td><td>0</td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>孙浩然</td><td>CQ004210</td><td>天然气处理厂</td><td>集输大队</td><td>WD-20260105</td><td>天然气处理厂</td>
+            <td>7</td><td>4</td><td><span class="abnormal">3</span></td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>赵明辉</td><td>CQ003042</td><td>采油二厂</td><td>第一作业区</td><td>WD-20260106</td><td>采油二厂</td>
+            <td>7</td><td>6</td><td>1</td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+          <tr>
+            <td>刘洋</td><td>CQ003159</td><td>采油二厂</td><td>第二作业区</td><td>WD-20260107</td><td>采油二厂</td>
+            <td>7</td><td>0</td><td><span class="abnormal">7</span></td>
+            <td><span class="link">查看明细</span></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 89 条</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">9</button>
+      <button class="page-btn">»</button>
+      <select class="filter-select" style="min-width:90px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
+    </div>
+  </div>
+</main>
+
+<style>
+  /* 弹窗 */
+  .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:1000;display:none;align-items:center;justify-content:center;}
+  .modal-mask.show{display:flex;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:94vw;max-width:1500px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+  .modal__title{font-size:var(--font-base);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;}
+  .modal__close:hover{background:#f0f0f0;}
+  .modal__info{padding:16px 24px;border-bottom:1px solid #f5f5f5;flex-shrink:0;display:flex;gap:32px;flex-wrap:wrap;background:#FAFCFF;}
+  .modal__info-item{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);}
+  .modal__info-label{color:var(--text-secondary);}
+  .modal__info-val{color:var(--text-primary);font-weight:500;}
+  .modal__toolbar{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;border-bottom:1px solid #f5f5f5;flex-shrink:0;}
+  .modal__body{flex:1;overflow:auto;padding:0;}
+  .modal__body table{border-collapse:separate;border-spacing:0;min-width:100%;}
+  .modal__body table th,.modal__body table td{padding:10px 14px;font-size:var(--font-xs);text-align:center;white-space:nowrap;border-bottom:1px solid var(--border);}
+  .modal__body table th{position:sticky;top:0;z-index:6;background:#FAFAFA;font-weight:500;}
+  .modal__body table th.group-header{background:#F0F7FF;color:var(--primary);font-weight:600;}
+  .modal__body table .col-fixed-left{position:sticky;left:0;z-index:8;background:#fff;min-width:100px;}
+  .modal__body table th.col-fixed-left{background:#FAFAFA;z-index:10;}
+  .modal__body table .col-fixed-left::after{content:'';position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,0.06),transparent);pointer-events:none;}
+  .modal__body table tbody tr:hover td{background:#F8FBFF;}
+  .modal__body table tbody tr:hover .col-fixed-left{background:#F8FBFF;}
+  .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;}
+  .toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:6px;font-size:var(--font-sm);z-index:2000;opacity:0;transition:opacity .3s;pointer-events:none;}
+  .toast.show{opacity:1;}
+</style>
+
+<div class="toast" id="toast"></div>
+
+<!-- 查看明细弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header">
+      <span class="modal__title" id="modalTitle">个人数据明细</span>
+      <button class="modal__close" onclick="closeModal()">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="#666" stroke-width="1.5" stroke-linecap="round"/></svg>
+      </button>
+    </div>
+    <div class="modal__info" id="modalInfo"></div>
+    <div class="modal__toolbar">
+      <button class="btn btn-primary" onclick="handleExport()">导出</button>
+    </div>
+    <div class="modal__body">
+      <table>
+        <thead id="detailThead"></thead>
+        <tbody id="detailTbody"></tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function getDateRange() {
+  var inputs = document.querySelectorAll('.date-range input[type="date"]');
+  return { start: inputs[0].value, end: inputs[1].value };
+}
+function getDatesInRange(start, end) {
+  var dates = [], cur = new Date(start), endD = new Date(end);
+  while (cur <= endD) { dates.push(cur.toISOString().slice(0,10)); cur.setDate(cur.getDate()+1); }
+  return dates;
+}
+
+function openDetailModal(row) {
+  var cells = row.querySelectorAll('td');
+  var emp = {
+    name: cells[0].textContent.trim(),
+    code: cells[1].textContent.trim(),
+    unit: cells[2].textContent.trim(),
+    dept: cells[3].textContent.trim(),
+    device: cells[4].textContent.trim(),
+    deviceUnit: cells[5].textContent.trim()
+  };
+
+  document.getElementById('modalTitle').textContent = '个人数据明细 - ' + emp.name;
+  document.getElementById('modalInfo').innerHTML =
+    '<div class="modal__info-item"><span class="modal__info-label">姓名：</span><span class="modal__info-val">' + emp.name + '</span></div>' +
+    '<div class="modal__info-item"><span class="modal__info-label">工号：</span><span class="modal__info-val">' + emp.code + '</span></div>' +
+    '<div class="modal__info-item"><span class="modal__info-label">单位：</span><span class="modal__info-val">' + emp.unit + '</span></div>' +
+    '<div class="modal__info-item"><span class="modal__info-label">部门：</span><span class="modal__info-val">' + emp.dept + '</span></div>' +
+    '<div class="modal__info-item"><span class="modal__info-label">设备：</span><span class="modal__info-val">' + emp.device + '</span></div>' +
+    '<div class="modal__info-item"><span class="modal__info-label">日期范围：</span><span class="modal__info-val">' + getDateRange().start + ' 至 ' + getDateRange().end + '</span></div>';
+
+  var range = getDateRange();
+  var dates = getDatesInRange(range.start, range.end);
+
+  /* 表头 */
+  var thead = document.getElementById('detailThead');
+  thead.innerHTML =
+    '<tr>' +
+      '<th rowspan="2" class="col-fixed-left" style="vertical-align:middle;">数据日期</th>' +
+      '<th colspan="3" class="group-header">心率(bpm)</th>' +
+      '<th colspan="3" class="group-header">静息心率(bpm)</th>' +
+      '<th colspan="3" class="group-header">血氧(%)</th>' +
+      '<th colspan="3" class="group-header">压力</th>' +
+      '<th colspan="3" class="group-header">体温(℃)</th>' +
+      '<th colspan="3" class="group-header">体表温度(℃)</th>' +
+      '<th colspan="3" class="group-header">血压(mmHg)</th>' +
+      '<th colspan="4" class="group-header">睡眠</th>' +
+      '<th colspan="4" class="group-header">小睡</th>' +
+      '<th colspan="4" class="group-header">运动</th>' +
+    '</tr>' +
+    '<tr>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>最大</th><th>最小</th><th>平均</th>' +
+      '<th>次数</th><th>最长</th><th>最短</th><th>总时长</th>' +
+      '<th>次数</th><th>最长</th><th>最短</th><th>总时长</th>' +
+      '<th>次数</th><th>总时长</th><th>总距离</th><th>总消耗</th>' +
+    '</tr>';
+
+  /* 模拟数据 */
+  var tbody = document.getElementById('detailTbody');
+  var rows = '';
+  dates.forEach(function(d) {
+    var hr = rand(60,110), hrMin = rand(55,70), hrAvg = rand(65,85);
+    var rhr = rand(55,75), rhrMin = rand(50,60), rhrAvg = rand(55,65);
+    var spo2 = rand(95,100), spo2Min = rand(90,96), spo2Avg = rand(94,98);
+    var stress = rand(40,90), stressMin = rand(20,45), stressAvg = rand(35,60);
+    var temp = (36 + Math.random()*1.5).toFixed(1), tempMin = (35.8 + Math.random()*0.5).toFixed(1), tempAvg = (36 + Math.random()*0.6).toFixed(1);
+    var sTemp = (35.5 + Math.random()*1.5).toFixed(1), sTempMin = (35 + Math.random()*0.8).toFixed(1), sTempAvg = (35.5 + Math.random()*0.6).toFixed(1);
+    var bpMax = rand(110,145) + '/' + rand(70,90), bpMin = rand(95,115) + '/' + rand(60,75), bpAvg = rand(105,125) + '/' + rand(65,80);
+    var sleepN = rand(1,3), sleepMax = rand(4,8)+'h'+rand(0,59)+'min', sleepMin = rand(1,4)+'h'+rand(0,59)+'min', sleepTotal = rand(6,9)+'h'+rand(0,59)+'min';
+    var napN = rand(0,2), napMax = rand(15,60)+'min', napMin = rand(10,30)+'min', napTotal = rand(20,90)+'min';
+    var exN = rand(0,3), exTotal = rand(20,90)+'min', exDist = (Math.random()*8).toFixed(1)+'km', exCal = rand(100,500)+'kcal';
+
+    rows += '<tr>';
+    rows += '<td class="col-fixed-left" style="font-weight:500;">' + d + '</td>';
+    rows += '<td>'+hr+'</td><td>'+hrMin+'</td><td>'+hrAvg+'</td>';
+    rows += '<td>'+rhr+'</td><td>'+rhrMin+'</td><td>'+rhrAvg+'</td>';
+    rows += '<td>'+spo2+'</td><td>'+spo2Min+'</td><td>'+spo2Avg+'</td>';
+    rows += '<td>'+stress+'</td><td>'+stressMin+'</td><td>'+stressAvg+'</td>';
+    rows += '<td>'+temp+'</td><td>'+tempMin+'</td><td>'+tempAvg+'</td>';
+    rows += '<td>'+sTemp+'</td><td>'+sTempMin+'</td><td>'+sTempAvg+'</td>';
+    rows += '<td>'+bpMax+'</td><td>'+bpMin+'</td><td>'+bpAvg+'</td>';
+    rows += '<td>'+sleepN+'</td><td>'+sleepMax+'</td><td>'+sleepMin+'</td><td>'+sleepTotal+'</td>';
+    rows += '<td>'+napN+'</td><td>'+napMax+'</td><td>'+napMin+'</td><td>'+napTotal+'</td>';
+    rows += '<td>'+exN+'</td><td>'+exTotal+'</td><td>'+exDist+'</td><td>'+exCal+'</td>';
+    rows += '</tr>';
+  });
+  tbody.innerHTML = rows;
+  document.getElementById('detailModal').classList.add('show');
+}
+
+function rand(min, max) { return Math.floor(Math.random()*(max-min+1))+min; }
+
+function closeModal() { document.getElementById('detailModal').classList.remove('show'); }
+
+function showToast(msg) {
+  var el = document.getElementById('toast');
+  el.textContent = msg; el.classList.add('show');
+  setTimeout(function(){ el.classList.remove('show'); }, 2500);
+}
+
+function handleExport() { closeModal(); showToast('导出任务已生成'); }
+
+document.getElementById('detailModal').addEventListener('click', function(e) {
+  if (e.target === this) closeModal();
+});
+
+document.querySelectorAll('.link').forEach(function(link) {
+  link.addEventListener('click', function() { openDetailModal(this.closest('tr')); });
+});
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/tool-manage.html b/web-admin/health-monitor/wearable/tool-manage.html
new file mode 100644
index 0000000..b3c2695
--- /dev/null
+++ b/web-admin/health-monitor/wearable/tool-manage.html
@@ -0,0 +1,1012 @@
+<!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.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__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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
+  .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+  .filter-item{display:flex;align-items:center;gap:8px;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:200px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-success{background:#fff;color:var(--success);border:1px solid var(--success);}.btn-success:hover{background:#f6ffed;}
+  .btn-sm{height:28px;padding:0 10px;font-size:var(--font-xs);}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__actions{display:flex;gap:8px;align-items:center;}
+  .table-card__content{overflow-x:auto;}
+  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);}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  /* 首列固定 */
+  thead th:first-child,tbody td:first-child{position:sticky;left:0;z-index:2;}
+  thead th:first-child{background:#FAFAFA;}
+  tbody td:first-child{background:#fff;}
+  tbody tr:hover td:first-child{background:#F8FBFF;}
+  /* 操作列固定 */
+  thead th:last-child,tbody td:last-child{position:sticky;right:0;z-index:2;box-shadow:-4px 0 8px rgba(0,0,0,0.04);}
+  thead th:last-child{background:#FAFAFA;}
+  tbody td:last-child{background:#fff;}
+  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-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:#666;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  /* 弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal-lg{width:860px;}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
+  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
+  .form-row.single{grid-template-columns:1fr;}
+  .form-group{display:flex;flex-direction:column;gap:6px;}
+  .form-group label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .form-group .form-control{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
+  .form-group .form-control:focus{border-color:var(--primary);}
+  /* 绑定记录弹窗 */
+  .bind-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-bottom:20px;padding:16px;background:#FAFAFA;border-radius:var(--radius-md);}
+  .bind-info-item label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .bind-info-item span{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all .2s;}
+  .upload-area:hover{border-color:var(--primary);background:var(--primary-light);}
+  .upload-area svg{opacity:.4;margin-bottom:8px;}
+  .upload-area p{font-size:var(--font-sm);color:var(--text-secondary);}
+  .upload-area p.sub{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:4px;}
+  /* 更多操作下拉 */
+  .more-wrap{position:relative;display:inline-flex;}
+  .more-btn{color:var(--primary);cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;gap:2px;}
+  .more-btn:hover{color:#40a9ff;}
+  .more-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:120px;padding:4px 0;z-index:200;opacity:0;pointer-events:none;transform:translateY(-4px);transition:all .15s;}
+  .more-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0);}
+  .more-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background .15s;}
+  .more-dropdown-item:hover{background:#F5F7FA;}
+  .more-dropdown-item.danger{color:var(--danger);}
+  .more-dropdown-item.danger:hover{background:#FFF1F0;}
+  /* 搜索选择框 */
+  .search-select{position:relative;}
+  .search-select__dropdown{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:300;display:none;max-height:240px;overflow:hidden;flex-direction:column;}
+  .search-select__dropdown.show{display:flex;}
+  .search-select__header{display:grid;grid-template-columns:70px 80px 1fr 1fr;gap:8px;padding:8px 12px;background:#FAFAFA;border-bottom:1px solid var(--border);font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;}
+  .search-select__list{overflow-y:auto;max-height:180px;}
+  .search-select__item{display:grid;grid-template-columns:70px 80px 1fr 1fr;gap:8px;padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .1s;border-bottom:1px solid #f5f5f5;}
+  .search-select__item:last-child{border-bottom:none;}
+  .search-select__item:hover{background:var(--primary-light);}
+  .search-select__empty{padding:24px;text-align:center;font-size:var(--font-sm);color:var(--text-placeholder);}
+  /* 员工信息卡片 */
+  .emp-card{background:#FAFAFA;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;transition:all .2s;}
+  .emp-card__header{display:flex;align-items:center;gap:12px;position:relative;}
+  .emp-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:500;flex-shrink:0;}
+  .emp-card__name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .emp-card__code{font-size:var(--font-xs);color:var(--text-secondary);font-family:monospace;margin-top:2px;}
+  .emp-card__remove{position:absolute;right:0;top:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:var(--text-placeholder);font-size:16px;transition:all .15s;}
+  .emp-card__remove:hover{background:#fff;color:var(--danger);}
+  .emp-card__info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
+  .emp-card__info-item{display:flex;flex-direction:column;gap:2px;}
+  .emp-card__info-item span:first-child{font-size:var(--font-xs);color:var(--text-placeholder);}
+  .emp-card__info-item span:last-child{font-size:var(--font-sm);color:var(--text-primary);}
+  /* 开关组件 */
+  .switch{position:relative;display:inline-flex;width:40px;height:22px;cursor:pointer;}
+  .switch input{opacity:0;width:0;height:0;}
+  .switch__slider{position:absolute;inset:0;background:#ccc;border-radius:22px;transition:all .2s;}
+  .switch__slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .2s;}
+  .switch input:checked+.switch__slider{background:var(--primary);}
+  .switch input:checked+.switch__slider::before{transform:translateX(18px);}
+  /* 监测设置项 */
+  .monitor-setting-list{display:flex;flex-direction:column;gap:16px;}
+  .monitor-setting-item{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
+  .monitor-setting-item__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#FAFAFA;}
+  .monitor-setting-item__label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
+  .monitor-setting-item__body{padding:16px;transition:opacity .2s;}
+  .monitor-setting-item__body.disabled{opacity:.45;pointer-events:none;}
+  .monitor-setting-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
+  .monitor-setting-field{display:flex;flex-direction:column;gap:4px;}
+  .monitor-setting-field label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .monitor-setting-field .form-control{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;}
+  .monitor-setting-field .form-control:focus{border-color:var(--primary);}
+</style>
+</head>
+<body>
+
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item active">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>设备编码</label>
+      <input class="filter-input" placeholder="请输入设备编码" style="min-width:160px;">
+    </div>
+        <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <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>
+      </select>
+    </div>
+
+        <div class="filter-item">
+      <label>绑定员工</label>
+      <input class="filter-input" placeholder="请输入员工姓名" style="min-width:160px;">
+    </div>
+        <div class="filter-item">
+      <label>员工编号</label>
+      <input class="filter-input" placeholder="请输入员工编号" style="min-width:160px;">
+    </div>
+            <div class="filter-item">
+                    <label>设备厂商</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>华为</option>
+        <option>小米</option>
+      </select>
+       </div>
+            <div class="filter-item">
+                                  <label>设备型号</label>
+      <select class="filter-select">
+        <option>全部</option>
+
+      </select>
+      </div>
+    <button class="btn btn-primary" onclick="void(0)">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4.5" stroke="currentColor" stroke-width="1.5"/><path d="M10.5 10.5l2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      查询
+    </button>
+    <button class="btn btn-default" onclick="void(0)">重置</button>
+  </div>
+
+        <div class="table-card__actions" >
+
+                  <button class="btn btn-primary" onclick="openAddModal()">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          新增设备
+        </button>
+
+        <button class="btn btn-default" onclick="openImportModal()">
+           批量入库导入
+        </button>
+        <button class="btn btn-default" onclick="void(0)">
+           查看导入任务
+        </button>
+                  <button class="btn btn-default" onclick="void(0)">
+           导出列表数据
+        </button>
+        <button class="btn btn-default" onclick="void(0)">
+           查看导出任务
+        </button>
+      </div>
+
+  <!-- 表格 -->
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">设备列表 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 128 台</span></span>
+
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th rowspan="2"><input type="checkbox"></th>
+            <th rowspan="2">设备编码</th>
+            <th rowspan="2">所属单位</th>
+            <th rowspan="2">入库日期</th>
+            <th rowspan="2">厂商</th>
+            <th rowspan="2">设备型号</th>
+            <th rowspan="2">绑定状态</th>
+            <th rowspan="2">绑定员工</th>
+            <th rowspan="2">员工编号</th>
+            <th rowspan="2">绑定日期</th>
+            <th colspan="4" style="text-align:center;">设备监测开关</th>
+            <th rowspan="2">操作</th>
+          </tr>
+          <tr>
+            <th>心率</th>
+            <th>血氧</th>
+            <th>压力</th>
+            <th>体温</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><input type="checkbox"></td>
+            <td><span style="font-family:monospace">WD-2024-001</span></td>
+            <td>采油一厂</td>
+            <td>2024-01-15</td>
+            <td>华为</td>
+            <td>Band 9</td>
+            <td><span class="tag tag-green">已绑定</span></td>
+            <td>张伟</td>
+            <td><span style="font-family:monospace;color:var(--text-secondary)">CQ001234</span></td>
+            <td>2024-03-01</td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td>
+              <span class="link" onclick="openUnbindConfirm('WD-2024-001','采油一厂','张伟')">解除绑定</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="link" onclick="openBindRecord('WD-2024-001')">绑定记录</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch('WD-2024-001')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>
+            </td>
+          </tr>
+          <tr>
+            <td><input type="checkbox"></td>
+            <td><span style="font-family:monospace">WD-2024-002</span></td>
+            <td>采油一厂</td>
+            <td>2024-01-15</td>
+            <td>华为</td>
+            <td>Band 9</td>
+            <td><span class="tag tag-green">已绑定</span></td>
+            <td>李建国</td>
+            <td><span style="font-family:monospace;color:var(--text-secondary)">CQ001235</span></td>
+            <td>2024-03-05</td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td>
+              <span class="link" onclick="openUnbindConfirm('WD-2024-002','采油一厂','李建国')">解除绑定</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="link" onclick="openBindRecord('WD-2024-002')">绑定记录</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch('WD-2024-002')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>
+            </td>
+          </tr>
+          <tr>
+            <td><input type="checkbox"></td>
+            <td><span style="font-family:monospace">WD-2024-015</span></td>
+            <td>采油二厂</td>
+            <td>2024-02-20</td>
+            <td>小米</td>
+            <td>Watch S4</td>
+            <td><span class="tag tag-gray">未绑定</span></td>
+            <td>—</td>
+            <td>—</td>
+            <td>—</td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td>
+              <span class="link" onclick="openBindModal('WD-2024-015','')">绑定员工</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="link" onclick="openBindRecord('WD-2024-015')">绑定记录</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch('WD-2024-015')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>
+            </td>
+          </tr>
+          <tr>
+            <td><input type="checkbox"></td>
+            <td><span style="font-family:monospace">WD-2024-016</span></td>
+            <td>采油二厂</td>
+            <td>2024-02-20</td>
+            <td>小米</td>
+            <td>Watch S4</td>
+            <td><span class="tag tag-gray">未绑定</span></td>
+            <td>—</td>
+            <td>—</td>
+            <td>—</td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td>
+              <span class="link" onclick="openBindModal('WD-2024-016','')">绑定员工</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="link" onclick="openBindRecord('WD-2024-016')">绑定记录</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch('WD-2024-016')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>
+            </td>
+          </tr>
+          <tr>
+            <td><input type="checkbox"></td>
+            <td><span style="font-family:monospace">WD-2024-031</span></td>
+            <td>采气一厂</td>
+            <td>2024-03-10</td>
+            <td>康泰医学</td>
+            <td>CMS50D+</td>
+            <td><span class="tag tag-green">已绑定</span></td>
+            <td>王磊</td>
+            <td><span style="font-family:monospace;color:var(--text-secondary)">CQ002101</span></td>
+            <td>2024-04-01</td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-green">开启</span></td>
+            <td><span class="tag tag-gray">关闭</span></td>
+            <td>
+              <span class="link" onclick="openUnbindConfirm('WD-2024-031','采气一厂','王磊')">解除绑定</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="link" onclick="openBindRecord('WD-2024-031')">绑定记录</span>
+              <span style="color:var(--border);margin:0 4px;">|</span>
+              <span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch('WD-2024-031')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></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">13</button>
+      <button class="page-btn">»</button>
+      <select class="filter-select" style="min-width:90px;height:32px;">
+        <option>10条/页</option>
+        <option>20条/页</option>
+        <option>50条/页</option>
+      </select>
+    </div>
+  </div>
+</main>
+
+<!-- 新增/编辑设备弹窗 -->
+<div class="modal-mask" id="addModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>新增设备</h3>
+      <button class="modal__close" onclick="closeModal('addModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="form-row">
+        <div class="form-group">
+          <label>设备编码 <span style="color:var(--danger)">*</span></label>
+          <input class="form-control" placeholder="请输入设备编码">
+        </div>
+        <div class="form-group">
+          <label>所属单位 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control filter-select">
+            <option>请选择</option>
+            <option>采油一厂</option>
+            <option>采油二厂</option>
+            <option>采气一厂</option>
+            <option>采气二厂</option>
+            <option>天然气处理厂</option>
+          </select>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="form-group">
+          <label>设备厂商 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control filter-select">
+            <option>请选择</option>
+            <option>华为</option>
+            <option>小米</option>
+            <option>康泰医学</option>
+            <option>鱼跃医疗</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label>设备型号 <span style="color:var(--danger)">*</span></label>
+          <select class="form-control filter-select">
+            <option>请选择</option>
+            <option>Band 9</option>
+            <option>Watch GT 4</option>
+            <option>Watch S4</option>
+            <option>CMS50D+</option>
+          </select>
+        </div>
+      </div>
+      <div class="form-row single">
+        <div class="form-group">
+          <label>入库日期</label>
+          <input class="form-control" type="date" value="2026-05-12">
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('addModal')">取消</button>
+      <button class="btn btn-primary">确定</button>
+    </div>
+  </div>
+</div>
+
+<!-- 绑定员工弹窗 -->
+<div class="modal-mask" id="bindModal">
+  <div class="modal" style="width:480px;">
+    <div class="modal__header">
+      <h3 id="bindModalTitle">绑定员工</h3>
+      <button class="modal__close" onclick="closeModal('bindModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="background:#F0F7FF;border:1px solid #BAE0FF;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;">
+        <span style="font-size:var(--font-sm);color:#0958D9;">设备编码：<strong id="bindDeviceCode">WD-2024-015</strong></span>
+      </div>
+      <div class="form-group" style="margin-bottom:16px;">
+        <label>绑定员工 <span style="color:var(--danger)">*</span></label>
+        <div class="search-select">
+          <input class="form-control" placeholder="输入姓名或编号搜索员工" id="bindEmpSearch" autocomplete="off" oninput="onEmpSearch(this.value)" onfocus="onEmpSearch(this.value)">
+          <div class="search-select__dropdown" id="empDropdown">
+            <div class="search-select__header">
+              <span>姓名</span><span>编号</span><span>所属单位</span><span>所属部门</span>
+            </div>
+            <div class="search-select__list" id="empList"></div>
+            <div class="search-select__empty" id="empEmpty" style="display:none;">未找到匹配员工</div>
+          </div>
+        </div>
+      </div>
+      <div class="emp-card" id="empCard" style="display:none;margin-bottom:16px;">
+        <div class="emp-card__header">
+          <div class="emp-card__avatar" id="empCardAvatar">张</div>
+          <div>
+            <div class="emp-card__name" id="empCardName">张伟</div>
+            <div class="emp-card__code" id="empCardCode">CQ001234</div>
+          </div>
+          <span class="emp-card__remove" onclick="clearSelectedEmp()" title="移除">×</span>
+        </div>
+        <div class="emp-card__info">
+          <div class="emp-card__info-item"><span>所属单位</span><span id="empCardUnit">采油一厂</span></div>
+          <div class="emp-card__info-item"><span>所属部门</span><span id="empCardDept">作业一区</span></div>
+        </div>
+      </div>
+      <div class="form-group">
+        <label>绑定日期 <span style="color:var(--danger)">*</span></label>
+        <input class="form-control" type="date" value="2026-05-11" id="bindDate">
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('bindModal')">取消</button>
+      <button class="btn btn-primary" onclick="doBind()">确定绑定</button>
+    </div>
+  </div>
+</div>
+
+<!-- 绑定记录弹窗 -->
+<div class="modal-mask" id="bindRecordModal">
+  <div class="modal modal-lg">
+    <div class="modal__header">
+      <h3>绑定记录</h3>
+      <button class="modal__close" onclick="closeModal('bindRecordModal')">×</button>
+    </div>
+    <div class="modal__body" style="padding:0;">
+      <div id="bindRecordDeviceCard" style="display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 24px;background:#FAFAFA;border-bottom:1px solid var(--border);">
+        <div style="display:flex;flex-direction:column;gap:2px;"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">设备编码</span><span style="font-size:var(--font-sm);font-weight:500;font-family:monospace;" id="brCardCode">WD-2024-001</span></div>
+        <div style="display:flex;flex-direction:column;gap:2px;"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">厂家</span><span style="font-size:var(--font-sm);" id="brCardVendor">华为</span></div>
+        <div style="display:flex;flex-direction:column;gap:2px;"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">型号</span><span style="font-size:var(--font-sm);" id="brCardModel">Band 9</span></div>
+        <div style="display:flex;flex-direction:column;gap:2px;"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">入库日期</span><span style="font-size:var(--font-sm);" id="brCardDate">2024-01-15</span></div>
+        <div style="display:flex;flex-direction:column;gap:2px;"><span style="font-size:var(--font-xs);color:var(--text-placeholder);">所属单位</span><span style="font-size:var(--font-sm);" id="brCardUnit">采油一厂</span></div>
+      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>员工姓名</th>
+            <th>工号</th>
+            <th>所属单位</th>
+            <th>绑定时间</th>
+            <th>解绑时间</th>
+            <th>状态</th>
+          </tr>
+        </thead>
+        <tbody id="bindRecordTbody">
+          <tr>
+            <td>张伟</td>
+            <td>CQ001234</td>
+            <td>采油一厂</td>
+            <td>2024-03-01</td>
+            <td>—</td>
+            <td><span class="tag tag-green">绑定中</span></td>
+          </tr>
+          <tr>
+            <td>陈大明</td>
+            <td>CQ001100</td>
+            <td>采油一厂</td>
+            <td>2024-01-15</td>
+            <td>2024-02-28</td>
+            <td><span class="tag tag-gray">已解绑</span></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('bindRecordModal')">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 批量入库弹窗 -->
+<div class="modal-mask" id="importModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>批量入库</h3>
+      <button class="modal__close" onclick="closeModal('importModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="margin-bottom:16px;">
+        <button class="btn btn-default" style="gap:6px;">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 9V1M4 4l3-3 3 3M2 11h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+          下载导入模板
+        </button>
+      </div>
+      <div class="upload-area">
+        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"><rect x="4" y="4" width="40" height="40" rx="6" stroke="#999" stroke-width="2"/><path d="M24 14v20M16 22l8-8 8 8" stroke="#999" stroke-width="2" stroke-linecap="round"/></svg>
+        <p>点击或拖拽文件到此区域上传</p>
+        <p class="sub">支持 .xlsx / .xls 格式，文件大小不超过 10MB</p>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('importModal')">取消</button>
+      <button class="btn btn-primary">开始导入</button>
+    </div>
+  </div>
+</div>
+
+<!-- 解除绑定确认弹窗 -->
+<div class="modal-mask" id="unbindConfirmModal">
+  <div class="modal" style="width:420px;">
+    <div class="modal__header">
+      <h3>解除绑定确认</h3>
+      <button class="modal__close" onclick="closeModal('unbindConfirmModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <p style="font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:16px;">确认解除以下设备的绑定关系？解除后设备将变为未绑定状态。</p>
+      <div style="background:#FAFAFA;border-radius:var(--radius-md);padding:16px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:var(--font-sm);">
+        <span style="color:var(--text-secondary);">设备编码：</span><span id="unbindCode" style="font-weight:500;">—</span>
+        <span style="color:var(--text-secondary);">所属单位：</span><span id="unbindUnit">—</span>
+        <span style="color:var(--text-secondary);">绑定员工：</span><span id="unbindEmp">—</span>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('unbindConfirmModal')">取消</button>
+      <button class="btn" style="background:var(--danger);color:#fff;border:none;" onclick="doUnbind()">确认解除</button>
+    </div>
+  </div>
+</div>
+
+<!-- 监测开关设置弹窗 -->
+<div class="modal-mask" id="monitorSwitchModal">
+  <div class="modal" style="width:680px;">
+    <div class="modal__header">
+      <h3>监测开关设置</h3>
+      <button class="modal__close" onclick="closeModal('monitorSwitchModal')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="background:#F0F7FF;border:1px solid #BAE0FF;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;">
+        <span style="font-size:var(--font-sm);color:#0958D9;">设备编码：<strong id="msDeviceCode">WD-2024-001</strong></span>
+      </div>
+      <div class="monitor-setting-list">
+        <!-- 心率 -->
+        <div class="monitor-setting-item" data-key="heart">
+          <div class="monitor-setting-item__header">
+            <span class="monitor-setting-item__label">❤️ 心率监测</span>
+            <label class="switch">
+              <input type="checkbox" id="msSwitch_heart" onchange="onMonitorSwitchChange('heart')">
+              <span class="switch__slider"></span>
+            </label>
+          </div>
+          <div class="monitor-setting-item__body" id="msBody_heart">
+            <div class="monitor-setting-row">
+              <div class="monitor-setting-field">
+                <label>阈值下限（次/分）</label>
+                <input class="form-control" type="number" id="msMin_heart" value="60" placeholder="下限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>阈值上限（次/分）</label>
+                <input class="form-control" type="number" id="msMax_heart" value="100" placeholder="上限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>上传频次</label>
+                <select class="form-control" id="msFreq_heart">
+                  <option value="1">每1分钟</option>
+                  <option value="5" selected>每5分钟</option>
+                  <option value="10">每10分钟</option>
+                  <option value="30">每30分钟</option>
+                  <option value="60">每60分钟</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 血氧 -->
+        <div class="monitor-setting-item" data-key="oxygen">
+          <div class="monitor-setting-item__header">
+            <span class="monitor-setting-item__label">🫁 血氧监测</span>
+            <label class="switch">
+              <input type="checkbox" id="msSwitch_oxygen" onchange="onMonitorSwitchChange('oxygen')">
+              <span class="switch__slider"></span>
+            </label>
+          </div>
+          <div class="monitor-setting-item__body" id="msBody_oxygen">
+            <div class="monitor-setting-row">
+              <div class="monitor-setting-field">
+                <label>阈值下限（%）</label>
+                <input class="form-control" type="number" id="msMin_oxygen" value="90" placeholder="下限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>阈值上限（%）</label>
+                <input class="form-control" type="number" id="msMax_oxygen" value="100" placeholder="上限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>上传频次</label>
+                <select class="form-control" id="msFreq_oxygen">
+                  <option value="1">每1分钟</option>
+                  <option value="5" selected>每5分钟</option>
+                  <option value="10">每10分钟</option>
+                  <option value="30">每30分钟</option>
+                  <option value="60">每60分钟</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 压力 -->
+        <div class="monitor-setting-item" data-key="stress">
+          <div class="monitor-setting-item__header">
+            <span class="monitor-setting-item__label">🧠 压力监测</span>
+            <label class="switch">
+              <input type="checkbox" id="msSwitch_stress" onchange="onMonitorSwitchChange('stress')">
+              <span class="switch__slider"></span>
+            </label>
+          </div>
+          <div class="monitor-setting-item__body" id="msBody_stress">
+            <div class="monitor-setting-row">
+              <div class="monitor-setting-field">
+                <label>阈值下限（分）</label>
+                <input class="form-control" type="number" id="msMin_stress" value="0" placeholder="下限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>阈值上限（分）</label>
+                <input class="form-control" type="number" id="msMax_stress" value="80" placeholder="上限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>上传频次</label>
+                <select class="form-control" id="msFreq_stress">
+                  <option value="1">每1分钟</option>
+                  <option value="5" selected>每5分钟</option>
+                  <option value="10">每10分钟</option>
+                  <option value="30">每30分钟</option>
+                  <option value="60">每60分钟</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 体温 -->
+        <div class="monitor-setting-item" data-key="temp">
+          <div class="monitor-setting-item__header">
+            <span class="monitor-setting-item__label">🌡️ 体温监测</span>
+            <label class="switch">
+              <input type="checkbox" id="msSwitch_temp" onchange="onMonitorSwitchChange('temp')">
+              <span class="switch__slider"></span>
+            </label>
+          </div>
+          <div class="monitor-setting-item__body" id="msBody_temp">
+            <div class="monitor-setting-row">
+              <div class="monitor-setting-field">
+                <label>阈值下限（℃）</label>
+                <input class="form-control" type="number" id="msMin_temp" value="36.0" step="0.1" placeholder="下限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>阈值上限（℃）</label>
+                <input class="form-control" type="number" id="msMax_temp" value="37.3" step="0.1" placeholder="上限">
+              </div>
+              <div class="monitor-setting-field">
+                <label>上传频次</label>
+                <select class="form-control" id="msFreq_temp">
+                  <option value="1">每1分钟</option>
+                  <option value="5" selected>每5分钟</option>
+                  <option value="10">每10分钟</option>
+                  <option value="30">每30分钟</option>
+                  <option value="60">每60分钟</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal__footer">
+      <button class="btn btn-default" onclick="closeModal('monitorSwitchModal')">取消</button>
+      <button class="btn btn-primary" onclick="saveMonitorSwitch()">确定</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function openAddModal() { document.getElementById('addModal').classList.add('show'); }
+var bindTargetCode = '';
+function openBindModal(code, name) {
+  bindTargetCode = code;
+  document.getElementById('bindDeviceCode').textContent = code;
+  document.getElementById('bindModalTitle').textContent = '绑定员工';
+  document.getElementById('bindEmpSearch').value = '';
+  document.getElementById('empDropdown').classList.remove('show');
+  document.getElementById('empCard').style.display = 'none';
+  document.getElementById('bindModal').classList.add('show');
+}
+var selectedEmp = null;
+// 模拟员工数据
+var empData = [
+  { name:'张伟', code:'CQ001234', unit:'采油一厂', dept:'作业一区' },
+  { name:'李建国', code:'CQ001235', unit:'采油一厂', dept:'作业二区' },
+  { name:'王磊', code:'CQ002101', unit:'采气一厂', dept:'集气站' },
+  { name:'陈晓明', code:'CQ001500', unit:'采油二厂', dept:'注水站' },
+  { name:'赵强', code:'CQ003010', unit:'采气二厂', dept:'作业三区' },
+  { name:'刘洋', code:'CQ004001', unit:'天然气处理厂', dept:'净化车间' },
+  { name:'孙涛', code:'CQ001800', unit:'采油一厂', dept:'计量站' },
+  { name:'周杰', code:'CQ002200', unit:'采油二厂', dept:'作业一区' },
+  { name:'吴刚', code:'CQ003100', unit:'采气一厂', dept:'压缩站' },
+  { name:'马超', code:'CQ004100', unit:'天然气处理厂', dept:'储运车间' }
+];
+function onEmpSearch(val) {
+  var dropdown = document.getElementById('empDropdown');
+  var list = document.getElementById('empList');
+  var empty = document.getElementById('empEmpty');
+  if (!val || val.length < 1) { dropdown.classList.remove('show'); return; }
+  var keyword = val.toLowerCase();
+  var matched = empData.filter(function(e){
+    return e.name.toLowerCase().indexOf(keyword) > -1 || e.code.toLowerCase().indexOf(keyword) > -1;
+  });
+  list.innerHTML = '';
+  if (matched.length === 0) {
+    empty.style.display = 'block';
+  } else {
+    empty.style.display = 'none';
+    matched.forEach(function(e){
+      var div = document.createElement('div');
+      div.className = 'search-select__item';
+      div.innerHTML = '<span>' + e.name + '</span><span style="color:var(--text-secondary);font-family:monospace;">' + e.code + '</span><span style="color:var(--text-secondary);">' + e.unit + '</span><span style="color:var(--text-secondary);">' + e.dept + '</span>';
+      div.onclick = function(){ selectEmp(e); };
+      list.appendChild(div);
+    });
+  }
+  dropdown.classList.add('show');
+}
+function selectEmp(emp) {
+  selectedEmp = emp;
+  document.getElementById('bindEmpSearch').value = emp.name;
+  document.getElementById('empDropdown').classList.remove('show');
+  var card = document.getElementById('empCard');
+  document.getElementById('empCardAvatar').textContent = emp.name.charAt(0);
+  document.getElementById('empCardName').textContent = emp.name;
+  document.getElementById('empCardCode').textContent = emp.code;
+  document.getElementById('empCardUnit').textContent = emp.unit;
+  document.getElementById('empCardDept').textContent = emp.dept;
+  card.style.display = 'block';
+}
+function clearSelectedEmp() {
+  selectedEmp = null;
+  document.getElementById('bindEmpSearch').value = '';
+  document.getElementById('empCard').style.display = 'none';
+}
+document.addEventListener('click', function(e){
+  if (!e.target.closest('.search-select')) {
+    document.getElementById('empDropdown').classList.remove('show');
+  }
+});
+function openBindRecord(code) {
+  // 从表格行中获取设备信息
+  var rows = document.querySelectorAll('tbody tr');
+  rows.forEach(function(row) {
+    var codeCell = row.querySelector('td:nth-child(2) span');
+    if (codeCell && codeCell.textContent === code) {
+      document.getElementById('brCardCode').textContent = code;
+      document.getElementById('brCardUnit').textContent = row.querySelector('td:nth-child(3)').textContent;
+      document.getElementById('brCardDate').textContent = row.querySelector('td:nth-child(4)').textContent;
+      document.getElementById('brCardVendor').textContent = row.querySelector('td:nth-child(5)').textContent;
+      document.getElementById('brCardModel').textContent = row.querySelector('td:nth-child(6)').textContent;
+    }
+  });
+  document.getElementById('bindRecordModal').classList.add('show');
+}
+function openImportModal() { document.getElementById('importModal').classList.add('show'); }
+function closeModal(id) { document.getElementById(id).classList.remove('show'); }
+function doBind() {
+  if (!selectedEmp) { return; }
+  closeModal('bindModal');
+  var bindDate = document.getElementById('bindDate').value || '—';
+  var rows = document.querySelectorAll('tbody tr');
+  rows.forEach(function(row) {
+    var codeCell = row.querySelector('td:nth-child(2) span');
+    if (codeCell && codeCell.textContent === bindTargetCode) {
+      row.querySelector('td:nth-child(7)').innerHTML = '<span class="tag tag-green">已绑定</span>';
+      row.querySelector('td:nth-child(8)').textContent = selectedEmp.name;
+      row.querySelector('td:nth-child(9)').innerHTML = '<span style="font-family:monospace;color:var(--text-secondary)">' + selectedEmp.code + '</span>';
+      row.querySelector('td:nth-child(10)').textContent = bindDate;
+      var opTd = row.querySelector('td:last-child');
+      opTd.innerHTML = '<span class="link" onclick="openUnbindConfirm(\'' + bindTargetCode + '\',\'' + selectedEmp.unit + '\',\'' + selectedEmp.name + '\')">解除绑定</span>' +
+        '<span style="color:var(--border);margin:0 4px;">|</span>' +
+        '<span class="link" onclick="openBindRecord(\'' + bindTargetCode + '\')">绑定记录</span>' +
+        '<span style="color:var(--border);margin:0 4px;">|</span>' +
+        '<span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch(\'' + bindTargetCode + '\')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>';
+    }
+  });
+  selectedEmp = null;
+  bindTargetCode = '';
+}
+var unbindTarget = null;
+function openUnbindConfirm(code, unit, emp) {
+  unbindTarget = { code: code, unit: unit, emp: emp };
+  document.getElementById('unbindCode').textContent = code;
+  document.getElementById('unbindUnit').textContent = unit;
+  document.getElementById('unbindEmp').textContent = emp;
+  document.getElementById('unbindConfirmModal').classList.add('show');
+}
+function doUnbind() {
+  closeModal('unbindConfirmModal');
+  if (!unbindTarget) return;
+  // 模拟解绑：找到对应行，更新绑定状态和绑定员工、绑定日期
+  var rows = document.querySelectorAll('tbody tr');
+  rows.forEach(function(row) {
+    var codeCell = row.querySelector('td:nth-child(2) span');
+    if (codeCell && codeCell.textContent === unbindTarget.code) {
+      row.querySelector('td:nth-child(7)').innerHTML = '<span class="tag tag-gray">未绑定</span>';
+      row.querySelector('td:nth-child(8)').textContent = '—';
+      row.querySelector('td:nth-child(9)').textContent = '—';
+      row.querySelector('td:nth-child(10)').textContent = '—';
+      // 操作栏改为"绑定员工"
+      var opTd = row.querySelector('td:last-child');
+      var bindRecordLink = opTd.querySelector('.link[onclick*="openBindRecord"]');
+      var moreWrap = opTd.querySelector('.more-wrap');
+      opTd.innerHTML = '<span class="link" onclick="openBindModal(\'' + unbindTarget.code + '\',\'\')">绑定员工</span>' +
+        '<span style="color:var(--border);margin:0 4px;">|</span>' +
+        '<span class="link" onclick="openBindRecord(\'' + unbindTarget.code + '\')">绑定记录</span>' +
+        '<span style="color:var(--border);margin:0 4px;">|</span>' +
+        '<span class="more-wrap"><span class="more-btn" onclick="toggleMore(this)">更多 ▾</span><div class="more-dropdown"><div class="more-dropdown-item" onclick="openMonitorSwitch(\'' + unbindTarget.code + '\')">监测开关</div><div class="more-dropdown-item danger" onclick="void(0)">删除</div></div></span>';
+    }
+  });
+  unbindTarget = null;
+}
+function toggleMore(btn) {
+  var dropdown = btn.nextElementSibling;
+  var isOpen = dropdown.classList.contains('show');
+  document.querySelectorAll('.more-dropdown.show').forEach(function(d){ d.classList.remove('show'); });
+  if (!isOpen) dropdown.classList.add('show');
+}
+document.addEventListener('click', function(e){
+  if (!e.target.closest('.more-wrap')) {
+    document.querySelectorAll('.more-dropdown.show').forEach(function(d){ d.classList.remove('show'); });
+  }
+});
+document.querySelectorAll('.modal-mask').forEach(function(m){
+  m.addEventListener('click', function(e){ if(e.target===m) m.classList.remove('show'); });
+});
+/* 监测开关弹窗逻辑 */
+var msTargetCode = '';
+var msKeys = ['heart','oxygen','stress','temp'];
+// 表格中第11~14列对应心率、血氧、压力、体温（td索引10~13）
+var msColMap = { heart:10, oxygen:11, stress:12, temp:13 };
+function openMonitorSwitch(code) {
+  msTargetCode = code;
+  document.getElementById('msDeviceCode').textContent = code;
+  // 关闭更多下拉
+  document.querySelectorAll('.more-dropdown.show').forEach(function(d){ d.classList.remove('show'); });
+  // 从表格读取当前开关状态
+  var row = findRowByCode(code);
+  if (row) {
+    msKeys.forEach(function(key) {
+      var td = row.querySelectorAll('td')[msColMap[key]];
+      var isOn = td && td.textContent.trim() === '开启';
+      document.getElementById('msSwitch_' + key).checked = isOn;
+      onMonitorSwitchChange(key);
+    });
+  }
+  document.getElementById('monitorSwitchModal').classList.add('show');
+}
+function onMonitorSwitchChange(key) {
+  var checked = document.getElementById('msSwitch_' + key).checked;
+  var body = document.getElementById('msBody_' + key);
+  if (checked) {
+    body.classList.remove('disabled');
+  } else {
+    body.classList.add('disabled');
+  }
+}
+function findRowByCode(code) {
+  var rows = document.querySelectorAll('tbody tr');
+  for (var i = 0; i < rows.length; i++) {
+    var codeCell = rows[i].querySelector('td:nth-child(2) span');
+    if (codeCell && codeCell.textContent === code) return rows[i];
+  }
+  return null;
+}
+function saveMonitorSwitch() {
+  var row = findRowByCode(msTargetCode);
+  if (!row) { closeModal('monitorSwitchModal'); return; }
+  msKeys.forEach(function(key) {
+    var isOn = document.getElementById('msSwitch_' + key).checked;
+    var td = row.querySelectorAll('td')[msColMap[key]];
+    if (isOn) {
+      td.innerHTML = '<span class="tag tag-green">开启</span>';
+    } else {
+      td.innerHTML = '<span class="tag tag-gray">关闭</span>';
+    }
+  });
+  closeModal('monitorSwitchModal');
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/wearable/user-data.html b/web-admin/health-monitor/wearable/user-data.html
new file mode 100644
index 0000000..4e57cee
--- /dev/null
+++ b/web-admin/health-monitor/wearable/user-data.html
@@ -0,0 +1,762 @@
+<!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;
+    --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__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);}
+  .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);}
+  .main{margin-left:240px;margin-top:56px;padding:24px;}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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:120px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+  .table-card__title{font-size:var(--font-base);font-weight:600;}
+  .table-card__content{overflow-x:auto;}
+  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);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-orange{background:#FFF7E6;color:var(--warning);}
+  .tag-red{background:#FFF1F0;color:var(--danger);}
+  .tag-gray{background:#F5F5F5;color:#666;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  /* 数据详情弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:960px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);}
+  .modal__close:hover{background:#f5f5f5;}
+  .modal__body{padding:24px;}
+  .emp-info-bar{display:flex;gap:32px;padding:16px 20px;background:#F8FBFF;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid #D6E8FF;}
+  .emp-info-item label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .emp-info-item span{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px;}
+  .detail-tab{padding:10px 20px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;}
+  .detail-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .chart-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
+  .chart-controls label{font-size:var(--font-sm);color:var(--text-secondary);}
+  .chart-area{width:100%;height:300px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fafafa;position:relative;overflow:hidden;}
+  .data-history-table{width:100%;}
+  .abnormal-val{color:var(--danger);font-weight:500;}
+  /* 总览面板 */
+  .overview-time-bar{display:flex;justify-content:center;gap:0;margin-bottom:20px;}
+  .time-btn{height:32px;padding:0 16px;border:1px solid var(--border);background:#fff;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);transition:all .15s;}
+  .time-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);}
+  .time-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
+  .time-btn:not(:first-child){border-left:none;}
+  .time-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+  .overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;}
+  .overview-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;}
+  .overview-card--wide{grid-column:1/2;}
+  .overview-card__title{font-size:var(--font-sm);font-weight:600;margin-bottom:12px;color:var(--text-primary);}
+  .overview-card__body--cols{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
+  .overview-card__body--cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 24px;}
+  .overview-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--font-sm);border-bottom:1px solid #f5f5f5;}
+  .overview-row:last-child{border-bottom:none;}
+  .overview-row span:first-child{color:var(--text-secondary);}
+  .overview-row span:last-child{color:var(--text-primary);font-weight:500;}
+  /* 视图切换 */
+  .metric-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
+  .metric-toolbar__left{display:flex;align-items:center;gap:16px;}
+  .time-granularity{display:flex;gap:0;}
+  .time-granularity .time-btn{min-width:48px;}
+  .date-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;}
+  .date-nav__btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;}
+  .date-nav__btn:hover{border-color:var(--primary);color:var(--primary);}
+  .date-nav__text{font-size:var(--font-base);font-weight:600;min-width:120px;text-align:center;}
+  .metric-summary{display:flex;justify-content:center;gap:48px;margin-bottom:20px;}
+  .metric-summary__item{display:flex;flex-direction:column;align-items:center;gap:2px;}
+  .metric-summary__value{font-size:22px;font-weight:700;color:var(--text-primary);}
+  .metric-summary__unit{font-size:var(--font-xs);color:var(--text-secondary);}
+  .metric-summary__label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px;}
+  .tab-panel{min-height:200px;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo">
+    <svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
+    健康监测
+  </div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="tool-manage.html" class="active">穿戴监测</a>
+    <a href="../weight/scale-device.html">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span>系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">穿戴监测</div>
+  <a href="tool-manage.html" class="sidebar-item">设备管理</a>
+  <a href="bind-record.html" class="sidebar-item">绑定记录</a>
+  <a href="user-data.html" class="sidebar-item active">用户数据</a>
+  <a href="exception-event.html" class="sidebar-item">异常事件</a>
+  <a href="notification.html" class="sidebar-item">通知消息</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="personal-stat.html" class="sidebar-item">个人数据统计</a>
+  <a href="dept-report.html" class="sidebar-item">单位数据分析报告</a>
+</aside>
+<main class="main">
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>员工姓名</label>
+      <input class="filter-input" placeholder="请输入员工姓名">
+    </div>
+    <div class="filter-item">
+      <label>员工编号</label>
+      <input class="filter-input" placeholder="请输入员工编号" style="min-width:130px;">
+    </div>
+        <div class="filter-item">
+      <label>设备编码</label>
+      <input class="filter-input" placeholder="请输入设备编码" style="min-width:130px;">
+    </div>
+    <div class="filter-item">
+      <label>单位部门</label>
+      <select class="filter-select" style="min-width:150px;">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>采气二厂</option>
+        <option>天然气处理厂</option>
+      </select>
+    </div>
+
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <div class="table-card__actions" style="display:flex;gap:8px;margin-bottom:16px;">
+    <button class="btn btn-default" onclick="void(0)">导出列表数据</button>
+    <button class="btn btn-default" onclick="void(0)">查看导出任务</button>
+  </div>
+  <div class="table-card">
+    <div class="table-card__header">
+      <span class="table-card__title">用户监测数据 <span style="font-size:var(--font-sm);color:var(--text-secondary);font-weight:400;">共 89 人</span></span>
+    </div>
+    <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th rowspan="2">员工姓名</th>
+            <th rowspan="2">员工编号</th>
+            <th rowspan="2">所属单位</th>
+            <th rowspan="2">所属部门</th>
+            <th rowspan="2">设备编码</th>
+            <th colspan="9" style="text-align:center;">最新监测数据</th>
+            <th rowspan="2">操作</th>
+          </tr>
+          <tr>
+            <th>心率(次/分钟)</th>
+            <th>血氧(%)</th>
+            <th>压力</th>
+            <th>睡眠(分钟)</th>
+            <th>体温(℃)</th>
+            <th>步数(千米)</th>
+            <th>锻炼(分钟)</th>
+            <th>血压(mmHg)</th>
+            <th>心电图(次/分钟)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>张伟</td>
+            <td>CQ001234</td>
+            <td>采油一厂</td>
+            <td>作业一区</td>
+            <td><span style="font-family:monospace">WD-2024-001</span></td>
+            <td>76</td>
+            <td>98</td>
+            <td>32</td>
+            <td>436</td>
+            <td>36.5</td>
+            <td>8.4</td>
+            <td>45</td>
+            <td>120/78</td>
+            <td>窦性心率 75</td>
+            <td><span class="link" onclick="openDetail('张伟','CQ001234')">数据详情</span></td>
+          </tr>
+          <tr>
+            <td>李建国</td>
+            <td>CQ001156</td>
+            <td>采油一厂</td>
+            <td>作业二区</td>
+            <td><span style="font-family:monospace">WD-2024-002</span></td>
+            <td><span class="abnormal-val">108</span></td>
+            <td>97</td>
+            <td>48</td>
+            <td>385</td>
+            <td>36.8</td>
+            <td>5.2</td>
+            <td>30</td>
+            <td><span class="abnormal-val">152/98</span></td>
+            <td>窦性心率 82</td>
+            <td><span class="link" onclick="openDetail('李建国','CQ001156')">数据详情</span></td>
+          </tr>
+          <tr>
+            <td>王磊</td>
+            <td>CQ002301</td>
+            <td>采气一厂</td>
+            <td>集气站</td>
+            <td><span style="font-family:monospace">WD-2024-031</span></td>
+            <td>72</td>
+            <td><span class="abnormal-val">88</span></td>
+            <td>55</td>
+            <td>410</td>
+            <td>36.6</td>
+            <td>3.9</td>
+            <td>20</td>
+            <td>118/75</td>
+            <td><span class="abnormal-val">房颤 100</span></td>
+            <td><span class="link" onclick="openDetail('王磊','CQ002301')">数据详情</span></td>
+          </tr>
+          <tr>
+            <td>陈晓燕</td>
+            <td>CQ001890</td>
+            <td>采油一厂</td>
+            <td>计量站</td>
+            <td><span style="font-family:monospace">WD-2024-008</span></td>
+            <td>68</td>
+            <td>99</td>
+            <td>25</td>
+            <td>462</td>
+            <td>36.4</td>
+            <td>12.0</td>
+            <td>60</td>
+            <td>115/72</td>
+            <td>窦性心率 68</td>
+            <td><span class="link" onclick="openDetail('陈晓燕','CQ001890')">数据详情</span></td>
+          </tr>
+          <tr>
+            <td>孙浩然</td>
+            <td>CQ004210</td>
+            <td>天然气处理厂</td>
+            <td>压缩作业区</td>
+            <td><span style="font-family:monospace">WD-2024-022</span></td>
+            <td>82</td>
+            <td>96</td>
+            <td>38</td>
+            <td>320</td>
+            <td><span class="abnormal-val">37.6</span></td>
+            <td>2.2</td>
+            <td>15</td>
+            <td>128/82</td>
+            <td>窦性心率 80</td>
+            <td><span class="link" onclick="openDetail('孙浩然','CQ004210')">数据详情</span></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 89 条</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>
+      <select class="filter-select" style="min-width:90px;height:32px;"><option>20条/页</option><option>50条/页</option></select>
+    </div>
+  </div>
+</main>
+
+<!-- 数据详情弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header">
+      <h3>监测数据详情 — <span id="detailName"></span></h3>
+      <button class="modal__close" onclick="closeModal()">×</button>
+    </div>
+    <div class="modal__body">
+      <div class="emp-info-bar">
+        <div class="emp-info-item"><label>员工编号</label><br><span id="detailEmpId"></span></div>
+        <div class="emp-info-item"><label>设备编码</label><br><span>WD-2024-001</span></div>
+        <div class="emp-info-item"><label>设备型号</label><br><span>Band 9</span></div>
+        <div class="emp-info-item"><label>所属单位</label><br><span>采油一厂</span></div>
+        <div class="emp-info-item"><label>所属部门</label><br><span>作业一区</span></div>
+      </div>
+      <!-- Tab标签栏 -->
+      <div class="detail-tabs">
+        <div class="detail-tab active" onclick="switchMainTab(this,'overview')">总览</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'heart')">心率</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'oxygen')">血氧</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'stress')">压力</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'sleep')">睡眠</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'temp')">体温</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'exercise')">锻炼</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'steps')">步数</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'bp')">血压</div>
+        <div class="detail-tab" onclick="switchMainTab(this,'ecg')">心电图</div>
+      </div>
+      <!-- 总览面板 -->
+      <div class="tab-panel" id="panel-overview">
+        <div class="overview-time-bar">
+          <button class="time-btn active" onclick="switchTime(this)">今日</button>
+          <button class="time-btn" onclick="switchTime(this)">近7日</button>
+          <button class="time-btn" onclick="switchTime(this)">近14日</button>
+        </div>
+        <div class="overview-grid">
+          <!-- 心率 -->
+          <div class="overview-card overview-card--wide">
+            <div class="overview-card__title">❤️ 心率</div>
+            <div class="overview-card__body overview-card__body--cols">
+              <div class="overview-col">
+                <div class="overview-row"><span>心率最大值</span><span>92 (次/分钟)</span></div>
+                <div class="overview-row"><span>心率最小值</span><span>62 (次/分钟)</span></div>
+                <div class="overview-row"><span>心率平均值</span><span>76 (次/分钟)</span></div>
+              </div>
+              <div class="overview-col">
+                <div class="overview-row"><span>静息心率最大值</span><span>78 (次/分钟)</span></div>
+                <div class="overview-row"><span>静息心率最小值</span><span>58 (次/分钟)</span></div>
+                <div class="overview-row"><span>静息心率平均值</span><span>65 (次/分钟)</span></div>
+              </div>
+            </div>
+          </div>
+          <!-- 血氧 -->
+          <div class="overview-card">
+            <div class="overview-card__title">🫁 血氧</div>
+            <div class="overview-card__body">
+              <div class="overview-row"><span>血氧最大值</span><span>99 (%)</span></div>
+              <div class="overview-row"><span>血氧最小值</span><span>95 (%)</span></div>
+              <div class="overview-row"><span>血氧平均值</span><span>97 (%)</span></div>
+            </div>
+          </div>
+          <!-- 睡眠 -->
+          <div class="overview-card overview-card--wide">
+            <div class="overview-card__title">🌙 睡眠</div>
+            <div class="overview-card__body overview-card__body--cols">
+              <div class="overview-col">
+                <div class="overview-row"><span>夜间睡眠次数</span><span>1 (次)</span></div>
+                <div class="overview-row"><span>夜间睡眠最长时长</span><span>7时32分</span></div>
+                <div class="overview-row"><span>夜间睡眠最短时长</span><span>7时32分</span></div>
+                <div class="overview-row"><span>夜间睡眠总时长</span><span>7时32分</span></div>
+              </div>
+              <div class="overview-col">
+                <div class="overview-row"><span>零星小睡次数</span><span>2 (次)</span></div>
+                <div class="overview-row"><span>零星睡眠最长时长</span><span>0时45分</span></div>
+                <div class="overview-row"><span>零星小睡最短时长</span><span>0时20分</span></div>
+                <div class="overview-row"><span>零星睡眠总时长</span><span>1时05分</span></div>
+              </div>
+            </div>
+          </div>
+          <!-- 压力 -->
+          <div class="overview-card">
+            <div class="overview-card__title">🧠 压力</div>
+            <div class="overview-card__body">
+              <div class="overview-row"><span>压力最大值</span><span>55</span></div>
+              <div class="overview-row"><span>压力最小值</span><span>18</span></div>
+              <div class="overview-row"><span>压力平均值</span><span>32</span></div>
+            </div>
+          </div>
+          <!-- 运动/锻炼 -->
+          <div class="overview-card overview-card--wide">
+            <div class="overview-card__title">🏃 运动</div>
+            <div class="overview-card__body overview-card__body--cols3">
+              <div class="overview-col">
+                <div class="overview-row"><span>运动最大距离</span><span>5.2 (km)</span></div>
+                <div class="overview-row"><span>运动最小距离</span><span>1.8 (km)</span></div>
+                <div class="overview-row"><span>运动总距离</span><span>8.4 (km)</span></div>
+                <div class="overview-row"><span>运动距离有效次数</span><span>2 (次)</span></div>
+              </div>
+              <div class="overview-col">
+                <div class="overview-row"><span>最大卡路里</span><span>320 (千卡)</span></div>
+                <div class="overview-row"><span>最小卡路里</span><span>150 (千卡)</span></div>
+                <div class="overview-row"><span>总卡路里</span><span>470 (千卡)</span></div>
+                <div class="overview-row"><span>卡路里有效次数</span><span>2 (次)</span></div>
+              </div>
+              <div class="overview-col">
+                <div class="overview-row"><span>运动最大时长</span><span>0时52分</span></div>
+                <div class="overview-row"><span>运动最小时长</span><span>0时25分</span></div>
+                <div class="overview-row"><span>运动总时长</span><span>1时17分</span></div>
+                <div class="overview-row"><span>运动有效次数</span><span>2 (次)</span></div>
+              </div>
+            </div>
+          </div>
+          <!-- 体温 -->
+          <div class="overview-card overview-card--wide">
+            <div class="overview-card__title">🌡️ 体温</div>
+            <div class="overview-card__body overview-card__body--cols">
+              <div class="overview-col">
+                <div class="overview-row"><span>体温最大值</span><span>36.8 (℃)</span></div>
+                <div class="overview-row"><span>体温最小值</span><span>36.2 (℃)</span></div>
+                <div class="overview-row"><span>体温平均值</span><span>36.5 (℃)</span></div>
+              </div>
+              <div class="overview-col">
+                <div class="overview-row"><span>体表温度最大值</span><span>34.5 (℃)</span></div>
+                <div class="overview-row"><span>体表温度最小值</span><span>33.8 (℃)</span></div>
+                <div class="overview-row"><span>体表温度平均值</span><span>34.1 (℃)</span></div>
+              </div>
+            </div>
+          </div>
+          <!-- 步数 -->
+          <div class="overview-card">
+            <div class="overview-card__title">👟 步数</div>
+            <div class="overview-card__body">
+              <div class="overview-row"><span>总步数数值</span><span>8,432</span></div>
+            </div>
+          </div>
+          <!-- 血压 -->
+          <div class="overview-card">
+            <div class="overview-card__title">🩸 血压</div>
+            <div class="overview-card__body">
+              <div class="overview-row"><span>收缩压最大值</span><span>135 (mmHg)</span></div>
+              <div class="overview-row"><span>收缩压最小值</span><span>112 (mmHg)</span></div>
+              <div class="overview-row"><span>舒张压最大值</span><span>88 (mmHg)</span></div>
+              <div class="overview-row"><span>舒张压最小值</span><span>72 (mmHg)</span></div>
+            </div>
+          </div>
+          <!-- 心电图 -->
+          <div class="overview-card">
+            <div class="overview-card__title">📈 心电图</div>
+            <div class="overview-card__body">
+              <div class="overview-row"><span>心电图最大值</span><span>82 (次/分钟)</span></div>
+              <div class="overview-row"><span>心电图最小值</span><span>65 (次/分钟)</span></div>
+              <div class="overview-row"><span>心电图平均值</span><span>75 (次/分钟)</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 指标详情面板（心率/血氧/压力/睡眠/体温/步数共用） -->
+      <div class="tab-panel" id="panel-metric" style="display:none;">
+        <div class="metric-toolbar">
+          <div class="metric-toolbar__left">
+            <div class="time-granularity">
+              <button class="time-btn active" onclick="switchGranularity(this)">日</button>
+              <button class="time-btn" onclick="switchGranularity(this)">周</button>
+              <button class="time-btn" onclick="switchGranularity(this)">月</button>
+              <button class="time-btn" onclick="switchGranularity(this)">年</button>
+            </div>
+          </div>
+          <button class="btn btn-default" id="btnToggleList" onclick="toggleMetricView()">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 3h10M2 7h10M2 11h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+            列表展示
+          </button>
+        </div>
+        <!-- 趋势图视图 -->
+        <div id="metric-chart-view">
+          <div class="date-nav">
+            <button class="date-nav__btn" onclick="void(0)">‹</button>
+            <span class="date-nav__text">2026-05-12</span>
+            <button class="date-nav__btn" onclick="void(0)">›</button>
+          </div>
+          <div class="metric-summary" id="metricSummary">
+            <div class="metric-summary__item"><span class="metric-summary__value" id="msVal1">92</span><span class="metric-summary__unit" id="msUnit1">次/分钟</span><span class="metric-summary__label" id="msLabel1">最高心率</span></div>
+            <div class="metric-summary__item"><span class="metric-summary__value" id="msVal2">62</span><span class="metric-summary__unit" id="msUnit2">次/分钟</span><span class="metric-summary__label" id="msLabel2">最低心率</span></div>
+            <div class="metric-summary__item"><span class="metric-summary__value" id="msVal3">76</span><span class="metric-summary__unit" id="msUnit3">次/分钟</span><span class="metric-summary__label" id="msLabel3">平均心率</span></div>
+          </div>
+          <div class="chart-area" id="trendChart"></div>
+        </div>
+        <!-- 列表视图 -->
+        <div id="metric-table-view" style="display:none;">
+          <div style="display:flex;gap:16px;margin-bottom:16px;align-items:center;">
+            <div class="filter-item">
+              <label style="font-size:var(--font-sm);color:var(--text-secondary);">日期</label>
+              <input type="date" value="2026-05-12" style="height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;">
+            </div>
+            <button class="btn btn-default">导出</button>
+          </div>
+          <table class="data-history-table">
+            <thead>
+              <tr>
+                <th>上报时间</th>
+                <th>数值</th>
+                <th>状态</th>
+              </tr>
+            </thead>
+            <tbody id="metricTableBody">
+              <tr><td>14:32:05</td><td>76</td><td><span class="tag tag-green">正常</span></td></tr>
+              <tr><td>14:02:05</td><td>79</td><td><span class="tag tag-green">正常</span></td></tr>
+              <tr><td>13:32:05</td><td>72</td><td><span class="tag tag-green">正常</span></td></tr>
+              <tr><td>13:02:05</td><td>85</td><td><span class="tag tag-green">正常</span></td></tr>
+              <tr><td>12:32:05</td><td>108</td><td><span class="tag tag-red">异常</span></td></tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+      <!-- 锻炼面板（仅列表） -->
+      <div class="tab-panel" id="panel-exercise" style="display:none;">
+        <div style="display:flex;gap:16px;margin-bottom:16px;align-items:center;">
+          <div class="filter-item">
+            <label style="font-size:var(--font-sm);color:var(--text-secondary);">日期</label>
+            <input type="date" value="2026-05-12" style="height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;">
+          </div>
+          <button class="btn btn-default">导出</button>
+        </div>
+        <table class="data-history-table">
+          <thead>
+            <tr>
+              <th>开始时间</th>
+              <th>结束时间</th>
+              <th>运动类型</th>
+              <th>时长(分钟)</th>
+              <th>距离(km)</th>
+              <th>卡路里(千卡)</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>07:15</td><td>08:07</td><td>跑步</td><td>52</td><td>5.2</td><td>320</td></tr>
+            <tr><td>17:30</td><td>17:55</td><td>步行</td><td>25</td><td>1.8</td><td>150</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <!-- 心电图面板（仅列表+详情弹窗） -->
+      <div class="tab-panel" id="panel-ecg" style="display:none;">
+        <div style="display:flex;gap:16px;margin-bottom:16px;align-items:center;">
+          <div class="filter-item">
+            <label style="font-size:var(--font-sm);color:var(--text-secondary);">日期</label>
+            <input type="date" value="2026-05-12" style="height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;">
+          </div>
+          <button class="btn btn-default">导出</button>
+        </div>
+        <table class="data-history-table">
+          <thead>
+            <tr>
+              <th>测量时间</th>
+              <th>测量结果</th>
+              <th>测量值(次/分钟)</th>
+              <th>操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>2026-05-12 14:30</td><td><span class="tag tag-green">窦性心率</span></td><td>75</td><td><span class="link" onclick="openEcgDetail('2026-05-12 14:30','窦性心率',75)">查看</span></td></tr>
+            <tr><td>2026-05-12 12:15</td><td><span class="tag tag-red">房颤</span></td><td>100</td><td><span class="link" onclick="openEcgDetail('2026-05-12 12:15','房颤',100)">查看</span></td></tr>
+            <tr><td>2026-05-12 10:00</td><td><span class="tag tag-orange">高低心率</span></td><td>112</td><td><span class="link" onclick="openEcgDetail('2026-05-12 10:00','高低心率',112)">查看</span></td></tr>
+            <tr><td>2026-05-12 08:45</td><td><span class="tag tag-green">窦性心率</span></td><td>68</td><td><span class="link" onclick="openEcgDetail('2026-05-12 08:45','窦性心率',68)">查看</span></td></tr>
+            <tr><td>2026-05-12 07:20</td><td><span class="tag" style="background:#F5F5F5;color:#666;">不确定</span></td><td>78</td><td><span class="link" onclick="openEcgDetail('2026-05-12 07:20','不确定',78)">查看</span></td></tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 心电图趋势详情弹窗 -->
+<div class="modal-mask" id="ecgDetailModal">
+  <div class="modal" style="width:720px;">
+    <div class="modal__header">
+      <h3>心电图趋势</h3>
+      <button class="modal__close" onclick="document.getElementById('ecgDetailModal').classList.remove('show')">×</button>
+    </div>
+    <div class="modal__body">
+      <div style="display:flex;gap:24px;margin-bottom:16px;">
+        <div><span style="font-size:var(--font-xs);color:var(--text-secondary);">测量时间</span><br><span style="font-weight:500;" id="ecgTime">—</span></div>
+        <div><span style="font-size:var(--font-xs);color:var(--text-secondary);">测量结果</span><br><span style="font-weight:500;" id="ecgResult">—</span></div>
+        <div><span style="font-size:var(--font-xs);color:var(--text-secondary);">测量值</span><br><span style="font-weight:500;" id="ecgValue">—</span> <span style="font-size:var(--font-xs);color:var(--text-secondary);">次/分钟</span></div>
+      </div>
+      <div style="background:#F9FAFB;border-radius:var(--radius-md);padding:16px;border:1px solid var(--border);" id="ecgChartArea"></div>
+    </div>
+  </div>
+</div>
+
+<script>
+var currentMetricTab = 'overview';
+var isListView = false;
+
+function openDetail(name, empId) {
+  document.getElementById('detailName').textContent = name;
+  document.getElementById('detailEmpId').textContent = empId;
+  document.getElementById('detailModal').classList.add('show');
+  switchMainTab(document.querySelector('.detail-tab'), 'overview');
+}
+function closeModal() { document.getElementById('detailModal').classList.remove('show'); }
+document.getElementById('detailModal').addEventListener('click', function(e){ if(e.target===this) closeModal(); });
+
+function switchMainTab(el, tab) {
+  currentMetricTab = tab;
+  document.querySelectorAll('.detail-tab').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  document.getElementById('panel-overview').style.display = 'none';
+  document.getElementById('panel-metric').style.display = 'none';
+  document.getElementById('panel-exercise').style.display = 'none';
+  document.getElementById('panel-ecg').style.display = 'none';
+  if (tab === 'overview') {
+    document.getElementById('panel-overview').style.display = '';
+  } else if (tab === 'exercise') {
+    document.getElementById('panel-exercise').style.display = '';
+  } else if (tab === 'ecg') {
+    document.getElementById('panel-ecg').style.display = '';
+  } else {
+    document.getElementById('panel-metric').style.display = '';
+    isListView = false;
+    document.getElementById('btnToggleList').innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 3h10M2 7h10M2 11h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 列表展示';
+    document.getElementById('metric-chart-view').style.display = '';
+    document.getElementById('metric-table-view').style.display = 'none';
+    updateMetricSummary(tab);
+    renderTrendChart();
+  }
+}
+function updateMetricSummary(tab) {
+  var cfg = {
+    heart:   {v:['92','62','76'], u:['次/分钟','次/分钟','次/分钟'], l:['最高心率','最低心率','平均心率']},
+    oxygen:  {v:['99','95','97'], u:['%','%','%'], l:['最高血氧','最低血氧','平均血氧']},
+    stress:  {v:['55','18','32'], u:['','',''], l:['最高压力','最低压力','平均压力']},
+    sleep:   {v:['7h32m','0h45m','8h17m'], u:['','',''], l:['深睡时长','浅睡时长','总时长']},
+    temp:    {v:['36.8','36.2','36.5'], u:['℃','℃','℃'], l:['最高体温','最低体温','平均体温']},
+    steps:   {v:['8432','5216','3216'], u:['步','km','千卡'], l:['总步数','总距离','总消耗']},
+    bp:      {v:['135/88','112/72','120/78'], u:['mmHg','mmHg','mmHg'], l:['最高血压','最低血压','平均血压']},
+    ecg:     {v:['82','65','75'], u:['次/分钟','次/分钟','次/分钟'], l:['最高心率','最低心率','平均心率']}
+  };
+  var d = cfg[tab] || cfg.heart;
+  for (var i = 1; i <= 3; i++) {
+    document.getElementById('msVal'+i).textContent = d.v[i-1];
+    document.getElementById('msUnit'+i).textContent = d.u[i-1];
+    document.getElementById('msLabel'+i).textContent = d.l[i-1];
+  }
+}
+function switchGranularity(el) {
+  document.querySelectorAll('.time-granularity .time-btn').forEach(function(b){ b.classList.remove('active'); });
+  el.classList.add('active');
+  renderTrendChart();
+}
+function toggleMetricView() {
+  isListView = !isListView;
+  var btn = document.getElementById('btnToggleList');
+  if (isListView) {
+    document.getElementById('metric-chart-view').style.display = 'none';
+    document.getElementById('metric-table-view').style.display = '';
+    btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 3h8v8H3z" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M3 7h8" stroke="currentColor" stroke-width="1"/></svg> 趋势图展示';
+  } else {
+    document.getElementById('metric-chart-view').style.display = '';
+    document.getElementById('metric-table-view').style.display = 'none';
+    btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 3h10M2 7h10M2 11h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 列表展示';
+    renderTrendChart();
+  }
+}
+function renderTrendChart() {
+  var c = document.getElementById('trendChart');
+  if (!c) return;
+  var W = c.offsetWidth || 880, H = 280;
+  var pad = {t:20,r:20,b:40,l:50};
+  var cw = W - pad.l - pad.r, ch = H - pad.t - pad.b;
+  // 24小时数据点（每小时一个）
+  var hours = [];
+  for (var h = 0; h <= 24; h++) hours.push(h);
+  var data = [72,70,68,66,65,64,66,72,78,82,85,80,76,74,79,83,88,84,80,76,74,72,70,68,66];
+  var minV = 55, maxV = 95;
+  function px(i){ return pad.l + i/24*cw; }
+  function py(v){ return pad.t + ch - (v-minV)/(maxV-minV)*ch; }
+  var pts = data.map(function(v,i){ return px(i)+','+py(v); }).join(' ');
+  var areaPath = 'M'+data.map(function(v,i){ return px(i)+','+py(v); }).join(' L')+' L'+px(24)+','+(pad.t+ch)+' L'+pad.l+','+(pad.t+ch)+' Z';
+  var yLines = [60,70,80,90];
+  var gridLines = yLines.map(function(v){
+    return '<line x1="'+pad.l+'" y1="'+py(v)+'" x2="'+(pad.l+cw)+'" y2="'+py(v)+'" stroke="#f0f0f0" stroke-width="1"/>'
+         + '<text x="'+(pad.l-8)+'" y="'+(py(v)+4)+'" text-anchor="end" font-size="11" fill="#999">'+v+'</text>';
+  }).join('');
+  var xTicks = [0,4,8,12,16,20,24];
+  var xLabels = xTicks.map(function(h){
+    var label = (h<10?'0':'')+h+':00';
+    return '<text x="'+px(h)+'" y="'+(H-10)+'" text-anchor="middle" font-size="10" fill="#aaa">'+label+'</text>';
+  }).join('');
+  c.innerHTML = '<svg width="'+W+'" height="'+H+'" viewBox="0 0 '+W+' '+H+'">'
+    + gridLines
+    + '<defs><linearGradient id="ag" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#1890FF" stop-opacity="0.15"/><stop offset="100%" stop-color="#1890FF" stop-opacity="0"/></linearGradient></defs>'
+    + '<path d="'+areaPath+'" fill="url(#ag)"/>'
+    + '<polyline points="'+pts+'" fill="none" stroke="#1890FF" stroke-width="2"/>'
+    + xLabels
+    + '</svg>';
+}
+function openEcgDetail(time, result, value) {
+  document.getElementById('ecgTime').textContent = time;
+  document.getElementById('ecgResult').textContent = result;
+  document.getElementById('ecgValue').textContent = value;
+  document.getElementById('ecgDetailModal').classList.add('show');
+  renderEcgChart();
+}
+function renderEcgChart() {
+  var c = document.getElementById('ecgChartArea');
+  if (!c) return;
+  var W = 660, H = 200;
+  var pad = {t:20,r:20,b:30,l:40};
+  var cw = W - pad.l - pad.r, ch = H - pad.t - pad.b;
+  // 模拟心电图波形数据（PQRST波形重复）
+  var points = [];
+  var segLen = cw / 5;
+  for (var s = 0; s < 5; s++) {
+    var ox = pad.l + s * segLen;
+    var baseY = pad.t + ch * 0.5;
+    // P波
+    points.push(ox+','+baseY);
+    points.push((ox+segLen*0.1)+','+(baseY-ch*0.08));
+    points.push((ox+segLen*0.18)+','+baseY);
+    // QRS波
+    points.push((ox+segLen*0.25)+','+(baseY+ch*0.05));
+    points.push((ox+segLen*0.3)+','+(baseY-ch*0.45));
+    points.push((ox+segLen*0.35)+','+(baseY+ch*0.15));
+    // ST段+T波
+    points.push((ox+segLen*0.42)+','+baseY);
+    points.push((ox+segLen*0.55)+','+(baseY-ch*0.12));
+    points.push((ox+segLen*0.65)+','+baseY);
+    // 基线
+    points.push((ox+segLen*1)+','+baseY);
+  }
+  var gridH = '';
+  for (var i = 0; i <= 4; i++) {
+    var gy = pad.t + ch * i / 4;
+    gridH += '<line x1="'+pad.l+'" y1="'+gy+'" x2="'+(W-pad.r)+'" y2="'+gy+'" stroke="#f0f0f0" stroke-width="0.5"/>';
+  }
+  for (var j = 0; j <= 10; j++) {
+    var gx = pad.l + cw * j / 10;
+    gridH += '<line x1="'+gx+'" y1="'+pad.t+'" x2="'+gx+'" y2="'+(H-pad.b)+'" stroke="#f0f0f0" stroke-width="0.5"/>';
+  }
+  var xLabels = '';
+  for (var k = 0; k <= 5; k++) {
+    xLabels += '<text x="'+(pad.l + cw*k/5)+'" y="'+(H-8)+'" text-anchor="middle" font-size="10" fill="#999">'+(k*0.2).toFixed(1)+'s</text>';
+  }
+  c.innerHTML = '<svg width="'+W+'" height="'+H+'" viewBox="0 0 '+W+' '+H+'">'
+    + gridH + xLabels
+    + '<polyline points="'+points.join(' ')+'" fill="none" stroke="#FF4D4F" stroke-width="1.5" stroke-linejoin="round"/>'
+    + '</svg>';
+}
+document.getElementById('ecgDetailModal').addEventListener('click', function(e){ if(e.target===this) this.classList.remove('show'); });
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/bluetooth-device-add.html b/web-admin/health-monitor/weight/bluetooth-device-add.html
new file mode 100644
index 0000000..e7970fd
--- /dev/null
+++ b/web-admin/health-monitor/weight/bluetooth-device-add.html
@@ -0,0 +1,161 @@
+<!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);
+  }
+  .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);}
+  /* 面包屑 */
+  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
+  .breadcrumb span{color:var(--text-placeholder);}
+  /* 表单卡片 */
+  .form-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .form-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
+  .form-card__header h2{font-size:var(--font-lg);font-weight:600;}
+  .form-card__body{padding:32px 24px;}
+  .form-card__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:#FAFAFA;}
+  /* 表单 */
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;max-width:800px;}
+  .form-item{display:flex;flex-direction:column;gap:6px;}
+  .form-item.full{grid-column:1/-1;}
+  .form-item label{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .form-item label .required{color:var(--danger);margin-left:2px;}
+  .form-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;width:100%;}
+  .form-input:focus{border-color:var(--primary);}
+  .form-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;width:100%;}
+  .map-picker{height:200px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;}
+  .map-picker:hover{border-color:var(--primary);}
+  .map-picker__icon{display:flex;flex-direction:column;align-items:center;gap:8px;}
+  .radio-group{display:flex;gap:20px;align-items:center;height:36px;}
+  .radio-group label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;font-weight:400;}
+  .radio-group input[type="radio"]{cursor:pointer;}
+  .btn{height:36px;padding:0 20px;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;text-decoration:none;}
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item active">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 面包屑导航 -->
+  <div class="breadcrumb">
+    <a href="bluetooth-device.html">设备管理</a><span>/</span><span>新增设备</span>
+  </div>
+  <!-- 表单卡片 -->
+  <div class="form-card">
+    <div class="form-card__header"><h2>新增蓝牙称设备</h2></div>
+    <div class="form-card__body">
+      <div class="form-grid">
+        <div class="form-item"><label>设备名称<span class="required">*</span></label><input class="form-input" placeholder="请输入设备名称"></div>
+        <div class="form-item"><label>设备编码<span class="required">*</span></label><input class="form-input" placeholder="请输入设备编码"></div>
+        <div class="form-item"><label>所属单位<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+        <div class="form-item"><label>设备厂商<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+        <div class="form-item"><label>设备型号<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+        <div class="form-item"><label>入库日期<span class="required">*</span></label><input class="form-input" type="date"></div>
+        <div class="form-item full">
+          <label>布放位置<span class="required">*</span></label>
+          <!-- [交互] 点击地图区域触发地图选点，选点后将经纬度回填并更新详细地址 -->
+          <div class="map-picker"><div class="map-picker__icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C11.03 3 7 7.03 7 12c0 6.75 9 17 9 17s9-10.25 9-17c0-4.97-4.03-9-9-9zm0 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7z" fill="#999"/></svg><span>点击地图选择布放位置</span></div></div>
+        </div>
+        <div class="form-item full"><label>详细地址<span class="required">*</span></label><input class="form-input" placeholder="地图选点后自动填充，可手动修改"></div>
+        <div class="form-item"><label>负责人</label><input class="form-input" placeholder="请输入负责人姓名"></div>
+        <div class="form-item"><label>负责人电话</label><input class="form-input" placeholder="请输入联系电话"></div>
+        <div class="form-item"><label>厂商电话</label><input class="form-input" placeholder="请输入厂商联系电话"></div>
+        <div class="form-item"><label>设备状态</label><div class="radio-group"><label><input type="radio" name="status" checked> 正常</label><label><input type="radio" name="status"> 维护中</label><label><input type="radio" name="status"> 已停用</label></div></div>
+      </div>
+    </div>
+    <div class="form-card__footer">
+      <!-- [交互] 点击取消跳转回: ./scale-device.html -->
+      <a href="bluetooth-device.html" class="btn btn-default">取消</a>
+      <button class="btn btn-primary">保存</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/bluetooth-device.html b/web-admin/health-monitor/weight/bluetooth-device.html
new file mode 100644
index 0000000..47ac356
--- /dev/null
+++ b/web-admin/health-monitor/weight/bluetooth-device.html
@@ -0,0 +1,174 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-success{background:var(--success);color:#fff;}.btn-success:hover{background:#73d13d;}
+  /* 操作按钮栏 */
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1000px;}
+  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;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link-danger:hover{color:#ff7875;}
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item active">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+    <div class="filter-item"><label>设备厂商</label><select class="filter-select"><option value="">全部</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+    <div class="filter-item"><label>设备型号</label><select class="filter-select"><option value="">全部</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <!-- 操作按钮 -->
+  <div class="action-bar">
+    <!-- [交互] 点击跳转至: ./bluetooth-device-add.html -->
+    <a href="bluetooth-device-add.html" class="btn btn-primary" style="text-decoration:none;">+ 新增设备</a>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-success">批量入库导入</button>
+    <button class="btn btn-default">查看导入任务</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><th>操作</th></tr></thead>
+        <tbody>
+          <tr><td>BT-2024-001</td><td>蓝牙称A1</td><td>华为</td><td>HW-S100</td><td>采油一厂</td><td>职工活动中心1F</td><td>2024-03-15</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>BT-2024-002</td><td>蓝牙称A2</td><td>小米</td><td>MI-Scale2</td><td>采油一厂</td><td>办公楼2F健身房</td><td>2024-03-18</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>BT-2024-003</td><td>蓝牙称B1</td><td>乐心</td><td>LX-Pro</td><td>采油二厂</td><td>员工食堂入口</td><td>2024-04-02</td><td><span class="tag tag-orange">维护中</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>BT-2024-004</td><td>蓝牙称B2</td><td>华为</td><td>HW-S100</td><td>采油二厂</td><td>宿舍楼大厅</td><td>2024-04-10</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>BT-2024-005</td><td>蓝牙称C1</td><td>小米</td><td>MI-Scale2</td><td>采气厂</td><td>综合办公楼1F</td><td>2024-05-08</td><td><span class="tag tag-red">已停用</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 28 条</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>
+    </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>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/bluetooth-monitor-detail.html b/web-admin/health-monitor/weight/bluetooth-monitor-detail.html
new file mode 100644
index 0000000..3e3d9af
--- /dev/null
+++ b/web-admin/health-monitor/weight/bluetooth-monitor-detail.html
@@ -0,0 +1,285 @@
+<!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);
+  }
+  .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-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
+  .page-header__back{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--text-secondary);}
+  .page-header__back:hover{border-color:var(--primary);color:var(--primary);}
+  .page-header__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .device-info{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:40px;flex-wrap:wrap;}
+  .device-info__item{display:flex;flex-direction:column;gap:4px;}
+  .device-info__label{font-size:var(--font-xs);color:var(--text-placeholder);}
+  .device-info__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .device-info__value--highlight{color:var(--primary);font-size:var(--font-base);font-weight:600;}
+  .device-info__stats{display:flex;gap:40px;margin-left:auto;flex-shrink:0;}
+  .tab-bar{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .tab-item{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
+  .tab-item:hover{color:var(--primary);}
+  .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .tab-content{display:none;}.tab-content.active{display:block;}
+  .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;}
+  .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;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1400px;}
+  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);border-right:1px solid var(--border);white-space:nowrap;}
+  thead th:last-child{border-right:none;}
+  tbody td{padding:10px 12px;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;text-align:center;}
+  tbody td:last-child{border-right:none;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-xs);text-decoration:none;}.link:hover{color:#40a9ff;}
+  /* Dialog弹窗 */
+  .dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
+  .dialog-mask.show{display:flex;}
+  .dialog{background:#fff;border-radius:var(--radius-lg);width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
+  .dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .dialog__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .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-placeholder);font-size:20px;transition:all .2s;}
+  .dialog__close:hover{background:#f5f5f5;color:var(--text-primary);}
+  .dialog__body{padding:20px 24px;overflow-y:auto;flex:1;}
+  .dialog-section{margin-bottom:20px;}
+  .dialog-section:last-child{margin-bottom:0;}
+  .dialog-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--primary);}
+  .dialog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;}
+  .dialog-cell{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #f0f0f0;margin:-0.5px;}
+  .dialog-cell__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .dialog-cell__val{font-size:var(--font-xs);color:var(--text-primary);font-weight:500;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 页面头部 -->
+  <div class="page-header">
+    <a class="page-header__back" href="bluetooth-monitor.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>
+    <span class="page-header__title">蓝牙称数据明细</span>
+  </div>
+  <!-- 设备信息卡 -->
+  <div class="device-info">
+    <div class="device-info__item"><span class="device-info__label">设备名称</span><span class="device-info__value">蓝牙体脂称A01</span></div>
+    <div class="device-info__item"><span class="device-info__label">设备编码</span><span class="device-info__value">BT-2024-001</span></div>
+    <div class="device-info__item"><span class="device-info__label">所属单位</span><span class="device-info__value">采油一厂</span></div>
+    <div class="device-info__item"><span class="device-info__label">布放位置</span><span class="device-info__value">办公楼1层大厅</span></div>
+    <div class="device-info__stats">
+      <div class="device-info__item"><span class="device-info__label">本周使用次数</span><span class="device-info__value device-info__value--highlight">48</span></div>
+      <div class="device-info__item"><span class="device-info__label">本月使用次数</span><span class="device-info__value device-info__value--highlight">205</span></div>
+      <div class="device-info__item"><span class="device-info__label">本年使用次数</span><span class="device-info__value device-info__value--highlight">1,180</span></div>
+      <div class="device-info__item"><span class="device-info__label">累计使用次数</span><span class="device-info__value device-info__value--highlight">3,210</span></div>
+    </div>
+  </div>
+  <!-- Tab 切换 -->
+  <div class="tab-bar">
+    <div class="tab-item active" onclick="switchTab(0)">员工实名</div>
+    <div class="tab-item" onclick="switchTab(1)">员工匿名</div>
+  </div>
+  <!-- 员工实名 -->
+  <div class="tab-content active" id="tab-0">
+    <div class="filter-bar">
+      <div class="filter-item"><label>员工姓名</label><input class="filter-input" placeholder="请输入姓名"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入编号"></div>
+      <div class="filter-item"><label>单位部门</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option></select></div>
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">员工编号</th><th rowspan="2">所属单位</th><th rowspan="2">所属部门</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th rowspan="2">使用时间</th>
+              <th colspan="6">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>张三</td><td>EMP001</td><td>采油一厂</td><td>生产部</td><td>男</td><td>35</td><td>2026-05-13 08:30</td><td>175</td><td>72.5</td><td>23.7</td><td>1,680</td><td>15.2</td><td>21.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"175","体重(kg)":"72.5","BMI":"23.7","基础代谢":"1,680","体脂肪量(kg)":"15.2","体脂肪率(%)":"21.0"},"水分与蛋白质":{"体水分量(kg)":"-","体水分率(%)":"-","蛋白质量(kg)":"-","蛋白质率(%)":"-"},"肌肉与骨骼":{"体肌肉量(kg)":"-","体肌肉率(%)":"-","体骨骼量(kg)":"-"},"脂肪分析":{"皮下脂肪量(kg)":"-","皮下脂肪率(%)":"-","除脂肪量(kg)":"-"},"细胞液":{"细胞外液量(L)":"-","细胞外液率(%)":"-","细胞内液量(L)":"-","细胞内液率(%)":"-"},"其他":{"矿物质量(kg)":"-"}}'>查看</a></td></tr>
+            <tr><td>李四</td><td>EMP002</td><td>采油一厂</td><td>技术部</td><td>女</td><td>28</td><td>2026-05-13 09:15</td><td>162</td><td>55.0</td><td>21.0</td><td>1,320</td><td>13.8</td><td>25.1</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"162","体重(kg)":"55.0","BMI":"21.0","基础代谢":"1,320","体脂肪量(kg)":"13.8","体脂肪率(%)":"25.1"},"水分与蛋白质":{"体水分量(kg)":"-","体水分率(%)":"-","蛋白质量(kg)":"-","蛋白质率(%)":"-"},"肌肉与骨骼":{"体肌肉量(kg)":"-","体肌肉率(%)":"-","体骨骼量(kg)":"-"},"脂肪分析":{"皮下脂肪量(kg)":"-","皮下脂肪率(%)":"-","除脂肪量(kg)":"-"},"细胞液":{"细胞外液量(L)":"-","细胞外液率(%)":"-","细胞内液量(L)":"-","细胞内液率(%)":"-"},"其他":{"矿物质量(kg)":"-"}}'>查看</a></td></tr>
+            <tr><td>王五</td><td>EMP003</td><td>采油一厂</td><td>安全部</td><td>男</td><td>42</td><td>2026-05-13 10:05</td><td>170</td><td>78.0</td><td>27.0</td><td>1,580</td><td>19.5</td><td>25.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"170","体重(kg)":"78.0","BMI":"27.0","基础代谢":"1,580","体脂肪量(kg)":"19.5","体脂肪率(%)":"25.0"},"水分与蛋白质":{"体水分量(kg)":"-","体水分率(%)":"-","蛋白质量(kg)":"-","蛋白质率(%)":"-"},"肌肉与骨骼":{"体肌肉量(kg)":"-","体肌肉率(%)":"-","体骨骼量(kg)":"-"},"脂肪分析":{"皮下脂肪量(kg)":"-","皮下脂肪率(%)":"-","除脂肪量(kg)":"-"},"细胞液":{"细胞外液量(L)":"-","细胞外液率(%)":"-","细胞内液量(L)":"-","细胞内液率(%)":"-"},"其他":{"矿物质量(kg)":"-"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 3 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+  <!-- 员工匿名 -->
+  <div class="tab-content" id="tab-1">
+    <div class="filter-bar">
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">使用时间</th>
+              <th colspan="6">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>匿名用户</td><td>2026-05-13 11:20</td><td>168</td><td>65.0</td><td>23.0</td><td>1,450</td><td>14.3</td><td>22.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"168","体重(kg)":"65.0","BMI":"23.0","基础代谢":"1,450","体脂肪量(kg)":"14.3","体脂肪率(%)":"22.0"},"水分与蛋白质":{"体水分量(kg)":"-","体水分率(%)":"-","蛋白质量(kg)":"-","蛋白质率(%)":"-"},"肌肉与骨骼":{"体肌肉量(kg)":"-","体肌肉率(%)":"-","体骨骼量(kg)":"-"},"脂肪分析":{"皮下脂肪量(kg)":"-","皮下脂肪率(%)":"-","除脂肪量(kg)":"-"},"细胞液":{"细胞外液量(L)":"-","细胞外液率(%)":"-","细胞内液量(L)":"-","细胞内液率(%)":"-"},"其他":{"矿物质量(kg)":"-"}}'>查看</a></td></tr>
+            <tr><td>匿名用户</td><td>2026-05-13 14:35</td><td>180</td><td>85.0</td><td>26.2</td><td>1,750</td><td>20.4</td><td>24.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"180","体重(kg)":"85.0","BMI":"26.2","基础代谢":"1,750","体脂肪量(kg)":"20.4","体脂肪率(%)":"24.0"},"水分与蛋白质":{"体水分量(kg)":"-","体水分率(%)":"-","蛋白质量(kg)":"-","蛋白质率(%)":"-"},"肌肉与骨骼":{"体肌肉量(kg)":"-","体肌肉率(%)":"-","体骨骼量(kg)":"-"},"脂肪分析":{"皮下脂肪量(kg)":"-","皮下脂肪率(%)":"-","除脂肪量(kg)":"-"},"细胞液":{"细胞外液量(L)":"-","细胞外液率(%)":"-","细胞内液量(L)":"-","细胞内液率(%)":"-"},"其他":{"矿物质量(kg)":"-"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 2 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+</main>
+<!-- Dialog弹窗 -->
+<div class="dialog-mask" id="dialogMask">
+  <div class="dialog">
+    <div class="dialog__header">
+      <span class="dialog__title">监测数据详情</span>
+      <button class="dialog__close" onclick="closeDialog()">&times;</button>
+    </div>
+    <div class="dialog__body" id="dialogBody"></div>
+  </div>
+</div>
+<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');})();
+function switchTab(idx){
+  document.querySelectorAll('.tab-item').forEach(function(t,i){t.classList.toggle('active',i===idx);});
+  document.querySelectorAll('.tab-content').forEach(function(c,i){c.classList.toggle('active',i===idx);});
+}
+function closeDialog(){document.getElementById('dialogMask').classList.remove('show');}
+(function(){
+  var mask=document.getElementById('dialogMask');
+  var body=document.getElementById('dialogBody');
+  mask.addEventListener('click',function(e){if(e.target===mask)closeDialog();});
+  document.addEventListener('click',function(e){
+    var trigger=e.target.closest('.tip-trigger');
+    if(!trigger)return;
+    e.preventDefault();
+    var row=trigger.closest('tr');
+    var name=row.querySelector('td').textContent;
+    document.querySelector('.dialog__title').textContent='监测数据详情 - '+name;
+    var data=JSON.parse(trigger.getAttribute('data-tip'));
+    var html='';
+    for(var section in data){
+      html+='<div class="dialog-section"><div class="dialog-section__title">'+section+'</div><div class="dialog-grid">';
+      var items=data[section];
+      for(var k in items){
+        html+='<div class="dialog-cell"><span class="dialog-cell__label">'+k+'</span><span class="dialog-cell__val">'+items[k]+'</span></div>';
+      }
+      html+='</div></div>';
+    }
+    body.innerHTML=html;
+    mask.classList.add('show');
+  });
+})();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/bluetooth-monitor.html b/web-admin/health-monitor/weight/bluetooth-monitor.html
new file mode 100644
index 0000000..b90e1d2
--- /dev/null
+++ b/web-admin/health-monitor/weight/bluetooth-monitor.html
@@ -0,0 +1,160 @@
+<!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);
+  }
+  .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);}
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+  .sortable{cursor:pointer;user-select:none;}.sortable:hover{color:var(--primary);}
+  .sortable::after{content:'⇅';margin-left:4px;font-size:10px;opacity:.5;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></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>设备名称</th><th>设备编码</th><th>设备所属单位</th><th>布放位置</th>
+          <th class="sortable">本周使用次数</th><th class="sortable">本月使用次数</th><th class="sortable">本年使用次数</th><th class="sortable">累计使用次数</th><th>操作</th>
+        </tr></thead>
+        <tbody>
+          <tr><td>蓝牙体脂称A01</td><td>BT-2024-001</td><td>采油一厂</td><td>办公楼1层大厅</td><td>48</td><td>205</td><td>1,180</td><td>3,210</td><td><a class="link" href="bluetooth-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>蓝牙体脂称A02</td><td>BT-2024-002</td><td>采油一厂</td><td>健身房</td><td>72</td><td>312</td><td>1,860</td><td>4,580</td><td><a class="link" href="bluetooth-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>蓝牙体脂称B01</td><td>BT-2024-003</td><td>采油二厂</td><td>职工活动中心</td><td>35</td><td>156</td><td>890</td><td>1,920</td><td><a class="link" href="bluetooth-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>蓝牙体脂称B02</td><td>BT-2024-004</td><td>采油二厂</td><td>办公楼2层</td><td>28</td><td>128</td><td>760</td><td>1,650</td><td><a class="link" href="bluetooth-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>蓝牙体脂称C01</td><td>BT-2024-005</td><td>采气厂</td><td>综合楼1层</td><td>58</td><td>245</td><td>1,420</td><td>3,560</td><td><a class="link" href="bluetooth-monitor-detail.html">数据明细</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 5 条</span>
+      <button class="page-btn">‹</button>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">›</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/dept-stat.html b/web-admin/health-monitor/weight/dept-stat.html
new file mode 100644
index 0000000..acb056c
--- /dev/null
+++ b/web-admin/health-monitor/weight/dept-stat.html
@@ -0,0 +1,412 @@
+<!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;
+    --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__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);}
+  .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);}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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);}
+  /* Tab */
+  .page-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px;background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .page-tab{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
+  .page-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .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__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;white-space:nowrap;}
+  thead th{background:#FAFAFA;padding:12px 16px;text-align:center;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);border-right:1px solid var(--border);}
+  thead th:last-child{border-right:none;}
+  thead th.group-header{font-weight:600;}
+  tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);text-align:center;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .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);}
+  .date-range{display:flex;align-items:center;gap:8px;}
+  .date-range input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:140px;}
+  /* 排序图标 */
+  .sortable{cursor:pointer;user-select:none;position:relative;padding-right:24px !important;}
+  .sortable:hover{background:#F0F5FF;}
+  .sort-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;}
+  .sort-icon .arrow-up,.sort-icon .arrow-down{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;}
+  .sort-icon .arrow-up{border-bottom:5px solid #ccc;}
+  .sort-icon .arrow-down{border-top:5px solid #ccc;}
+  .sortable.asc .sort-icon .arrow-up{border-bottom-color:var(--primary);}
+  .sortable.desc .sort-icon .arrow-down{border-top-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item active">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- Tab -->
+  <div class="page-tabs">
+    <div class="page-tab active" onclick="switchTab(this,'level2')">二级单位</div>
+    <div class="page-tab" onclick="switchTab(this,'level3')">三级单位</div>
+  </div>
+
+  <!-- 二级单位筛选栏 -->
+  <div class="filter-bar" id="filter-level2">
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <option>全部</option>
+        <option>采油一厂</option>
+        <option>采油二厂</option>
+        <option>采气一厂</option>
+        <option>采气二厂</option>
+        <option>天然气处理厂</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- 三级单位筛选栏 -->
+  <div class="filter-bar" id="filter-level3" style="display:none;">
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>所属单位</label>
+      <select class="filter-select" style="min-width:150px;">
+        <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:150px;">
+        <option>全部</option>
+        <option>第一作业区</option>
+        <option>第二作业区</option>
+        <option>集输大队</option>
+        <option>采气作业区</option>
+        <option>集气站</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+
+  <!-- ========== 二级单位面板 ========== -->
+  <div class="tab-panel active" id="tab-level2">
+    <div style="display:flex;gap:8px;margin-bottom:16px;">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">二级单位数据统计</span>
+      </div>
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <th rowspan="2" style="vertical-align:middle;">单位</th>
+              <th rowspan="2" style="vertical-align:middle;">总人数</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">体重秤</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">蓝牙称</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">体脂仪</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">运动器械</th>
+            </tr>
+            <tr>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油一厂</td><td>283</td>
+              <td>18</td><td>821</td><td>200</td>
+              <td>12</td><td>505</td><td>155</td>
+              <td>7</td><td>319</td><td>114</td>
+              <td>4</td><td>176</td><td>72</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油二厂</td><td>198</td>
+              <td>12</td><td>565</td><td>140</td>
+              <td>7</td><td>345</td><td>103</td>
+              <td>5</td><td>215</td><td>74</td>
+              <td>3</td><td>123</td><td>50</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采气一厂</td><td>127</td>
+              <td>8</td><td>350</td><td>93</td>
+              <td>5</td><td>223</td><td>72</td>
+              <td>3</td><td>145</td><td>57</td>
+              <td>3</td><td>100</td><td>43</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采气二厂</td><td>105</td>
+              <td>6</td><td>285</td><td>72</td>
+              <td>4</td><td>168</td><td>55</td>
+              <td>2</td><td>110</td><td>42</td>
+              <td>2</td><td>78</td><td>32</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">天然气处理厂</td><td>86</td>
+              <td>5</td><td>220</td><td>58</td>
+              <td>3</td><td>132</td><td>42</td>
+              <td>2</td><td>85</td><td>35</td>
+              <td>1</td><td>55</td><td>25</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <!-- ========== 三级单位面板 ========== -->
+  <div class="tab-panel" id="tab-level3">
+    <div style="display:flex;gap:8px;margin-bottom:16px;">
+      <button class="btn btn-default">导出列表数据</button>
+      <button class="btn btn-default">查看导出任务</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">三级单位数据统计</span>
+      </div>
+      <div class="table-card__content">
+        <table>
+          <thead>
+            <tr>
+              <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="3" class="group-header" style="border-bottom:1px solid var(--border);">体重秤</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">蓝牙称</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">体脂仪</th>
+              <th colspan="3" class="group-header" style="border-bottom:1px solid var(--border);">运动器械</th>
+            </tr>
+            <tr>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">设备数量<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+              <th class="sortable" onclick="toggleSort(this)">使用人数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油一厂</td><td>第一作业区</td><td>120</td>
+              <td>8</td><td>356</td><td>85</td>
+              <td>5</td><td>210</td><td>62</td>
+              <td>3</td><td>145</td><td>48</td>
+              <td>2</td><td>89</td><td>35</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油一厂</td><td>第二作业区</td><td>95</td>
+              <td>6</td><td>280</td><td>70</td>
+              <td>4</td><td>175</td><td>55</td>
+              <td>2</td><td>98</td><td>38</td>
+              <td>1</td><td>52</td><td>22</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油一厂</td><td>集输大队</td><td>68</td>
+              <td>4</td><td>185</td><td>45</td>
+              <td>3</td><td>120</td><td>38</td>
+              <td>2</td><td>76</td><td>28</td>
+              <td>1</td><td>35</td><td>15</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油二厂</td><td>第一作业区</td><td>110</td>
+              <td>7</td><td>320</td><td>78</td>
+              <td>4</td><td>195</td><td>58</td>
+              <td>3</td><td>130</td><td>42</td>
+              <td>2</td><td>75</td><td>30</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采油二厂</td><td>第二作业区</td><td>88</td>
+              <td>5</td><td>245</td><td>62</td>
+              <td>3</td><td>150</td><td>45</td>
+              <td>2</td><td>85</td><td>32</td>
+              <td>1</td><td>48</td><td>20</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采气一厂</td><td>采气作业区</td><td>75</td>
+              <td>5</td><td>210</td><td>55</td>
+              <td>3</td><td>135</td><td>42</td>
+              <td>2</td><td>90</td><td>35</td>
+              <td>2</td><td>68</td><td>28</td>
+            </tr>
+            <tr>
+              <td style="font-weight:500;text-align:left;">采气一厂</td><td>集气站</td><td>52</td>
+              <td>3</td><td>140</td><td>38</td>
+              <td>2</td><td>88</td><td>30</td>
+              <td>1</td><td>55</td><td>22</td>
+              <td>1</td><td>32</td><td>15</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination">
+        <span>共 12 条</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>
+</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');})();
+
+function switchTab(el, tab) {
+  document.querySelectorAll('.page-tab').forEach(function(t){ t.classList.remove('active'); });
+  el.classList.add('active');
+  document.querySelectorAll('.tab-panel').forEach(function(p){ p.classList.remove('active'); });
+  document.getElementById('tab-' + tab).classList.add('active');
+  document.getElementById('filter-level2').style.display = tab === 'level2' ? '' : 'none';
+  document.getElementById('filter-level3').style.display = tab === 'level3' ? '' : 'none';
+}
+
+/* 排序切换 */
+function toggleSort(th) {
+  var wasAsc = th.classList.contains('asc');
+  var wasDesc = th.classList.contains('desc');
+  th.closest('table').querySelectorAll('.sortable').forEach(function(s){ s.classList.remove('asc','desc'); });
+  if (!wasAsc && !wasDesc) { th.classList.add('asc'); }
+  else if (wasAsc) { th.classList.add('desc'); }
+  /* desc -> 清除(第三次点击回到默认) */
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/employee-data-record.html b/web-admin/health-monitor/weight/employee-data-record.html
new file mode 100644
index 0000000..640b8b1
--- /dev/null
+++ b/web-admin/health-monitor/weight/employee-data-record.html
@@ -0,0 +1,241 @@
+<!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);
+  }
+  .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);}
+  /* 面包屑 */
+  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
+  .breadcrumb span{color:var(--text-placeholder);}
+  /* 员工信息卡片 */
+  .info-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:16px;display:flex;align-items:center;gap:32px;}
+  .info-card__avatar{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0;}
+  .info-card__detail{display:flex;flex-direction:column;gap:6px;}
+  .info-card__name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .info-card__meta{display:flex;gap:24px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .info-card__stats{display:flex;gap:24px;margin-left:auto;}
+  .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;background:#FAFAFA;border-radius:var(--radius-md);min-width:90px;}
+  .stat-item__value{font-size:20px;font-weight:700;color:var(--primary);}
+  .stat-item__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  /* 筛选栏 */
+  .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
+  .filter-item{display:flex;align-items:center;gap:8px;}
+  .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
+  .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:140px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  /* 表格 */
+  .table-card{background:#fff;border-radius: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:1200px;}
+  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;}
+  .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);}
+  /* 弹窗 */
+  .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;}
+  .modal-mask.show{opacity:1;pointer-events:auto;}
+  .modal{background:#fff;border-radius:var(--radius-lg);width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);}
+  .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .modal__header h3{font-size:var(--font-lg);font-weight:600;}
+  .modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;}
+  .modal__close:hover{background:#f5f5f5;color:var(--text-primary);}
+  .modal__body{padding:24px;}
+  .detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 24px;}
+  .detail-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#FAFAFA;border-radius:var(--radius-sm);}
+  .detail-item__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .detail-item__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item active">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 面包屑 -->
+  <div class="breadcrumb">
+    <a href="employee-data.html">员工数据</a><span>/</span><span>测量记录</span>
+  </div>
+  <!-- 员工信息卡片 -->
+  <div class="info-card">
+    <div class="info-card__avatar">张</div>
+    <div class="info-card__detail">
+      <div class="info-card__name">张伟</div>
+      <div class="info-card__meta">
+        <span>员工编号：EMP-10001</span>
+        <span>性别：男</span>
+        <span>年龄：35岁</span>
+        <span>采油一厂 / 生产运行科</span>
+      </div>
+    </div>
+    <div class="info-card__stats">
+      <div class="stat-item"><span class="stat-item__value">3</span><span class="stat-item__label">本周测量</span></div>
+      <div class="stat-item"><span class="stat-item__value">12</span><span class="stat-item__label">本月测量</span></div>
+      <div class="stat-item"><span class="stat-item__value">58</span><span class="stat-item__label">本年测量</span></div>
+      <div class="stat-item"><span class="stat-item__value">142</span><span class="stat-item__label">累计测量</span></div>
+    </div>
+  </div>
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>测量设备</label><select class="filter-select"><option value="">全部</option><option>体重秤</option><option>蓝牙称</option><option>体脂仪</option></select></div>
+    <div class="filter-item"><label>测量日期</label><input class="filter-input" type="date" style="min-width:130px;"> <span style="color:var(--text-placeholder);font-size:var(--font-sm);">至</span> <input class="filter-input" type="date" style="min-width:130px;"></div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <!-- 测量记录列表 -->
+  <div class="table-card">
+    <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>体脂肪量(kg)</th><th>体脂肪率(%)</th><th>体水分量(kg)</th><th>蛋白质量(kg)</th><th>操作</th></tr></thead>
+        <tbody>
+          <tr><td>2024-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>13.2</td><td>18.2</td><td>40.1</td><td>11.6</td><td><a class="link" onclick="openModal()">查看</a></td></tr>
+          <tr><td>2024-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>13.4</td><td>18.4</td><td>39.8</td><td>11.5</td><td><a class="link" onclick="openModal()">查看</a></td></tr>
+          <tr><td>2024-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>13.5</td><td>18.5</td><td>40.0</td><td>11.6</td><td><a class="link" onclick="openModal()">查看</a></td></tr>
+          <tr><td>2024-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>13.1</td><td>18.1</td><td>40.2</td><td>11.7</td><td><a class="link" onclick="openModal()">查看</a></td></tr>
+          <tr><td>2024-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>13.6</td><td>18.6</td><td>39.9</td><td>11.5</td><td><a class="link" onclick="openModal()">查看</a></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>
+</main>
+<!-- 测量详情弹窗 -->
+<div class="modal-mask" id="detailModal">
+  <div class="modal">
+    <div class="modal__header"><h3>测量详情</h3><button class="modal__close" onclick="closeModal()">&times;</button></div>
+    <div class="modal__body">
+      <div class="detail-grid">
+        <div class="detail-item"><span class="detail-item__label">测量时间</span><span class="detail-item__value">2024-05-10 08:30</span></div>
+        <div class="detail-item"><span class="detail-item__label">测量设备</span><span class="detail-item__value">体重秤</span></div>
+        <div class="detail-item"><span class="detail-item__label">设备编码</span><span class="detail-item__value">SC-2024-001</span></div>
+        <div class="detail-item"><span class="detail-item__label">身高(cm)</span><span class="detail-item__value">175</span></div>
+        <div class="detail-item"><span class="detail-item__label">体重(kg)</span><span class="detail-item__value">72.5</span></div>
+        <div class="detail-item"><span class="detail-item__label">BMI</span><span class="detail-item__value">23.7</span></div>
+        <div class="detail-item"><span class="detail-item__label">基础代谢(kcal)</span><span class="detail-item__value">1680</span></div>
+        <div class="detail-item"><span class="detail-item__label">体脂肪量(kg)</span><span class="detail-item__value">13.2</span></div>
+        <div class="detail-item"><span class="detail-item__label">体脂肪率(%)</span><span class="detail-item__value">18.2</span></div>
+        <div class="detail-item"><span class="detail-item__label">体水分量(kg)</span><span class="detail-item__value">40.1</span></div>
+        <div class="detail-item"><span class="detail-item__label">蛋白质量(kg)</span><span class="detail-item__value">11.6</span></div>
+        <div class="detail-item"><span class="detail-item__label">体肌肉量(kg)</span><span class="detail-item__value">55.8</span></div>
+        <div class="detail-item"><span class="detail-item__label">体肌肉率(%)</span><span class="detail-item__value">77.0</span></div>
+        <div class="detail-item"><span class="detail-item__label">去脂体重(kg)</span><span class="detail-item__value">59.3</span></div>
+        <div class="detail-item"><span class="detail-item__label">内脏脂肪等级</span><span class="detail-item__value">6</span></div>
+        <div class="detail-item"><span class="detail-item__label">身体年龄</span><span class="detail-item__value">32</span></div>
+        <div class="detail-item"><span class="detail-item__label">矿物质量(kg)</span><span class="detail-item__value">3.5</span></div>
+        <div class="detail-item"><span class="detail-item__label">皮下脂肪量(kg)</span><span class="detail-item__value">10.8</span></div>
+        <div class="detail-item"><span class="detail-item__label">皮下脂肪率(%)</span><span class="detail-item__value">14.9</span></div>
+        <div class="detail-item"><span class="detail-item__label">体骨骼量(kg)</span><span class="detail-item__value">2.9</span></div>
+      </div>
+    </div>
+  </div>
+</div>
+<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');})();
+function openModal(){document.getElementById('detailModal').classList.add('show');}
+function closeModal(){document.getElementById('detailModal').classList.remove('show');}
+document.getElementById('detailModal').addEventListener('click',function(e){if(e.target===this)closeModal();});
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/employee-data.html b/web-admin/health-monitor/weight/employee-data.html
new file mode 100644
index 0000000..1bef155
--- /dev/null
+++ b/web-admin/health-monitor/weight/employee-data.html
@@ -0,0 +1,179 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  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;}
+  .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>
+  <nav 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" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item active">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <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>
+    <div class="filter-item"><label>单位部门</label><select class="filter-select" style="min-width:120px;"><option value="">全部单位</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select><select class="filter-select" style="min-width:120px;"><option value="">全部部门</option><option>生产运行科</option><option>安全环保科</option><option>综合管理科</option></select></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;">姓名</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 rowspan="2" style="vertical-align:middle;">所属部门</th>
+            <th colspan="6" style="text-align:center;border-bottom:1px solid var(--border);">最新测量数据</th>
+            <th rowspan="2" style="vertical-align:middle;">操作</th>
+          </tr>
+          <tr>
+            <th>测量时间</th><th>测量设备</th><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>体脂肪率(%)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>张伟</td><td>EMP-10001</td><td>男</td><td>35</td><td>采油一厂</td><td>生产运行科</td><td>2024-05-10 08:30</td><td>体重秤</td><td>175</td><td>72.5</td><td>23.7</td><td>18.2</td><td><a class="link" href="employee-data-record.html">测量记录</a></td></tr>
+          <tr><td>李娜</td><td>EMP-10002</td><td>女</td><td>28</td><td>采油一厂</td><td>安全环保科</td><td>2024-05-09 17:15</td><td>体脂仪</td><td>163</td><td>55.0</td><td>20.7</td><td>24.5</td><td><a class="link" href="employee-data-record.html">测量记录</a></td></tr>
+          <tr><td>王强</td><td>EMP-10003</td><td>男</td><td>42</td><td>采油二厂</td><td>综合管理科</td><td>2024-05-08 12:00</td><td>蓝牙称</td><td>170</td><td>80.2</td><td>27.7</td><td>26.8</td><td><a class="link" href="employee-data-record.html">测量记录</a></td></tr>
+          <tr><td>赵敏</td><td>EMP-10004</td><td>女</td><td>31</td><td>采油二厂</td><td>生产运行科</td><td>2024-05-10 09:45</td><td>体重秤</td><td>160</td><td>52.3</td><td>20.4</td><td>22.1</td><td><a class="link" href="employee-data-record.html">测量记录</a></td></tr>
+          <tr><td>刘洋</td><td>EMP-10005</td><td>男</td><td>38</td><td>采气厂</td><td>安全环保科</td><td>2024-05-07 16:30</td><td>体脂仪</td><td>178</td><td>85.0</td><td>26.8</td><td>25.3</td><td><a class="link" href="employee-data-record.html">测量记录</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>
+</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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/employee-stat.html b/web-admin/health-monitor/weight/employee-stat.html
new file mode 100644
index 0000000..fe2c92d
--- /dev/null
+++ b/web-admin/health-monitor/weight/employee-stat.html
@@ -0,0 +1,219 @@
+<!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;
+    --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__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);}
+  .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);}
+  .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);outline:none;background:#fff;min-width:150px;}
+  .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: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;-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);}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .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);}
+  .sortable{cursor:pointer;user-select:none;position:relative;padding-right:24px !important;}
+  .sortable:hover{background:#F0F5FF;}
+  .sort-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;}
+  .sort-icon .arrow-up,.sort-icon .arrow-down{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;}
+  .sort-icon .arrow-up{border-bottom:5px solid #ccc;}
+  .sort-icon .arrow-down{border-top:5px solid #ccc;}
+  .sortable.asc .sort-icon .arrow-up{border-bottom-color:var(--primary);}
+  .sortable.desc .sort-icon .arrow-down{border-top-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+      返回首页
+    </a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item active">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item">
+      <label>年份</label>
+      <select class="filter-select" style="min-width:100px;">
+        <option>2026</option>
+        <option>2025</option>
+        <option>2024</option>
+      </select>
+    </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>
+    <div class="filter-item">
+      <label>单位部门</label>
+      <select class="filter-select" style="min-width:180px;">
+        <option value="">全部</option>
+        <option>采油一厂 / 第一作业区</option>
+        <option>采油一厂 / 第二作业区</option>
+        <option>采油一厂 / 集输大队</option>
+        <option>采油二厂 / 第一作业区</option>
+        <option>采油二厂 / 第二作业区</option>
+        <option>采气一厂 / 采气作业区</option>
+        <option>采气一厂 / 集气站</option>
+        <option>采气二厂 / 采气作业区</option>
+        <option>天然气处理厂 / 综合管理科</option>
+      </select>
+    </div>
+    <button class="btn btn-primary">查询</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>姓名</th>
+            <th>员工编号</th>
+            <th>性别</th>
+            <th>年龄</th>
+            <th>所属单位</th>
+            <th>所属部门</th>
+            <th class="sortable" onclick="toggleSort(this)">体重秤使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+            <th class="sortable" onclick="toggleSort(this)">蓝牙称使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+            <th class="sortable" onclick="toggleSort(this)">体脂仪使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+            <th class="sortable" onclick="toggleSort(this)">运动器械使用次数<span class="sort-icon"><span class="arrow-up"></span><span class="arrow-down"></span></span></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>张伟</td><td>EMP-10001</td><td>男</td><td>35</td><td>采油一厂</td><td>第一作业区</td><td>42</td><td>18</td><td>12</td><td>8</td></tr>
+          <tr><td>李娜</td><td>EMP-10002</td><td>女</td><td>28</td><td>采油一厂</td><td>第二作业区</td><td>35</td><td>22</td><td>15</td><td>5</td></tr>
+          <tr><td>王强</td><td>EMP-10003</td><td>男</td><td>42</td><td>采油二厂</td><td>第一作业区</td><td>28</td><td>30</td><td>8</td><td>12</td></tr>
+          <tr><td>赵敏</td><td>EMP-10004</td><td>女</td><td>31</td><td>采油二厂</td><td>第二作业区</td><td>50</td><td>15</td><td>20</td><td>3</td></tr>
+          <tr><td>刘洋</td><td>EMP-10005</td><td>男</td><td>38</td><td>采气一厂</td><td>采气作业区</td><td>18</td><td>25</td><td>10</td><td>15</td></tr>
+          <tr><td>陈静</td><td>EMP-10006</td><td>女</td><td>26</td><td>采气一厂</td><td>集气站</td><td>32</td><td>12</td><td>18</td><td>6</td></tr>
+          <tr><td>孙磊</td><td>EMP-10007</td><td>男</td><td>45</td><td>采气二厂</td><td>采气作业区</td><td>22</td><td>28</td><td>5</td><td>20</td></tr>
+          <tr><td>周芳</td><td>EMP-10008</td><td>女</td><td>33</td><td>天然气处理厂</td><td>综合管理科</td><td>38</td><td>20</td><td>14</td><td>9</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>
+</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');})();
+
+function toggleSort(th) {
+  var wasAsc = th.classList.contains('asc');
+  var wasDesc = th.classList.contains('desc');
+  th.closest('table').querySelectorAll('.sortable').forEach(function(s){ s.classList.remove('asc','desc'); });
+  if (!wasAsc && !wasDesc) { th.classList.add('asc'); }
+  else if (wasAsc) { th.classList.add('desc'); }
+}
+</script>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/fat-device-add.html b/web-admin/health-monitor/weight/fat-device-add.html
new file mode 100644
index 0000000..fcf4b0a
--- /dev/null
+++ b/web-admin/health-monitor/weight/fat-device-add.html
@@ -0,0 +1,161 @@
+<!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);
+  }
+  .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);}
+  /* 面包屑 */
+  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
+  .breadcrumb span{color:var(--text-placeholder);}
+  /* 表单卡片 */
+  .form-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .form-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
+  .form-card__header h2{font-size:var(--font-lg);font-weight:600;}
+  .form-card__body{padding:32px 24px;}
+  .form-card__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:#FAFAFA;}
+  /* 表单 */
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;max-width:800px;}
+  .form-item{display:flex;flex-direction:column;gap:6px;}
+  .form-item.full{grid-column:1/-1;}
+  .form-item label{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .form-item label .required{color:var(--danger);margin-left:2px;}
+  .form-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;width:100%;}
+  .form-input:focus{border-color:var(--primary);}
+  .form-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;width:100%;}
+  .map-picker{height:200px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;}
+  .map-picker:hover{border-color:var(--primary);}
+  .map-picker__icon{display:flex;flex-direction:column;align-items:center;gap:8px;}
+  .radio-group{display:flex;gap:20px;align-items:center;height:36px;}
+  .radio-group label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;font-weight:400;}
+  .radio-group input[type="radio"]{cursor:pointer;}
+  .btn{height:36px;padding:0 20px;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;text-decoration:none;}
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item active">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 面包屑导航 -->
+  <div class="breadcrumb">
+    <a href="fat-device.html">设备管理</a><span>/</span><span>新增设备</span>
+  </div>
+  <!-- 表单卡片 -->
+  <div class="form-card">
+    <div class="form-card__header"><h2>新增体脂仪设备</h2></div>
+    <div class="form-card__body">
+      <div class="form-grid">
+        <div class="form-item"><label>设备名称<span class="required">*</span></label><input class="form-input" placeholder="请输入设备名称"></div>
+        <div class="form-item"><label>设备编码<span class="required">*</span></label><input class="form-input" placeholder="请输入设备编码"></div>
+        <div class="form-item"><label>所属单位<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+        <div class="form-item"><label>设备厂商<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+        <div class="form-item"><label>设备型号<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+        <div class="form-item"><label>入库日期<span class="required">*</span></label><input class="form-input" type="date"></div>
+        <div class="form-item full">
+          <label>布放位置<span class="required">*</span></label>
+          <!-- [交互] 点击地图区域触发地图选点，选点后将经纬度回填并更新详细地址 -->
+          <div class="map-picker"><div class="map-picker__icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C11.03 3 7 7.03 7 12c0 6.75 9 17 9 17s9-10.25 9-17c0-4.97-4.03-9-9-9zm0 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7z" fill="#999"/></svg><span>点击地图选择布放位置</span></div></div>
+        </div>
+        <div class="form-item full"><label>详细地址<span class="required">*</span></label><input class="form-input" placeholder="地图选点后自动填充，可手动修改"></div>
+        <div class="form-item"><label>负责人</label><input class="form-input" placeholder="请输入负责人姓名"></div>
+        <div class="form-item"><label>负责人电话</label><input class="form-input" placeholder="请输入联系电话"></div>
+        <div class="form-item"><label>厂商电话</label><input class="form-input" placeholder="请输入厂商联系电话"></div>
+        <div class="form-item"><label>设备状态</label><div class="radio-group"><label><input type="radio" name="status" checked> 正常</label><label><input type="radio" name="status"> 维护中</label><label><input type="radio" name="status"> 已停用</label></div></div>
+      </div>
+    </div>
+    <div class="form-card__footer">
+      <!-- [交互] 点击取消跳转回: ./scale-device.html -->
+      <a href="fat-device.html" class="btn btn-default">取消</a>
+      <button class="btn btn-primary">保存</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/fat-device.html b/web-admin/health-monitor/weight/fat-device.html
new file mode 100644
index 0000000..4c016c8
--- /dev/null
+++ b/web-admin/health-monitor/weight/fat-device.html
@@ -0,0 +1,174 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-success{background:var(--success);color:#fff;}.btn-success:hover{background:#73d13d;}
+  /* 操作按钮栏 */
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1000px;}
+  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;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link-danger:hover{color:#ff7875;}
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item active">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+    <div class="filter-item"><label>设备厂商</label><select class="filter-select"><option value="">全部</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+    <div class="filter-item"><label>设备型号</label><select class="filter-select"><option value="">全部</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <!-- 操作按钮 -->
+  <div class="action-bar">
+    <!-- [交互] 点击跳转至: ./fat-device-add.html -->
+    <a href="fat-device-add.html" class="btn btn-primary" style="text-decoration:none;">+ 新增设备</a>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-success">批量入库导入</button>
+    <button class="btn btn-default">查看导入任务</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><th>操作</th></tr></thead>
+        <tbody>
+          <tr><td>FT-2024-001</td><td>体脂仪A1</td><td>华为</td><td>HW-S100</td><td>采油一厂</td><td>职工活动中心1F</td><td>2024-03-15</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>FT-2024-002</td><td>体脂仪A2</td><td>小米</td><td>MI-Scale2</td><td>采油一厂</td><td>办公楼2F健身房</td><td>2024-03-18</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>FT-2024-003</td><td>体脂仪B1</td><td>乐心</td><td>LX-Pro</td><td>采油二厂</td><td>员工食堂入口</td><td>2024-04-02</td><td><span class="tag tag-orange">维护中</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>FT-2024-004</td><td>体脂仪B2</td><td>华为</td><td>HW-S100</td><td>采油二厂</td><td>宿舍楼大厅</td><td>2024-04-10</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>FT-2024-005</td><td>体脂仪C1</td><td>小米</td><td>MI-Scale2</td><td>采气厂</td><td>综合办公楼1F</td><td>2024-05-08</td><td><span class="tag tag-red">已停用</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 28 条</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>
+    </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>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/fat-monitor-detail.html b/web-admin/health-monitor/weight/fat-monitor-detail.html
new file mode 100644
index 0000000..8a47a34
--- /dev/null
+++ b/web-admin/health-monitor/weight/fat-monitor-detail.html
@@ -0,0 +1,290 @@
+<!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);
+  }
+  .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-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
+  .page-header__back{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--text-secondary);}
+  .page-header__back:hover{border-color:var(--primary);color:var(--primary);}
+  .page-header__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  /* 设备信息卡 */
+  .device-info{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:40px;flex-wrap:wrap;}
+  .device-info__item{display:flex;flex-direction:column;gap:4px;}
+  .device-info__label{font-size:var(--font-xs);color:var(--text-placeholder);}
+  .device-info__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .device-info__value--highlight{color:var(--primary);font-size:var(--font-base);font-weight:600;}
+  .device-info__stats{display:flex;gap:40px;margin-left:auto;flex-shrink:0;}
+  /* Tab */
+  .tab-bar{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .tab-item{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
+  .tab-item:hover{color:var(--primary);}
+  .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .tab-content{display:none;}.tab-content.active{display:block;}
+  /* 筛选 */
+  .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;}
+  .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;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1400px;}
+  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);border-right:1px solid var(--border);white-space:nowrap;}
+  thead th:last-child{border-right:none;}
+  tbody td{padding:10px 12px;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;text-align:center;}
+  tbody td:last-child{border-right:none;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-xs);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);}
+  /* Dialog弹窗 */
+  .dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
+  .dialog-mask.show{display:flex;}
+  .dialog{background:#fff;border-radius:var(--radius-lg);width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
+  .dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .dialog__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .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-placeholder);font-size:20px;transition:all .2s;}
+  .dialog__close:hover{background:#f5f5f5;color:var(--text-primary);}
+  .dialog__body{padding:20px 24px;overflow-y:auto;flex:1;}
+  .dialog-section{margin-bottom:20px;}
+  .dialog-section:last-child{margin-bottom:0;}
+  .dialog-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--primary);}
+  .dialog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;}
+  .dialog-cell{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #f0f0f0;margin:-0.5px;}
+  .dialog-cell__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .dialog-cell__val{font-size:var(--font-xs);color:var(--text-primary);font-weight:500;}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 页面头部 -->
+  <div class="page-header">
+    <a class="page-header__back" href="fat-monitor.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>
+    <span class="page-header__title">体脂仪数据明细</span>
+  </div>
+  <!-- 设备信息卡 -->
+  <div class="device-info">
+    <div class="device-info__item"><span class="device-info__label">设备名称</span><span class="device-info__value">智能体脂仪A01</span></div>
+    <div class="device-info__item"><span class="device-info__label">设备编码</span><span class="device-info__value">FT-2024-001</span></div>
+    <div class="device-info__item"><span class="device-info__label">所属单位</span><span class="device-info__value">采油一厂</span></div>
+    <div class="device-info__item"><span class="device-info__label">布放位置</span><span class="device-info__value">办公楼1层大厅</span></div>
+    <div class="device-info__stats">
+      <div class="device-info__item"><span class="device-info__label">本周使用次数</span><span class="device-info__value device-info__value--highlight">48</span></div>
+      <div class="device-info__item"><span class="device-info__label">本月使用次数</span><span class="device-info__value device-info__value--highlight">205</span></div>
+      <div class="device-info__item"><span class="device-info__label">本年使用次数</span><span class="device-info__value device-info__value--highlight">1,230</span></div>
+      <div class="device-info__item"><span class="device-info__label">累计使用次数</span><span class="device-info__value device-info__value--highlight">3,420</span></div>
+    </div>
+  </div>
+  <!-- Tab 切换 -->
+  <div class="tab-bar">
+    <div class="tab-item active" onclick="switchTab(0)">员工实名</div>
+    <div class="tab-item" onclick="switchTab(1)">员工匿名</div>
+  </div>
+  <!-- 员工实名 -->
+  <div class="tab-content active" id="tab-0">
+    <div class="filter-bar">
+      <div class="filter-item"><label>员工姓名</label><input class="filter-input" placeholder="请输入姓名"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入编号"></div>
+      <div class="filter-item"><label>单位部门</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option></select></div>
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">员工编号</th><th rowspan="2">所属单位</th><th rowspan="2">所属部门</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th rowspan="2">使用时间</th>
+              <th colspan="8">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th><th>体水分量(kg)</th><th>蛋白质量(kg)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>张三</td><td>EMP001</td><td>采油一厂</td><td>生产部</td><td>男</td><td>35</td><td>2026-05-13 08:30</td><td>175</td><td>72.5</td><td>23.7</td><td>1,680</td><td>15.2</td><td>21.0</td><td>38.6</td><td>8.5</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"175","体重(kg)":"72.5","BMI":"23.7","基础代谢":"1,680","InBody评分(分)":"62"},"体脂分析":{"体脂肪量(kg)":"15.2","体脂肪率(%)":"21.0","内脏脂肪等级":"-","肥胖度(%)":"147","去脂体重(kg)":"59.6"},"体成分":{"体水分(L)":"43.7","蛋白质(kg)":"11.8","无机盐(kg)":"4.11","骨骼肌量(kg)":"33.6","骨骼肌指数(kg)":"8.8"},"体重管理":{"目标体重(kg)":"70.2","体重控制(kg)":"-23.1","脂肪控制(kg)":"-23.1","肌肉控制(kg)":"0.0","腰臀比(%)":"0.98"},"节段脂肪":{"左上肢(kg)":"2.7","左下肢(kg)":"4.7","右上肢(kg)":"2.6","右下肢(kg)":"4.8","躯干(kg)":"17.5"},"节段肌肉":{"左上肢(kg)":"3.35","左下肢(kg)":"9.11","右上肢(kg)":"3.5","右下肢(kg)":"9.4","躯干(kg)":"26.9"}}'>查看</a></td></tr>
+            <tr><td>李四</td><td>EMP002</td><td>采油一厂</td><td>技术部</td><td>女</td><td>28</td><td>2026-05-13 09:15</td><td>162</td><td>55.0</td><td>21.0</td><td>1,320</td><td>13.8</td><td>25.1</td><td>28.6</td><td>6.2</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"162","体重(kg)":"55.0","BMI":"21.0","基础代谢":"1,320","InBody评分(分)":"75"},"体脂分析":{"体脂肪量(kg)":"13.8","体脂肪率(%)":"25.1","内脏脂肪等级":"-","肥胖度(%)":"105","去脂体重(kg)":"41.2"},"体成分":{"体水分(L)":"30.2","蛋白质(kg)":"8.1","无机盐(kg)":"2.95","骨骼肌量(kg)":"22.4","骨骼肌指数(kg)":"6.2"},"体重管理":{"目标体重(kg)":"52.0","体重控制(kg)":"-3.0","脂肪控制(kg)":"-5.8","肌肉控制(kg)":"2.8","腰臀比(%)":"0.82"},"节段脂肪":{"左上肢(kg)":"1.5","左下肢(kg)":"3.2","右上肢(kg)":"1.4","右下肢(kg)":"3.1","躯干(kg)":"4.6"},"节段肌肉":{"左上肢(kg)":"2.1","左下肢(kg)":"6.8","右上肢(kg)":"2.2","右下肢(kg)":"7.0","躯干(kg)":"18.5"}}'>查看</a></td></tr>
+            <tr><td>王五</td><td>EMP003</td><td>采油一厂</td><td>安全部</td><td>男</td><td>42</td><td>2026-05-13 10:05</td><td>170</td><td>78.0</td><td>27.0</td><td>1,580</td><td>19.5</td><td>25.0</td><td>40.2</td><td>9.1</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"170","体重(kg)":"78.0","BMI":"27.0","基础代谢":"1,580","InBody评分(分)":"58"},"体脂分析":{"体脂肪量(kg)":"19.5","体脂肪率(%)":"25.0","内脏脂肪等级":"12","肥胖度(%)":"125","去脂体重(kg)":"58.5"},"体成分":{"体水分(L)":"42.1","蛋白质(kg)":"11.2","无机盐(kg)":"3.88","骨骼肌量(kg)":"31.8","骨骼肌指数(kg)":"8.2"},"体重管理":{"目标体重(kg)":"68.0","体重控制(kg)":"-10.0","脂肪控制(kg)":"-12.5","肌肉控制(kg)":"2.5","腰臀比(%)":"0.92"},"节段脂肪":{"左上肢(kg)":"2.4","左下肢(kg)":"4.2","右上肢(kg)":"2.3","右下肢(kg)":"4.3","躯干(kg)":"6.3"},"节段肌肉":{"左上肢(kg)":"3.2","左下肢(kg)":"8.9","右上肢(kg)":"3.3","右下肢(kg)":"9.1","躯干(kg)":"25.2"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 3 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+  <!-- 员工匿名 -->
+  <div class="tab-content" id="tab-1">
+    <div class="filter-bar">
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">使用时间</th>
+              <th colspan="8">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th><th>体水分量(kg)</th><th>蛋白质量(kg)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>匿名用户</td><td>2026-05-13 11:20</td><td>168</td><td>65.0</td><td>23.0</td><td>1,450</td><td>14.3</td><td>22.0</td><td>34.5</td><td>7.8</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"168","体重(kg)":"65.0","BMI":"23.0","基础代谢":"1,450","InBody评分(分)":"68"},"体脂分析":{"体脂肪量(kg)":"14.3","体脂肪率(%)":"22.0","内脏脂肪等级":"-","肥胖度(%)":"112","去脂体重(kg)":"50.7"},"体成分":{"体水分(L)":"36.8","蛋白质(kg)":"9.8","无机盐(kg)":"3.42","骨骼肌量(kg)":"28.5","骨骼肌指数(kg)":"7.5"},"体重管理":{"目标体重(kg)":"62.0","体重控制(kg)":"-3.0","脂肪控制(kg)":"-5.3","肌肉控制(kg)":"2.3","腰臀比(%)":"0.86"},"节段脂肪":{"左上肢(kg)":"1.8","左下肢(kg)":"3.5","右上肢(kg)":"1.7","右下肢(kg)":"3.4","躯干(kg)":"3.9"},"节段肌肉":{"左上肢(kg)":"2.8","左下肢(kg)":"7.8","右上肢(kg)":"2.9","右下肢(kg)":"8.0","躯干(kg)":"22.1"}}'>查看</a></td></tr>
+            <tr><td>匿名用户</td><td>2026-05-13 14:35</td><td>180</td><td>85.0</td><td>26.2</td><td>1,750</td><td>20.4</td><td>24.0</td><td>44.2</td><td>10.2</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"180","体重(kg)":"85.0","BMI":"26.2","基础代谢":"1,750","InBody评分(分)":"55"},"体脂分析":{"体脂肪量(kg)":"20.4","体脂肪率(%)":"24.0","内脏脂肪等级":"10","肥胖度(%)":"130","去脂体重(kg)":"64.6"},"体成分":{"体水分(L)":"46.5","蛋白质(kg)":"12.4","无机盐(kg)":"4.35","骨骼肌量(kg)":"35.2","骨骼肌指数(kg)":"9.2"},"体重管理":{"目标体重(kg)":"75.0","体重控制(kg)":"-10.0","脂肪控制(kg)":"-13.4","肌肉控制(kg)":"3.4","腰臀比(%)":"0.95"},"节段脂肪":{"左上肢(kg)":"2.5","左下肢(kg)":"4.5","右上肢(kg)":"2.4","右下肢(kg)":"4.6","躯干(kg)":"6.4"},"节段肌肉":{"左上肢(kg)":"3.5","左下肢(kg)":"9.5","右上肢(kg)":"3.6","右下肢(kg)":"9.7","躯干(kg)":"27.8"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 2 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+</main>
+<!-- Dialog弹窗 -->
+<div class="dialog-mask" id="dialogMask">
+  <div class="dialog">
+    <div class="dialog__header">
+      <span class="dialog__title">监测数据详情</span>
+      <button class="dialog__close" onclick="closeDialog()">&times;</button>
+    </div>
+    <div class="dialog__body" id="dialogBody"></div>
+  </div>
+</div>
+
+<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');})();
+function switchTab(idx){
+  document.querySelectorAll('.tab-item').forEach(function(t,i){t.classList.toggle('active',i===idx);});
+  document.querySelectorAll('.tab-content').forEach(function(c,i){c.classList.toggle('active',i===idx);});
+}
+function closeDialog(){document.getElementById('dialogMask').classList.remove('show');}
+(function(){
+  var mask=document.getElementById('dialogMask');
+  var body=document.getElementById('dialogBody');
+  mask.addEventListener('click',function(e){if(e.target===mask)closeDialog();});
+  document.addEventListener('click',function(e){
+    var trigger=e.target.closest('.tip-trigger');
+    if(!trigger)return;
+    e.preventDefault();
+    var row=trigger.closest('tr');
+    var name=row.querySelector('td').textContent;
+    document.querySelector('.dialog__title').textContent='监测数据详情 - '+name;
+    var data=JSON.parse(trigger.getAttribute('data-tip'));
+    var html='';
+    for(var section in data){
+      html+='<div class="dialog-section"><div class="dialog-section__title">'+section+'</div><div class="dialog-grid">';
+      var items=data[section];
+      for(var k in items){
+        html+='<div class="dialog-cell"><span class="dialog-cell__label">'+k+'</span><span class="dialog-cell__val">'+items[k]+'</span></div>';
+      }
+      html+='</div></div>';
+    }
+    body.innerHTML=html;
+    mask.classList.add('show');
+  });
+})();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/fat-monitor.html b/web-admin/health-monitor/weight/fat-monitor.html
new file mode 100644
index 0000000..6955007
--- /dev/null
+++ b/web-admin/health-monitor/weight/fat-monitor.html
@@ -0,0 +1,160 @@
+<!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);
+  }
+  .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);}
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+  .sortable{cursor:pointer;user-select:none;}.sortable:hover{color:var(--primary);}
+  .sortable::after{content:'⇅';margin-left:4px;font-size:10px;opacity:.5;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></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>设备名称</th><th>设备编码</th><th>设备所属单位</th><th>布放位置</th>
+          <th class="sortable">本周使用次数</th><th class="sortable">本月使用次数</th><th class="sortable">本年使用次数</th><th class="sortable">累计使用次数</th><th>操作</th>
+        </tr></thead>
+        <tbody>
+          <tr><td>智能体脂仪A01</td><td>FT-2024-001</td><td>采油一厂</td><td>办公楼1层大厅</td><td>48</td><td>205</td><td>1,230</td><td>3,420</td><td><a class="link" href="fat-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体脂仪A02</td><td>FT-2024-002</td><td>采油一厂</td><td>健身房</td><td>76</td><td>312</td><td>1,890</td><td>4,680</td><td><a class="link" href="fat-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体脂仪B01</td><td>FT-2024-003</td><td>采油二厂</td><td>职工活动中心</td><td>38</td><td>162</td><td>920</td><td>1,985</td><td><a class="link" href="fat-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体脂仪B02</td><td>FT-2024-004</td><td>采油二厂</td><td>办公楼2层</td><td>27</td><td>128</td><td>756</td><td>1,650</td><td><a class="link" href="fat-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体脂仪C01</td><td>FT-2024-005</td><td>采气厂</td><td>综合楼1层</td><td>59</td><td>256</td><td>1,520</td><td>3,780</td><td><a class="link" href="fat-monitor-detail.html">数据明细</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 5 条</span>
+      <button class="page-btn">‹</button>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">›</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/scale-device-add.html b/web-admin/health-monitor/weight/scale-device-add.html
new file mode 100644
index 0000000..3531aad
--- /dev/null
+++ b/web-admin/health-monitor/weight/scale-device-add.html
@@ -0,0 +1,161 @@
+<!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);
+  }
+  .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);}
+  /* 面包屑 */
+  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
+  .breadcrumb span{color:var(--text-placeholder);}
+  /* 表单卡片 */
+  .form-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .form-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
+  .form-card__header h2{font-size:var(--font-lg);font-weight:600;}
+  .form-card__body{padding:32px 24px;}
+  .form-card__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:#FAFAFA;}
+  /* 表单 */
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;max-width:800px;}
+  .form-item{display:flex;flex-direction:column;gap:6px;}
+  .form-item.full{grid-column:1/-1;}
+  .form-item label{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .form-item label .required{color:var(--danger);margin-left:2px;}
+  .form-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;width:100%;}
+  .form-input:focus{border-color:var(--primary);}
+  .form-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;width:100%;}
+  .map-picker{height:200px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;}
+  .map-picker:hover{border-color:var(--primary);}
+  .map-picker__icon{display:flex;flex-direction:column;align-items:center;gap:8px;}
+  .radio-group{display:flex;gap:20px;align-items:center;height:36px;}
+  .radio-group label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;font-weight:400;}
+  .radio-group input[type="radio"]{cursor:pointer;}
+  .btn{height:36px;padding:0 20px;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;text-decoration:none;}
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item active">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 面包屑导航 -->
+  <div class="breadcrumb">
+    <a href="scale-device.html">设备管理</a><span>/</span><span>新增设备</span>
+  </div>
+  <!-- 表单卡片 -->
+  <div class="form-card">
+    <div class="form-card__header"><h2>新增体重秤设备</h2></div>
+    <div class="form-card__body">
+      <div class="form-grid">
+        <div class="form-item"><label>设备名称<span class="required">*</span></label><input class="form-input" placeholder="请输入设备名称"></div>
+        <div class="form-item"><label>设备编码<span class="required">*</span></label><input class="form-input" placeholder="请输入设备编码"></div>
+        <div class="form-item"><label>所属单位<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+        <div class="form-item"><label>设备厂商<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+        <div class="form-item"><label>设备型号<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+        <div class="form-item"><label>入库日期<span class="required">*</span></label><input class="form-input" type="date"></div>
+        <div class="form-item full">
+          <label>布放位置<span class="required">*</span></label>
+          <!-- [交互] 点击地图区域触发地图选点，选点后将经纬度回填并更新详细地址 -->
+          <div class="map-picker"><div class="map-picker__icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C11.03 3 7 7.03 7 12c0 6.75 9 17 9 17s9-10.25 9-17c0-4.97-4.03-9-9-9zm0 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7z" fill="#999"/></svg><span>点击地图选择布放位置</span></div></div>
+        </div>
+        <div class="form-item full"><label>详细地址<span class="required">*</span></label><input class="form-input" placeholder="地图选点后自动填充，可手动修改"></div>
+        <div class="form-item"><label>负责人</label><input class="form-input" placeholder="请输入负责人姓名"></div>
+        <div class="form-item"><label>负责人电话</label><input class="form-input" placeholder="请输入联系电话"></div>
+        <div class="form-item"><label>厂商电话</label><input class="form-input" placeholder="请输入厂商联系电话"></div>
+        <div class="form-item"><label>设备状态</label><div class="radio-group"><label><input type="radio" name="status" checked> 正常</label><label><input type="radio" name="status"> 维护中</label><label><input type="radio" name="status"> 已停用</label></div></div>
+      </div>
+    </div>
+    <div class="form-card__footer">
+      <!-- [交互] 点击取消跳转回: ./scale-device.html -->
+      <a href="scale-device.html" class="btn btn-default">取消</a>
+      <button class="btn btn-primary">保存</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/scale-device.html b/web-admin/health-monitor/weight/scale-device.html
new file mode 100644
index 0000000..4a5de53
--- /dev/null
+++ b/web-admin/health-monitor/weight/scale-device.html
@@ -0,0 +1,174 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-success{background:var(--success);color:#fff;}.btn-success:hover{background:#73d13d;}
+  /* 操作按钮栏 */
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1000px;}
+  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;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link-danger:hover{color:#ff7875;}
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item active">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+    <div class="filter-item"><label>设备厂商</label><select class="filter-select"><option value="">全部</option><option>华为</option><option>小米</option><option>乐心</option></select></div>
+    <div class="filter-item"><label>设备型号</label><select class="filter-select"><option value="">全部</option><option>HW-S100</option><option>MI-Scale2</option><option>LX-Pro</option></select></div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <!-- 操作按钮 -->
+  <div class="action-bar">
+    <!-- [交互] 点击跳转至: ./scale-device-add.html -->
+    <a href="scale-device-add.html" class="btn btn-primary" style="text-decoration:none;">+ 新增设备</a>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-success">批量入库导入</button>
+    <button class="btn btn-default">查看导入任务</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><th>操作</th></tr></thead>
+        <tbody>
+          <tr><td>SC-2024-001</td><td>体重秤A1</td><td>华为</td><td>HW-S100</td><td>采油一厂</td><td>职工活动中心1F</td><td>2024-03-15</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SC-2024-002</td><td>体重秤A2</td><td>小米</td><td>MI-Scale2</td><td>采油一厂</td><td>办公楼2F健身房</td><td>2024-03-18</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SC-2024-003</td><td>体重秤B1</td><td>乐心</td><td>LX-Pro</td><td>采油二厂</td><td>员工食堂入口</td><td>2024-04-02</td><td><span class="tag tag-orange">维护中</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SC-2024-004</td><td>体重秤B2</td><td>华为</td><td>HW-S100</td><td>采油二厂</td><td>宿舍楼大厅</td><td>2024-04-10</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SC-2024-005</td><td>体重秤C1</td><td>小米</td><td>MI-Scale2</td><td>采气厂</td><td>综合办公楼1F</td><td>2024-05-08</td><td><span class="tag tag-red">已停用</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 28 条</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>
+    </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>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/scale-monitor-detail.html b/web-admin/health-monitor/weight/scale-monitor-detail.html
new file mode 100644
index 0000000..99f8dac
--- /dev/null
+++ b/web-admin/health-monitor/weight/scale-monitor-detail.html
@@ -0,0 +1,289 @@
+<!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);
+  }
+  .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-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
+  .page-header__back{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--text-secondary);}
+  .page-header__back:hover{border-color:var(--primary);color:var(--primary);}
+  .page-header__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  /* 设备信息卡 */
+  .device-info{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:40px;flex-wrap:wrap;}
+  .device-info__item{display:flex;flex-direction:column;gap:4px;}
+  .device-info__label{font-size:var(--font-xs);color:var(--text-placeholder);}
+  .device-info__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .device-info__value--highlight{color:var(--primary);font-size:var(--font-base);font-weight:600;}
+  .device-info__stats{display:flex;gap:40px;margin-left:auto;flex-shrink:0;}
+  /* Tab */
+  .tab-bar{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .tab-item{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
+  .tab-item:hover{color:var(--primary);}
+  .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .tab-content{display:none;}.tab-content.active{display:block;}
+  /* 筛选 */
+  .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;}
+  .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;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1400px;}
+  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);border-right:1px solid var(--border);white-space:nowrap;}
+  thead th:last-child{border-right:none;}
+  tbody td{padding:10px 12px;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;text-align:center;}
+  tbody td:last-child{border-right:none;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-xs);text-decoration:none;}.link:hover{color:#40a9ff;}
+  /* Dialog弹窗 */
+  .dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
+  .dialog-mask.show{display:flex;}
+  .dialog{background:#fff;border-radius:var(--radius-lg);width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
+  .dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
+  .dialog__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .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-placeholder);font-size:20px;transition:all .2s;}
+  .dialog__close:hover{background:#f5f5f5;color:var(--text-primary);}
+  .dialog__body{padding:20px 24px;overflow-y:auto;flex:1;}
+  .dialog-section{margin-bottom:20px;}
+  .dialog-section:last-child{margin-bottom:0;}
+  .dialog-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--primary);}
+  .dialog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;}
+  .dialog-cell{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #f0f0f0;margin:-0.5px;}
+  .dialog-cell__label{font-size:var(--font-xs);color:var(--text-secondary);}
+  .dialog-cell__val{font-size:var(--font-xs);color:var(--text-primary);font-weight:500;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 页面头部 -->
+  <div class="page-header">
+    <a class="page-header__back" href="scale-monitor.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>
+    <span class="page-header__title">体重秤数据明细</span>
+  </div>
+  <!-- 设备信息卡 -->
+  <div class="device-info">
+    <div class="device-info__item"><span class="device-info__label">设备名称</span><span class="device-info__value">智能体重秤A01</span></div>
+    <div class="device-info__item"><span class="device-info__label">设备编码</span><span class="device-info__value">SC-2024-001</span></div>
+    <div class="device-info__item"><span class="device-info__label">所属单位</span><span class="device-info__value">采油一厂</span></div>
+    <div class="device-info__item"><span class="device-info__label">布放位置</span><span class="device-info__value">办公楼1层大厅</span></div>
+    <div class="device-info__stats">
+      <div class="device-info__item"><span class="device-info__label">本周使用次数</span><span class="device-info__value device-info__value--highlight">56</span></div>
+      <div class="device-info__item"><span class="device-info__label">本月使用次数</span><span class="device-info__value device-info__value--highlight">238</span></div>
+      <div class="device-info__item"><span class="device-info__label">本年使用次数</span><span class="device-info__value device-info__value--highlight">1,420</span></div>
+      <div class="device-info__item"><span class="device-info__label">累计使用次数</span><span class="device-info__value device-info__value--highlight">3,856</span></div>
+    </div>
+  </div>
+  <!-- Tab 切换 -->
+  <div class="tab-bar">
+    <div class="tab-item active" onclick="switchTab(0)">员工实名</div>
+    <div class="tab-item" onclick="switchTab(1)">员工匿名</div>
+  </div>
+  <!-- 员工实名 -->
+  <div class="tab-content active" id="tab-0">
+    <div class="filter-bar">
+      <div class="filter-item"><label>员工姓名</label><input class="filter-input" placeholder="请输入姓名"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入编号"></div>
+      <div class="filter-item"><label>单位部门</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option></select></div>
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">员工编号</th><th rowspan="2">所属单位</th><th rowspan="2">所属部门</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th rowspan="2">使用时间</th>
+              <th colspan="10">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th><th>体水分量(kg)</th><th>体水分率(%)</th><th>蛋白质量(kg)</th><th>蛋白质率(%)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>张三</td><td>EMP001</td><td>采油一厂</td><td>生产部</td><td>男</td><td>35</td><td>2026-05-13 08:30</td><td>175</td><td>72.5</td><td>23.7</td><td>1,680</td><td>15.2</td><td>21.0</td><td>38.6</td><td>53.2</td><td>8.5</td><td>11.7</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"175","体重(kg)":"72.5","BMI":"23.7","基础代谢":"1,680","体脂肪量(kg)":"15.2","体脂肪率(%)":"21.0"},"水分与蛋白质":{"体水分量(kg)":"38.6","体水分率(%)":"53.2","蛋白质量(kg)":"8.5","蛋白质率(%)":"11.7"},"肌肉与骨骼":{"肌肉率(%)":"-","肌肉量(kg)":"-","体骨骼量/骨量(kg)":"-"},"脂肪分析":{"皮下脂肪率(%)":"-","内脏脂肪等级":"-","去脂体重(kg)":"-"},"其他":{"无机盐量/矿物质量(kg)":"-","细胞内液(kg)":"-","细胞外液(kg)":"-","健康评分":"-"}}'>查看</a></td></tr>
+            <tr><td>李四</td><td>EMP002</td><td>采油一厂</td><td>技术部</td><td>女</td><td>28</td><td>2026-05-13 09:15</td><td>162</td><td>55.0</td><td>21.0</td><td>1,320</td><td>13.8</td><td>25.1</td><td>28.6</td><td>52.0</td><td>6.2</td><td>11.3</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"162","体重(kg)":"55.0","BMI":"21.0","基础代谢":"1,320","体脂肪量(kg)":"13.8","体脂肪率(%)":"25.1"},"水分与蛋白质":{"体水分量(kg)":"28.6","体水分率(%)":"52.0","蛋白质量(kg)":"6.2","蛋白质率(%)":"11.3"},"肌肉与骨骼":{"肌肉率(%)":"-","肌肉量(kg)":"-","体骨骼量/骨量(kg)":"-"},"脂肪分析":{"皮下脂肪率(%)":"-","内脏脂肪等级":"-","去脂体重(kg)":"-"},"其他":{"无机盐量/矿物质量(kg)":"-","细胞内液(kg)":"-","细胞外液(kg)":"-","健康评分":"-"}}'>查看</a></td></tr>
+            <tr><td>王五</td><td>EMP003</td><td>采油一厂</td><td>安全部</td><td>男</td><td>42</td><td>2026-05-13 10:05</td><td>170</td><td>78.0</td><td>27.0</td><td>1,580</td><td>19.5</td><td>25.0</td><td>40.2</td><td>51.5</td><td>9.1</td><td>11.7</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"170","体重(kg)":"78.0","BMI":"27.0","基础代谢":"1,580","体脂肪量(kg)":"19.5","体脂肪率(%)":"25.0"},"水分与蛋白质":{"体水分量(kg)":"40.2","体水分率(%)":"51.5","蛋白质量(kg)":"9.1","蛋白质率(%)":"11.7"},"肌肉与骨骼":{"肌肉率(%)":"-","肌肉量(kg)":"-","体骨骼量/骨量(kg)":"-"},"脂肪分析":{"皮下脂肪率(%)":"-","内脏脂肪等级":"-","去脂体重(kg)":"-"},"其他":{"无机盐量/矿物质量(kg)":"-","细胞内液(kg)":"-","细胞外液(kg)":"-","健康评分":"-"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 3 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+  <!-- 员工匿名 -->
+  <div class="tab-content" id="tab-1">
+    <div class="filter-bar">
+      <div class="filter-item"><label>使用日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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">姓名</th><th rowspan="2">使用时间</th>
+              <th colspan="10">监测数据</th><th rowspan="2">更多信息</th>
+            </tr>
+            <tr><th>身高(cm)</th><th>体重(kg)</th><th>BMI</th><th>基础代谢</th><th>体脂肪量(kg)</th><th>体脂肪率(%)</th><th>体水分量(kg)</th><th>体水分率(%)</th><th>蛋白质量(kg)</th><th>蛋白质率(%)</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>匿名用户</td><td>2026-05-13 11:20</td><td>168</td><td>65.0</td><td>23.0</td><td>1,450</td><td>14.3</td><td>22.0</td><td>34.5</td><td>53.1</td><td>7.8</td><td>12.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"168","体重(kg)":"65.0","BMI":"23.0","基础代谢":"1,450","体脂肪量(kg)":"14.3","体脂肪率(%)":"22.0"},"水分与蛋白质":{"体水分量(kg)":"34.5","体水分率(%)":"53.1","蛋白质量(kg)":"7.8","蛋白质率(%)":"12.0"},"肌肉与骨骼":{"肌肉率(%)":"-","肌肉量(kg)":"-","体骨骼量/骨量(kg)":"-"},"脂肪分析":{"皮下脂肪率(%)":"-","内脏脂肪等级":"-","去脂体重(kg)":"-"},"其他":{"无机盐量/矿物质量(kg)":"-","细胞内液(kg)":"-","细胞外液(kg)":"-","健康评分":"-"}}'>查看</a></td></tr>
+            <tr><td>匿名用户</td><td>2026-05-13 14:35</td><td>180</td><td>85.0</td><td>26.2</td><td>1,750</td><td>20.4</td><td>24.0</td><td>44.2</td><td>52.0</td><td>10.2</td><td>12.0</td><td><a class="link tip-trigger" data-tip='{"基础指标":{"身高(cm)":"180","体重(kg)":"85.0","BMI":"26.2","基础代谢":"1,750","体脂肪量(kg)":"20.4","体脂肪率(%)":"24.0"},"水分与蛋白质":{"体水分量(kg)":"44.2","体水分率(%)":"52.0","蛋白质量(kg)":"10.2","蛋白质率(%)":"12.0"},"肌肉与骨骼":{"肌肉率(%)":"-","肌肉量(kg)":"-","体骨骼量/骨量(kg)":"-"},"脂肪分析":{"皮下脂肪率(%)":"-","内脏脂肪等级":"-","去脂体重(kg)":"-"},"其他":{"无机盐量/矿物质量(kg)":"-","细胞内液(kg)":"-","细胞外液(kg)":"-","健康评分":"-"}}'>查看</a></td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 2 条</span><button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">›</button></div>
+    </div>
+  </div>
+</main>
+<!-- Dialog弹窗 -->
+<div class="dialog-mask" id="dialogMask">
+  <div class="dialog">
+    <div class="dialog__header">
+      <span class="dialog__title">监测数据详情</span>
+      <button class="dialog__close" onclick="closeDialog()">&times;</button>
+    </div>
+    <div class="dialog__body" id="dialogBody"></div>
+  </div>
+</div>
+<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');})();
+function switchTab(idx){
+  document.querySelectorAll('.tab-item').forEach(function(t,i){t.classList.toggle('active',i===idx);});
+  document.querySelectorAll('.tab-content').forEach(function(c,i){c.classList.toggle('active',i===idx);});
+}
+function closeDialog(){document.getElementById('dialogMask').classList.remove('show');}
+(function(){
+  var mask=document.getElementById('dialogMask');
+  var body=document.getElementById('dialogBody');
+  mask.addEventListener('click',function(e){if(e.target===mask)closeDialog();});
+  document.addEventListener('click',function(e){
+    var trigger=e.target.closest('.tip-trigger');
+    if(!trigger)return;
+    e.preventDefault();
+    var row=trigger.closest('tr');
+    var name=row.querySelector('td').textContent;
+    document.querySelector('.dialog__title').textContent='监测数据详情 - '+name;
+    var data=JSON.parse(trigger.getAttribute('data-tip'));
+    var html='';
+    for(var section in data){
+      html+='<div class="dialog-section"><div class="dialog-section__title">'+section+'</div><div class="dialog-grid">';
+      var items=data[section];
+      for(var k in items){
+        html+='<div class="dialog-cell"><span class="dialog-cell__label">'+k+'</span><span class="dialog-cell__val">'+items[k]+'</span></div>';
+      }
+      html+='</div></div>';
+    }
+    body.innerHTML=html;
+    mask.classList.add('show');
+  });
+})();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/scale-monitor.html b/web-admin/health-monitor/weight/scale-monitor.html
new file mode 100644
index 0000000..310d56c
--- /dev/null
+++ b/web-admin/health-monitor/weight/scale-monitor.html
@@ -0,0 +1,160 @@
+<!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);
+  }
+  .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);}
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+  .sortable{cursor:pointer;user-select:none;}.sortable:hover{color:var(--primary);}
+  .sortable::after{content:'⇅';margin-left:4px;font-size:10px;opacity:.5;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></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>设备名称</th><th>设备编码</th><th>设备所属单位</th><th>布放位置</th>
+          <th class="sortable">本周使用次数</th><th class="sortable">本月使用次数</th><th class="sortable">本年使用次数</th><th class="sortable">累计使用次数</th><th>操作</th>
+        </tr></thead>
+        <tbody>
+          <tr><td>智能体重秤A01</td><td>SC-2024-001</td><td>采油一厂</td><td>办公楼1层大厅</td><td>56</td><td>238</td><td>1,420</td><td>3,856</td><td><a class="link" href="scale-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体重秤A02</td><td>SC-2024-002</td><td>采油一厂</td><td>健身房</td><td>89</td><td>356</td><td>2,105</td><td>5,230</td><td><a class="link" href="scale-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体重秤B01</td><td>SC-2024-003</td><td>采油二厂</td><td>职工活动中心</td><td>42</td><td>178</td><td>980</td><td>2,145</td><td><a class="link" href="scale-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体重秤B02</td><td>SC-2024-004</td><td>采油二厂</td><td>办公楼2层</td><td>31</td><td>145</td><td>876</td><td>1,920</td><td><a class="link" href="scale-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能体重秤C01</td><td>SC-2024-005</td><td>采气厂</td><td>综合楼1层</td><td>67</td><td>289</td><td>1,680</td><td>4,102</td><td><a class="link" href="scale-monitor-detail.html">数据明细</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 5 条</span>
+      <button class="page-btn">‹</button>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">›</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/sport-device-add.html b/web-admin/health-monitor/weight/sport-device-add.html
new file mode 100644
index 0000000..853740a
--- /dev/null
+++ b/web-admin/health-monitor/weight/sport-device-add.html
@@ -0,0 +1,162 @@
+<!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);
+  }
+  .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);}
+  /* 面包屑 */
+  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:var(--font-sm);color:var(--text-secondary);}
+  .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
+  .breadcrumb span{color:var(--text-placeholder);}
+  /* 表单卡片 */
+  .form-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+  .form-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
+  .form-card__header h2{font-size:var(--font-lg);font-weight:600;}
+  .form-card__body{padding:32px 24px;}
+  .form-card__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:#FAFAFA;}
+  /* 表单 */
+  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;max-width:800px;}
+  .form-item{display:flex;flex-direction:column;gap:6px;}
+  .form-item.full{grid-column:1/-1;}
+  .form-item label{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .form-item label .required{color:var(--danger);margin-left:2px;}
+  .form-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;width:100%;}
+  .form-input:focus{border-color:var(--primary);}
+  .form-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;width:100%;}
+  .map-picker{height:200px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;}
+  .map-picker:hover{border-color:var(--primary);}
+  .map-picker__icon{display:flex;flex-direction:column;align-items:center;gap:8px;}
+  .radio-group{display:flex;gap:20px;align-items:center;height:36px;}
+  .radio-group label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;font-weight:400;}
+  .radio-group input[type="radio"]{cursor:pointer;}
+  .btn{height:36px;padding:0 20px;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;text-decoration:none;}
+  .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);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item active">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 面包屑导航 -->
+  <div class="breadcrumb">
+    <a href="sport-device.html">设备管理</a><span>/</span><span>新增设备</span>
+  </div>
+  <!-- 表单卡片 -->
+  <div class="form-card">
+    <div class="form-card__header"><h2>新增运动器械设备</h2></div>
+    <div class="form-card__body">
+      <div class="form-grid">
+        <div class="form-item"><label>设备名称<span class="required">*</span></label><input class="form-input" placeholder="请输入设备名称"></div>
+        <div class="form-item"><label>设备编码<span class="required">*</span></label><input class="form-input" placeholder="请输入设备编码"></div>
+        <div class="form-item"><label>所属单位<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+        <div class="form-item"><label>设备厂商<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>舒华</option><option>岱宇</option><option>康乐佳</option></select></div>
+        <div class="form-item"><label>设备型号<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>SH-T5170</option><option>DY-E600</option><option>KLJ-R800</option><option>SH-G6560</option><option>KLJ-F800</option></select></div>
+        <div class="form-item"><label>设备类型<span class="required">*</span></label><select class="form-select"><option value="">请选择</option><option>有氧器械</option><option>力量器械</option></select></div>
+        <div class="form-item"><label>入库日期<span class="required">*</span></label><input class="form-input" type="date"></div>
+        <div class="form-item full">
+          <label>布放位置<span class="required">*</span></label>
+          <!-- [交互] 点击地图区域触发地图选点，选点后将经纬度回填并更新详细地址 -->
+          <div class="map-picker"><div class="map-picker__icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C11.03 3 7 7.03 7 12c0 6.75 9 17 9 17s9-10.25 9-17c0-4.97-4.03-9-9-9zm0 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7z" fill="#999"/></svg><span>点击地图选择布放位置</span></div></div>
+        </div>
+        <div class="form-item full"><label>详细地址<span class="required">*</span></label><input class="form-input" placeholder="地图选点后自动填充，可手动修改"></div>
+        <div class="form-item"><label>负责人</label><input class="form-input" placeholder="请输入负责人姓名"></div>
+        <div class="form-item"><label>负责人电话</label><input class="form-input" placeholder="请输入联系电话"></div>
+        <div class="form-item"><label>厂商电话</label><input class="form-input" placeholder="请输入厂商联系电话"></div>
+        <div class="form-item"><label>设备状态</label><div class="radio-group"><label><input type="radio" name="status" checked> 正常</label><label><input type="radio" name="status"> 维护中</label><label><input type="radio" name="status"> 已停用</label></div></div>
+      </div>
+    </div>
+    <div class="form-card__footer">
+      <!-- [交互] 点击取消跳转回: ./scale-device.html -->
+      <a href="sport-device.html" class="btn btn-default">取消</a>
+      <button class="btn btn-primary">保存</button>
+    </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>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/sport-device.html b/web-admin/health-monitor/weight/sport-device.html
new file mode 100644
index 0000000..6737dde
--- /dev/null
+++ b/web-admin/health-monitor/weight/sport-device.html
@@ -0,0 +1,178 @@
+<!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);
+  }
+  .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);}
+  /* 筛选栏 */
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .btn-success{background:var(--success);color:#fff;}.btn-success:hover{background:#73d13d;}
+  /* 操作按钮栏 */
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1000px;}
+  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);}
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-purple{background:#F9F0FF;color:#722ED1;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+  .link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link-danger:hover{color:#ff7875;}
+  /* 分页 */
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item active">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选条件 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></div>
+    <div class="filter-item"><label>设备厂商</label><select class="filter-select"><option value="">全部</option><option>舒华</option><option>岱宇</option><option>康乐佳</option></select></div>
+    <div class="filter-item"><label>设备型号</label><select class="filter-select"><option value="">全部</option><option>SH-T5170</option><option>DY-E600</option><option>KLJ-R800</option></select></div>
+    <button class="btn btn-primary">查询</button>
+    <button class="btn btn-default">重置</button>
+  </div>
+  <!-- 操作按钮 -->
+  <div class="action-bar">
+    <!-- [交互] 点击跳转至: ./sport-device-add.html -->
+    <a href="sport-device-add.html" class="btn btn-primary" style="text-decoration:none;">+ 新增设备</a>
+    <button class="btn btn-default">导出列表数据</button>
+    <button class="btn btn-default">查看导出任务</button>
+    <button class="btn btn-success">批量入库导入</button>
+    <button class="btn btn-default">查看导入任务</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><th>设备状态</th><th>操作</th></tr></thead>
+        <tbody>
+          <tr><td>SP-2024-001</td><td>跑步机T1</td><td><span class="tag tag-blue">有氧器械</span></td><td>舒华</td><td>SH-T5170</td><td>采油一厂</td><td>职工活动中心1F</td><td>2024-03-15</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SP-2024-002</td><td>椭圆机E1</td><td><span class="tag tag-blue">有氧器械</span></td><td>岱宇</td><td>DY-E600</td><td>采油一厂</td><td>办公楼2F健身房</td><td>2024-03-18</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SP-2024-003</td><td>划船机R1</td><td><span class="tag tag-blue">有氧器械</span></td><td>康乐佳</td><td>KLJ-R800</td><td>采油二厂</td><td>员工食堂入口</td><td>2024-04-02</td><td><span class="tag tag-orange">维护中</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SP-2024-004</td><td>史密斯架S1</td><td><span class="tag tag-purple">力量器械</span></td><td>舒华</td><td>SH-G6560</td><td>采油二厂</td><td>宿舍楼大厅</td><td>2024-04-10</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+          <tr><td>SP-2024-005</td><td>龙门架L1</td><td><span class="tag tag-purple">力量器械</span></td><td>康乐佳</td><td>KLJ-F800</td><td>采气厂</td><td>综合办公楼1F</td><td>2024-05-08</td><td><span class="tag tag-red">已停用</span></td><td><a class="link">详情</a> <a class="link">编辑</a> <a class="link-danger">删除</a></td></tr>
+  .tag-blue{background:var(--primary-light);color:var(--primary);}
+  .tag-purple{background:#F9F0FF;color:#722ED1;}
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 28 条</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>
+    </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>
+</body>
+</html>
diff --git a/web-admin/health-monitor/weight/sport-monitor-detail.html b/web-admin/health-monitor/weight/sport-monitor-detail.html
new file mode 100644
index 0000000..5a23f05
--- /dev/null
+++ b/web-admin/health-monitor/weight/sport-monitor-detail.html
@@ -0,0 +1,227 @@
+<!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);
+  }
+  .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-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
+  .page-header__back{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--text-secondary);}
+  .page-header__back:hover{border-color:var(--primary);color:var(--primary);}
+  .page-header__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
+  .device-info{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:40px;flex-wrap:wrap;}
+  .device-info__item{display:flex;flex-direction:column;gap:4px;}
+  .device-info__label{font-size:var(--font-xs);color:var(--text-placeholder);}
+  .device-info__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
+  .device-info__value--highlight{color:var(--primary);font-size:var(--font-base);font-weight:600;}
+  .device-info__stats{display:flex;gap:40px;margin-left:auto;flex-shrink:0;}
+  .tab-bar{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
+  .tab-item{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
+  .tab-item:hover{color:var(--primary);}
+  .tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
+  .tab-content{display:none;}.tab-content.active{display:block;}
+  .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;}
+  .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;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  thead th{background:#FAFAFA;padding:12px 14px;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:12px 14px;font-size:var(--font-xs);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;text-align:center;}
+  tbody tr:last-child td{border-bottom:none;}
+  tbody tr:hover{background:#F8FBFF;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-xs);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>
+  <nav 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" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 &#9662;</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 页面头部 -->
+  <div class="page-header">
+    <a class="page-header__back" href="sport-monitor.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>
+    <span class="page-header__title">运动器械数据明细</span>
+  </div>
+  <!-- 设备信息卡 -->
+  <div class="device-info">
+    <div class="device-info__item"><span class="device-info__label">设备名称</span><span class="device-info__value">智能跑步机A01</span></div>
+    <div class="device-info__item"><span class="device-info__label">设备编码</span><span class="device-info__value">SP-2024-001</span></div>
+    <div class="device-info__item"><span class="device-info__label">所属单位</span><span class="device-info__value">采油一厂</span></div>
+    <div class="device-info__item"><span class="device-info__label">布放位置</span><span class="device-info__value">健身房</span></div>
+    <div class="device-info__stats">
+      <div class="device-info__item"><span class="device-info__label">本周使用次数</span><span class="device-info__value device-info__value--highlight">120</span></div>
+      <div class="device-info__item"><span class="device-info__label">本月使用次数</span><span class="device-info__value device-info__value--highlight">485</span></div>
+      <div class="device-info__item"><span class="device-info__label">本年使用次数</span><span class="device-info__value device-info__value--highlight">2,860</span></div>
+      <div class="device-info__item"><span class="device-info__label">累计使用次数</span><span class="device-info__value device-info__value--highlight">6,320</span></div>
+    </div>
+  </div>
+  <!-- Tab 切换 -->
+  <div class="tab-bar">
+    <div class="tab-item active" onclick="switchTab(0)">员工实名</div>
+    <div class="tab-item" onclick="switchTab(1)">员工匿名</div>
+  </div>
+  <!-- 员工实名 -->
+  <div class="tab-content active" id="tab-0">
+    <div class="filter-bar">
+      <div class="filter-item"><label>员工姓名</label><input class="filter-input" placeholder="请输入姓名"></div>
+      <div class="filter-item"><label>员工编号</label><input class="filter-input" placeholder="请输入编号"></div>
+      <div class="filter-item"><label>单位部门</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option></select></div>
+      <div class="filter-item"><label>运动日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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>姓名</th><th>员工编号</th><th>所属单位</th><th>所属部门</th><th>性别</th><th>年龄</th><th>身高(cm)</th><th>体重(kg)</th><th>运动时间</th><th>运动时长(分钟)</th><th>运动消耗(千卡)</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>张三</td><td>EMP001</td><td>采油一厂</td><td>生产部</td><td>男</td><td>35</td><td>175</td><td>72.5</td><td>2026-05-13 07:30</td><td>45</td><td>380</td></tr>
+            <tr><td>李四</td><td>EMP002</td><td>采油一厂</td><td>技术部</td><td>女</td><td>28</td><td>162</td><td>55.0</td><td>2026-05-13 08:15</td><td>30</td><td>245</td></tr>
+            <tr><td>王五</td><td>EMP003</td><td>采油一厂</td><td>安全部</td><td>男</td><td>42</td><td>170</td><td>78.0</td><td>2026-05-13 12:00</td><td>60</td><td>520</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 3 条</span><button class="page-btn">&#8249;</button><button class="page-btn active">1</button><button class="page-btn">&#8250;</button></div>
+    </div>
+  </div>
+  <!-- 员工匿名 -->
+  <div class="tab-content" id="tab-1">
+    <div class="filter-bar">
+      <div class="filter-item"><label>运动日期</label><input class="filter-input" type="date" style="min-width:130px;"> ~ <input class="filter-input" type="date" style="min-width:130px;"></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>姓名</th><th>使用时间</th><th>身高(cm)</th><th>体重(kg)</th><th>运动时间</th><th>运动时长(分钟)</th><th>运动消耗(千卡)</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td>匿名用户</td><td>2026-05-13 11:20</td><td>168</td><td>65.0</td><td>2026-05-13 11:20</td><td>35</td><td>290</td></tr>
+            <tr><td>匿名用户</td><td>2026-05-13 14:35</td><td>180</td><td>85.0</td><td>2026-05-13 14:35</td><td>50</td><td>450</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="pagination"><span>共 2 条</span><button class="page-btn">&#8249;</button><button class="page-btn active">1</button><button class="page-btn">&#8250;</button></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');})();
+function switchTab(idx){
+  document.querySelectorAll('.tab-item').forEach(function(t,i){t.classList.toggle('active',i===idx);});
+  document.querySelectorAll('.tab-content').forEach(function(c,i){c.classList.toggle('active',i===idx);});
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web-admin/health-monitor/weight/sport-monitor.html b/web-admin/health-monitor/weight/sport-monitor.html
new file mode 100644
index 0000000..74d73fd
--- /dev/null
+++ b/web-admin/health-monitor/weight/sport-monitor.html
@@ -0,0 +1,160 @@
+<!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);
+  }
+  .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);}
+  .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:160px;}
+  .filter-input:focus{border-color:var(--primary);}
+  .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:140px;}
+  .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
+  .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
+  .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
+  .action-bar{display:flex;align-items:center;gap:12px;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;-webkit-overflow-scrolling:touch;}
+  table{width:100%;border-collapse:collapse;min-width:1100px;}
+  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;}
+  .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
+  .sortable{cursor:pointer;user-select:none;}.sortable:hover{color:var(--primary);}
+  .sortable::after{content:'&#8645;';margin-left:4px;font-size:10px;opacity:.5;}
+  .pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+  .pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+  .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+  .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+</style>
+</head>
+<body>
+<div class="top-bar">
+  <div class="top-bar__logo"><svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg> 健康监测</div>
+  <nav class="top-bar__nav">
+    <a href="../archive-personal.html">档案</a>
+    <a href="../health-checkup/survey-category.html">健康排查</a>
+    <a href="../wearable/tool-manage.html">穿戴监测</a>
+    <a href="../weight/scale-device.html" class="active">体重监测</a>
+    <a href="../environment/indoor-device-list.html">环境监测</a>
+    <a href="../exception-dirty.html">异常事件</a>
+  </nav>
+  <div class="top-bar__right">
+    <a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
+    <div class="avatar">管</div>
+    <span style="color:rgba(255,255,255,0.65);">系统管理员 &#9662;</span>
+  </div>
+</div>
+<aside class="sidebar">
+  <div class="sidebar-menu__title">体重监测</div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体重秤</div>
+    <div class="sidebar-subgroup__body">
+      <a href="scale-device.html" class="sidebar-item">设备管理</a>
+      <a href="scale-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 蓝牙称</div>
+    <div class="sidebar-subgroup__body">
+      <a href="bluetooth-device.html" class="sidebar-item">设备管理</a>
+      <a href="bluetooth-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 体脂仪</div>
+    <div class="sidebar-subgroup__body">
+      <a href="fat-device.html" class="sidebar-item">设备管理</a>
+      <a href="fat-monitor.html" class="sidebar-item">设备监测</a>
+    </div>
+  </div>
+  <div class="sidebar-subgroup open">
+    <div class="sidebar-subgroup__header" onclick="toggleSubgroup(this)"><svg class="arrow" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" fill="none" stroke-width="1.5" stroke-linecap="round"/></svg> 运动器械</div>
+    <div class="sidebar-subgroup__body">
+      <a href="sport-device.html" class="sidebar-item">设备管理</a>
+      <a href="sport-monitor.html" class="sidebar-item active">设备监测</a>
+    </div>
+  </div>
+  <a href="employee-data.html" class="sidebar-item">员工监测数据</a>
+  <a href="dept-stat.html" class="sidebar-item">单位数据统计</a>
+  <a href="employee-stat.html" class="sidebar-item">员工数据统计</a>
+</aside>
+<main class="main">
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-item"><label>设备编码</label><input class="filter-input" placeholder="请输入设备编码"></div>
+    <div class="filter-item"><label>所属单位</label><select class="filter-select"><option value="">全部</option><option>采油一厂</option><option>采油二厂</option><option>采气厂</option></select></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>设备名称</th><th>设备编码</th><th>设备所属单位</th><th>布放位置</th>
+          <th class="sortable">本周使用次数</th><th class="sortable">本月使用次数</th><th class="sortable">本年使用次数</th><th class="sortable">累计使用次数</th><th>操作</th>
+        </tr></thead>
+        <tbody>
+          <tr><td>智能跑步机A01</td><td>SP-2024-001</td><td>采油一厂</td><td>健身房</td><td>120</td><td>485</td><td>2,860</td><td>6,320</td><td><a class="link" href="sport-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能跑步机A02</td><td>SP-2024-002</td><td>采油一厂</td><td>职工活动中心</td><td>98</td><td>412</td><td>2,350</td><td>5,180</td><td><a class="link" href="sport-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能椭圆机B01</td><td>SP-2024-003</td><td>采油二厂</td><td>健身房</td><td>65</td><td>278</td><td>1,560</td><td>3,420</td><td><a class="link" href="sport-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能动感单车B02</td><td>SP-2024-004</td><td>采油二厂</td><td>职工活动中心</td><td>78</td><td>320</td><td>1,890</td><td>4,150</td><td><a class="link" href="sport-monitor-detail.html">数据明细</a></td></tr>
+          <tr><td>智能划船机C01</td><td>SP-2024-005</td><td>采气厂</td><td>综合楼健身房</td><td>45</td><td>198</td><td>1,120</td><td>2,560</td><td><a class="link" href="sport-monitor-detail.html">数据明细</a></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="pagination">
+      <span>共 5 条</span>
+      <button class="page-btn">&#8249;</button>
+      <button class="page-btn active">1</button>
+      <button class="page-btn">&#8250;</button>
+    </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>
+</body>
+</html>
\ No newline at end of file