2026-08-05 10:32:40 +08:00
|
|
|
|
<!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>
|
2026-08-05 10:50:05 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<button id="btn-refresh" class="ghost-btn">刷新</button>
|
|
|
|
|
|
<span id="ro-badge">只读</span>
|
|
|
|
|
|
</div>
|
2026-08-05 10:32:40 +08:00
|
|
|
|
</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>
|
|
|
|
|
|
<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>
|
