65 lines
2.2 KiB
HTML
65 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<!-- 移动端视口：iOS14+/Android 10+（PRD 9）；viewport-fit 适配刘海屏 -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
<title>iAOP 移动端驾驶舱</title>
|
||
<link rel="stylesheet" href="mobile.css">
|
||
</head>
|
||
<body>
|
||
<!-- iAOP 移动端只读驾驶舱 + 交接班摘要（issue #136 / PRD 2.2 场景C、7.5）
|
||
纯静态（无构建链），与 Web 驾驶舱共享布局资产（../cockpit/plans/*.json），
|
||
只读展示：工艺四状态 / KPI / 告警；交接班摘要按 handover_brief 章节渲染。 -->
|
||
<header id="topbar">
|
||
<h1 id="page-title">iAOP 移动驾驶舱</h1>
|
||
<div>
|
||
<button id="btn-refresh" class="ghost-btn">刷新</button>
|
||
<span id="ro-badge">只读</span>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 只读驾驶舱视图 -->
|
||
<main id="view-cockpit" class="view active">
|
||
<div id="m-stages" class="card"></div>
|
||
<div id="m-kpis" class="kpi-grid"></div>
|
||
<div class="card">
|
||
<div class="card-title">告警（只读）</div>
|
||
<div id="m-alarms"></div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- 交接班摘要视图 -->
|
||
<main id="view-handover" class="view">
|
||
<div class="card">
|
||
<div class="row">
|
||
<select id="shift-select">
|
||
<option value="早班 08:00-16:00">早班 08:00-16:00</option>
|
||
<option value="中班 16:00-24:00">中班 16:00-24:00</option>
|
||
<option value="夜班 00:00-08:00">夜班 00:00-08:00</option>
|
||
</select>
|
||
<button id="btn-gen" class="primary">生成摘要</button>
|
||
</div>
|
||
<!-- issue #158：历史摘要查看（最近 10 次生成，本地保存） -->
|
||
<div class="row" id="brief-history-row" hidden>
|
||
<select id="brief-history"></select>
|
||
</div>
|
||
<div id="gen-status" class="hint"></div>
|
||
</div>
|
||
<div id="brief"></div>
|
||
<div class="card" id="push-card" hidden>
|
||
<button id="btn-push" class="primary">推送下一班</button>
|
||
<span id="push-status" class="hint"></span>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- 底部页签（移动端惯用） -->
|
||
<nav id="tabbar">
|
||
<button class="tab active" data-view="cockpit">驾驶舱</button>
|
||
<button class="tab" data-view="handover">交接班</button>
|
||
</nav>
|
||
|
||
<script src="mobile.js"></script>
|
||
</body>
|
||
</html>
|