chore: 提交调试文档与模拟器改动

This commit is contained in:
2026-04-01 13:12:39 +08:00
parent 3ef841ecc7
commit 175a16001e
14 changed files with 1695 additions and 315 deletions

View File

@@ -14,10 +14,16 @@
<div class="wb-topbar__eyebrow">MOCK GPS SIM</div>
<h1>模拟器工作台</h1>
<div class="wb-topbar__links">
<a href="/v1/">打开旧版面板</a>
<div id="socketStatus" class="badge badge--muted">未连接</div>
</div>
</div>
<div class="wb-topbar__status">
<div class="wb-topbar__global">
<label class="field wb-topbar__field">
<span>模拟通道号</span>
<input id="simChannelIdInput" type="text" placeholder="default / runner-a">
</label>
</div>
<div class="wb-connection-bar">
<div class="wb-connection-pill">
<span class="wb-connection-pill__label">定位模拟</span>
@@ -36,29 +42,11 @@
<strong id="topGatewayStatus" class="wb-connection-pill__value">未启用</strong>
</div>
</div>
<div id="socketStatus" class="badge badge--muted">未连接</div>
</div>
</header>
<div class="wb-layout">
<aside class="wb-sidebar">
<section class="wb-card">
<div class="wb-card__title">运行摘要</div>
<div class="stat"><span>资源状态</span><strong id="summaryResourceText">未载入</strong></div>
<div class="stat"><span>定位发送</span><strong id="summaryGpsSendText">待命</strong></div>
<div class="stat"><span>心率发送</span><strong id="summaryHrSendText">待命</strong></div>
<div class="stat"><span>路径状态</span><strong id="summaryPathText">待命</strong></div>
<div class="stat"><span>网关桥接</span><strong id="summaryGatewayText">未启用</strong></div>
</section>
<section class="wb-card">
<div class="wb-card__title">当前位置</div>
<div class="stat"><span>纬度</span><strong id="latText">--</strong></div>
<div class="stat"><span>经度</span><strong id="lonText">--</strong></div>
<div class="stat"><span>航向</span><strong id="headingText">--</strong></div>
<div class="stat"><span>路径点</span><strong id="pathCountText">0</strong></div>
</section>
<details class="wb-section" open>
<summary>资源加载</summary>
<div class="wb-section__body">
@@ -254,15 +242,15 @@
<main class="wb-stage">
<div id="map"></div>
<section id="floatingDebugLogPanel" class="floating-debug-log">
<div class="floating-debug-log__header">
<div class="floating-debug-log__title-wrap">
<div class="floating-debug-log__title">调试日志</div>
<div id="debugLogMeta" class="floating-debug-log__meta">全部 · 0 条</div>
</div>
<div class="floating-debug-log__actions">
<label class="floating-debug-log__filter">
<span>范围</span>
<section id="floatingDebugLogPanel" class="floating-debug-log">
<div class="floating-debug-log__header">
<div class="floating-debug-log__title-wrap">
<div class="floating-debug-log__title">调试日志</div>
<div id="debugLogMeta" class="floating-debug-log__meta">全部 · 0 条</div>
</div>
<div class="floating-debug-log__actions">
<label class="floating-debug-log__filter">
<span>范围</span>
<select id="debugLogScopeFilter">
<option value="all">全部</option>
</select>
@@ -274,13 +262,31 @@
<div id="debugLog" class="log log--debug log--floating"></div>
</section>
</main>
<aside class="wb-rail">
<section class="wb-card">
<div class="wb-card__title">运行摘要</div>
<div class="stat"><span>资源状态</span><strong id="summaryResourceText">未载入</strong></div>
<div class="stat"><span>定位发送</span><strong id="summaryGpsSendText">待命</strong></div>
<div class="stat"><span>心率发送</span><strong id="summaryHrSendText">待命</strong></div>
<div class="stat"><span>路径状态</span><strong id="summaryPathText">待命</strong></div>
<div class="stat"><span>网关桥接</span><strong id="summaryGatewayText">未启用</strong></div>
</section>
<section class="wb-card">
<div class="wb-card__title">当前位置</div>
<div class="stat"><span>纬度</span><strong id="latText">--</strong></div>
<div class="stat"><span>经度</span><strong id="lonText">--</strong></div>
<div class="stat"><span>航向</span><strong id="headingText">--</strong></div>
<div class="stat"><span>路径点</span><strong id="pathCountText">0</strong></div>
</section>
<section class="wb-card">
<div class="wb-card__title">最近事件</div>
<div id="log" class="log"></div>
</section>
</aside>
</div>
<section class="wb-bottom-strip">
<section class="wb-card wb-card--bottom">
<div class="wb-card__title">最近事件</div>
<div id="log" class="log"></div>
</section>
</section>
</div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>