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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user