feat: 完成 issue #131 配置化驾驶舱 Web 前端（web/cockpit）

2026-08-05 09:32:10 +08:00
parent b673830859
commit 92e075c9f1
8 changed files with 1220 additions and 0 deletions
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>iAOP 配置化驾驶舱</title>
+<link rel="stylesheet" href="cockpit.css">
+</head>
+<body>
+<!-- iAOP 配置化驾驶舱（issue #131 / PRD 5.5「⑤ 配置化驾驶舱」）
+     纯静态 HTML + 原生 JS（无构建链）。页面只消费 plans/*.json 渲染计划，
+     切换行业模板 = 加载另一份 plan JSON，前端代码零改动。 -->
+<header id="topbar">
+  <h1 id="cockpit-title">iAOP 驾驶舱</h1>
+  <div id="topbar-right">
+    <label for="template-select">行业模板</label>
+    <select id="template-select"></select>
+    <span id="infer-status" class="status-dot" title="推理服务 /health">●</span>
+    <span id="infer-status-text">推理服务检测中…</span>
+  </div>
+</header>
+<main id="cockpit-grid" aria-busy="true"></main>
+<footer id="bottombar">
+  <span id="plan-meta"></span>
+  <span>布局 Schema: iAOP-cockpit-layout-v1 · 首屏静态资源本地化，目标 ≤ 2s（PRD 9）</span>
+</footer>
+<script src="cockpit.js"></script>
+</body>
+</html>