update: 重新设计穿戴监测详情页 — 调整tab结构与列表数据对应

- 将tab从「已绑定/未绑定设备」改为「入库设备/分配设备/异常次数/异常人数」
- 与archive-unit.html列表的四个数据列完全对应
- 入库设备：显示设备编码、名称、类型、厂商、入库时间
- 分配设备：显示员工信息、设备编码、类型、分配日期
- 异常次数：显示设备异常统计信息
- 异常人数：显示员工异常类型和最后异常时间
- 更新CHANGELOG.md文档

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

web-admin/health-monitor/archive-unit-wearable-detail.html

@@ -122,16 +122,18 @@ tbody tr:hover{background:#F8FBFF;}
 
   <!-- [交互] Tab 切换 -->
   <div class="tab-bar">
-    <div class="tab-item active" onclick="switchTab('bound',this)">已绑定设备</div>
-    <div class="tab-item" onclick="switchTab('unbound',this)">未绑定设备</div>
+    <div class="tab-item active" onclick="switchTab('inbound',this)">入库设备</div>
+    <div class="tab-item" onclick="switchTab('allocated',this)">分配设备</div>
+    <div class="tab-item" onclick="switchTab('exception-times',this)">异常次数</div>
+    <div class="tab-item" onclick="switchTab('exception-people',this)">异常人数</div>
   </div>
 
-  <!-- 已绑定设备面板 -->
-  <div class="tab-panel active" id="panel-bound">
+  <!-- 入库设备面板 -->
+  <div class="tab-panel active" id="panel-inbound">
     <div class="filter-bar">
       <div class="filter-item">
-        <label>员工姓名</label>
-        <input class="filter-input" type="text" placeholder="请输入员工姓名">
+        <label>设备编码</label>
+        <input class="filter-input" type="text" placeholder="请输入设备编码">
       </div>
       <button class="btn btn-primary">查询</button>
       <button class="btn btn-default">重置</button>
@@ -141,7 +143,7 @@ tbody tr:hover{background:#F8FBFF;}
     </div>
     <div class="table-card">
       <div class="table-card__header">
-        <span class="table-card__title">已绑定设备员工列表</span>
+        <span class="table-card__title">入库设备列表</span>
         <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 68 条</span>
       </div>
       <div class="table-card__content">
@@ -149,41 +151,37 @@ tbody tr:hover{background:#F8FBFF;}
         <thead>
           <tr>
             <th>序号</th>
-            <th>员工姓名</th>
-            <th>员工编号</th>
-            <th>部门名称</th>
+            <th>设备编码</th>
+            <th>设备名称</th>
             <th>设备类型</th>
-            <th>绑定日期</th>
-            <th>最后同步时间</th>
+            <th>厂商</th>
+            <th>入库时间</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td>1</td>
-            <td>张伟</td>
-            <td>EMP001</td>
-            <td>研发部</td>
+            <td>DEV001</td>
+            <td>智能手环-001</td>
             <td>智能手环</td>
+            <td>华为</td>
             <td>2026-05-01</td>
-            <td>2026-05-13 08:30</td>
           </tr>
           <tr>
             <td>2</td>
-            <td>李娜</td>
-            <td>EMP002</td>
-            <td>市场部</td>
+            <td>DEV002</td>
+            <td>智能手表-001</td>
             <td>智能手表</td>
-            <td>2026-05-05</td>
-            <td>2026-05-13 08:15</td>
+            <td>苹果</td>
+            <td>2026-05-02</td>
           </tr>
           <tr>
             <td>3</td>
-            <td>王强</td>
-            <td>EMP003</td>
-            <td>运营部</td>
+            <td>DEV003</td>
+            <td>智能手环-002</td>
             <td>智能手环</td>
-            <td>2026-04-28</td>
-            <td>2026-05-13 07:45</td>
+            <td>华为</td>
+            <td>2026-05-03</td>
           </tr>
         </tbody>
       </table>
@@ -198,8 +196,8 @@ tbody tr:hover{background:#F8FBFF;}
     </div>
   </div>
 
-  <!-- 未绑定设备面板 -->
-  <div class="tab-panel" id="panel-unbound">
+  <!-- 分配设备面板 -->
+  <div class="tab-panel" id="panel-allocated">
     <div class="filter-bar">
       <div class="filter-item">
         <label>员工姓名</label>
@@ -213,8 +211,8 @@ tbody tr:hover{background:#F8FBFF;}
     </div>
     <div class="table-card">
       <div class="table-card__header">
-        <span class="table-card__title">未绑定设备员工列表</span>
-        <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 22 条</span>
+        <span class="table-card__title">分配设备列表</span>
+        <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 62 条</span>
       </div>
       <div class="table-card__content">
       <table>
@@ -224,7 +222,147 @@ tbody tr:hover{background:#F8FBFF;}
             <th>员工姓名</th>
             <th>员工编号</th>
             <th>部门名称</th>
-            <th>原因</th>
+            <th>设备编码</th>
+            <th>设备类型</th>
+            <th>分配日期</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>张伟</td>
+            <td>EMP001</td>
+            <td>研发部</td>
+            <td>DEV001</td>
+            <td>智能手环</td>
+            <td>2026-05-05</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>李娜</td>
+            <td>EMP002</td>
+            <td>市场部</td>
+            <td>DEV002</td>
+            <td>智能手表</td>
+            <td>2026-05-06</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>王强</td>
+            <td>EMP003</td>
+            <td>运营部</td>
+            <td>DEV003</td>
+            <td>智能手环</td>
+            <td>2026-05-07</td>
+          </tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>显示 3 条，共 62 条</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>
+
+  <!-- 异常次数面板 -->
+  <div class="tab-panel" id="panel-exception-times">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>设备编码</label>
+        <input class="filter-input" type="text" placeholder="请输入设备编码">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-default">导出列表数据</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">异常设备列表</span>
+        <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 6 条</span>
+      </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>1</td>
+            <td>DEV010</td>
+            <td>智能手环-010</td>
+            <td>智能手环</td>
+            <td>3</td>
+            <td>2026-05-12 14:30</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>DEV015</td>
+            <td>智能手表-005</td>
+            <td>智能手表</td>
+            <td>2</td>
+            <td>2026-05-11 10:15</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>DEV020</td>
+            <td>智能手环-020</td>
+            <td>智能手环</td>
+            <td>1</td>
+            <td>2026-05-10 09:45</td>
+          </tr>
+        </tbody>
+      </table>
+      </div>
+      <div class="pagination">
+        <span>显示 3 条，共 6 条</span>
+        <button class="page-btn">‹</button>
+        <button class="page-btn active">1</button>
+        <button class="page-btn">›</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- 异常人数面板 -->
+  <div class="tab-panel" id="panel-exception-people">
+    <div class="filter-bar">
+      <div class="filter-item">
+        <label>员工姓名</label>
+        <input class="filter-input" type="text" placeholder="请输入员工姓名">
+      </div>
+      <button class="btn btn-primary">查询</button>
+      <button class="btn btn-default">重置</button>
+    </div>
+    <div style="display:flex;gap:12px;margin-bottom:16px;">
+      <button class="btn btn-default">导出列表数据</button>
+    </div>
+    <div class="table-card">
+      <div class="table-card__header">
+        <span class="table-card__title">异常员工列表</span>
+        <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 4 条</span>
+      </div>
+      <div class="table-card__content">
+      <table>
+        <thead>
+          <tr>
+            <th>序号</th>
+            <th>员工姓名</th>
+            <th>员工编号</th>
+            <th>部门名称</th>
+            <th>异常类型</th>
+            <th>最后异常时间</th>
           </tr>
         </thead>
         <tbody>
@@ -233,23 +371,32 @@ tbody tr:hover{background:#F8FBFF;}
             <td>马超</td>
             <td>EMP004</td>
             <td>研发部</td>
-            <td>未领取</td>
+            <td>心率异常</td>
+            <td>2026-05-12 15:20</td>
           </tr>
           <tr>
             <td>2</td>
             <td>赵敏</td>
             <td>EMP005</td>
             <td>财务部</td>
-            <td>设备故障</td>
+            <td>血氧异常</td>
+            <td>2026-05-11 11:30</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>刘洋</td>
+            <td>EMP006</td>
+            <td>采购部</td>
+            <td>体温异常</td>
+            <td>2026-05-10 10:00</td>
           </tr>
         </tbody>
       </table>
       </div>
       <div class="pagination">
-        <span>显示 2 条，共 22 条</span>
+        <span>显示 3 条，共 4 条</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>
@@ -277,7 +424,7 @@ var displayName = unit + (dept ? ' - ' + dept : '');
 
 document.getElementById('unitDept').textContent = displayName;
 document.getElementById('detailTitle').textContent = displayName + ' — 穿戴监测 详情';
-document.getElementById('detailMeta').textContent = '2026年 · 总人数 90';
+document.getElementById('detailMeta').textContent = '2026年 · 总设备数 90';
 </script>
 </body>
 </html>

web-admin/health-monitor/doc/CHANGELOG.md

@@ -10,9 +10,11 @@
   - 动态面包屑和标题（通过URL参数 unit 和 dept）
 
 - **`archive-unit-wearable-detail.html`** 穿戴监测详情
-  - Tab切换：已绑定/未绑定设备
-  - 已绑定：员工信息及设备类型/绑定日期/最后同步时间
-  - 未绑定：员工信息及未绑定原因
+  - Tab切换：入库设备/分配设备/异常次数/异常人数
+  - 入库设备：设备编码/名称/类型/厂商/入库时间
+  - 分配设备：员工姓名/编号/部门/设备编码/类型/分配日期
+  - 异常次数：设备编码/名称/类型/异常次数/最后异常时间
+  - 异常人数：员工姓名/编号/部门/异常类型/最后异常时间
 
 - **`archive-unit-weight-detail.html`** 体重监测详情
   - Tab切换：正常BMI/异常BMI员工