fix: render patch panel wiring as long table

This commit is contained in:
Code Queue Review
2026-05-23 08:48:46 +00:00
parent 7f22016c90
commit c18c141c23
10 changed files with 334 additions and 71 deletions
+23 -22
View File
@@ -142,8 +142,8 @@
<h2>DEV 健康契约</h2>
<span class="state-tag tone-source">来源 SOURCE fixture</span>
</div>
<div class="table-wrap">
<table>
<div class="table-wrap wide-table-wrap">
<table class="wide-table">
<thead>
<tr>
<th>组件</th>
@@ -299,34 +299,35 @@
<h2>接线:hwlab-patch-panel</h2>
<span class="state-tag tone-source">来源拓扑接线</span>
</div>
<div class="table-wrap wiring-table-wrap">
<table class="wiring-table">
<div class="table-wrap wiring-table-wrap" data-wiring-layout="two-column-long-table">
<table class="wiring-table wiring-long-table" aria-describedby="wiring-summary">
<thead>
<tr>
<th>源设备</th>
<th>源端口</th>
<th>接线盘</th>
<th>目标设备</th>
<th>目标端口</th>
<th>状态</th>
<th>证据来源</th>
<th>轨迹/证据</th>
<tr data-wiring-row="devices">
<th scope="col">
<span class="mono wrap" id="wiring-source-device">res_boxsimu_1</span>
<small>互连设备 A</small>
</th>
<th scope="col">
<span class="mono wrap" id="wiring-target-device">res_boxsimu_2</span>
<small>互连设备 B</small>
</th>
</tr>
</thead>
<tbody id="wiring-body">
<tr data-source-kind="SOURCE">
<td class="mono wrap">res_boxsimu_1</td>
<td class="mono">DO1</td>
<td class="mono wrap">hwlab-patch-panel</td>
<td class="mono wrap">res_boxsimu_2</td>
<td class="mono">DI1</td>
<td><span class="state-tag tone-blocked">待可信记录</span></td>
<td class="wrap">来源拓扑</td>
<td class="mono wrap">等待可信记录</td>
<tr data-source-kind="SOURCE" data-wiring-row="io">
<td>
<span class="wiring-port mono">DO1</span>
<small class="wiring-detail">源端口;经 hwlab-patch-panel;状态:待可信记录</small>
</td>
<td>
<span class="wiring-port mono">DI1</span>
<small class="wiring-detail">目标端口;证据来源:来源拓扑;轨迹/证据:等待可信记录</small>
</td>
</tr>
</tbody>
</table>
</div>
<p class="wiring-summary" id="wiring-summary">接线盘:hwlab-patch-panel;状态:待可信记录;证据来源:来源拓扑;轨迹/证据:等待可信记录。</p>
</section>
<section class="side-panel" id="panel-records" role="tabpanel" aria-labelledby="tab-records" data-side-panel="records" hidden>