fix(frontend): 为 table 添加 thead/tbody 消除 Vite 构建警告

HTML 规范要求 <tr> 必须是 <thead>/<tbody>/<tfoot> 的直接子元素,
不能直接作为 <table> 的子节点。Vite/Vue 会报告 warning 并可能导致
hydration 错误。

修复以下文件中的表格结构:
- StatusBoard.vue: 2 个表格添加 <thead> + <tbody>
- Index.vue: 1 个表格添加 <tbody>
- Monitor.vue: 2 个表格添加 <tbody>
- TaskCenter.vue: 1 个表格添加 <tbody>
This commit is contained in:
2026-07-14 16:07:09 +08:00
parent 9ddaa0bf6f
commit f3d8a1335c
4 changed files with 132 additions and 116 deletions
+36 -32
View File
@@ -15,22 +15,24 @@
</div>
<div class="panel-body">
<table>
<tr class="tr-hover">
<td>七机房采集节点数</td>
<td class="mono strong">128</td>
</tr>
<tr class="tr-hover">
<td>活跃时序数量</td>
<td class="mono strong">42.6M</td>
</tr>
<tr class="tr-hover">
<td>Prometheus 接口接入</td>
<td class="status-text ok">● 正常</td>
</tr>
<tr class="tr-hover">
<td>Grafana 仪表盘数</td>
<td class="mono strong">37</td>
</tr>
<tbody>
<tr class="tr-hover">
<td>七机房采集节点数</td>
<td class="mono strong">128</td>
</tr>
<tr class="tr-hover">
<td>活跃时序数量</td>
<td class="mono strong">42.6M</td>
</tr>
<tr class="tr-hover">
<td>Prometheus 接口接入</td>
<td class="status-text ok">● 正常</td>
</tr>
<tr class="tr-hover">
<td>Grafana 仪表盘数</td>
<td class="mono strong">37</td>
</tr>
</tbody>
</table>
</div>
</div>
@@ -42,22 +44,24 @@
</div>
<div class="panel-body">
<table>
<tr class="tr-hover">
<td>物理机监控覆盖</td>
<td class="mono strong">186 / 186</td>
</tr>
<tr class="tr-hover">
<td>当前告警</td>
<td class="status-text warn">● 2 条(风扇转速异常)</td>
</tr>
<tr class="tr-hover">
<td>网络设备健康</td>
<td class="status-text ok">● 正常</td>
</tr>
<tr class="tr-hover">
<td>存储健康度</td>
<td class="status-text ok">● 正常</td>
</tr>
<tbody>
<tr class="tr-hover">
<td>物理机监控覆盖</td>
<td class="mono strong">186 / 186</td>
</tr>
<tr class="tr-hover">
<td>当前告警</td>
<td class="status-text warn">● 2 条(风扇转速异常)</td>
</tr>
<tr class="tr-hover">
<td>网络设备健康</td>
<td class="status-text ok">● 正常</td>
</tr>
<tr class="tr-hover">
<td>存储健康度</td>
<td class="status-text ok">● 正常</td>
</tr>
</tbody>
</table>
</div>
</div>