48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>EM 轨迹规划观察台</title>
|
|
<link rel="stylesheet" href="/app.css?token=__SESSION_TOKEN__">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div><p class="eyebrow">Trajectory Planning Observation</p><h1>EM 轨迹规划观察台</h1></div>
|
|
<div id="live-state" aria-live="polite">等待数据</div>
|
|
</header>
|
|
<nav aria-label="图表页签">
|
|
<button type="button" data-tab="overview" aria-selected="true">路径总览</button>
|
|
<button type="button" data-tab="ls-st" aria-selected="false">LS / ST</button>
|
|
<button type="button" data-tab="kinematics" aria-selected="false">曲率与运动学</button>
|
|
<button type="button" data-tab="history-config" aria-selected="false">周期历史与生效配置</button>
|
|
</nav>
|
|
<main>
|
|
<section id="overview" aria-label="路径总览">
|
|
<div id="overview-summary" class="summary-grid"></div>
|
|
<div class="world-stack">
|
|
<canvas id="occupancy-grid" aria-label="占用栅格底图"></canvas>
|
|
<svg id="world-overlay" role="img" aria-label="全局路径与当前规划段"></svg>
|
|
</div>
|
|
</section>
|
|
<section id="ls-st" hidden aria-label="LS / ST">
|
|
<div id="ls" class="chart"></div>
|
|
<div id="st" class="chart"></div>
|
|
</section>
|
|
<section id="kinematics" hidden aria-label="曲率与运动学">
|
|
<div id="curvature-s" class="chart"></div>
|
|
<div id="curvature-t" class="chart"></div>
|
|
<div id="velocity-t" class="chart"></div>
|
|
<div id="acceleration-t" class="chart"></div>
|
|
<div id="jerk-t" class="chart"></div>
|
|
<div id="yaw-rate-t" class="chart"></div>
|
|
</section>
|
|
<section id="history-config" hidden aria-label="周期历史与生效配置">
|
|
<div class="history-panel"><h2>周期历史</h2><div id="cycle-history"></div></div>
|
|
<div class="configuration-panel"><h2>生效配置</h2><div id="configuration"></div></div>
|
|
</section>
|
|
</main>
|
|
<script src="/app.js?token=__SESSION_TOKEN__"></script>
|
|
</body>
|
|
</html>
|