Files
iAOP/web/mobile/README.md
T

1.6 KiB
Raw Blame History

web/mobile — iAOP 移动端只读驾驶舱与交接班摘要

issue #136 / PRD 2.2 场景C、7.5、9。纯静态(无构建链),适配 iOS14+/Android 10+ (viewport-fit=cover + env(safe-area-inset),无 ES2022+ 语法)。

使用

# 从 web/ 根目录起服务(共享 ../cockpit/plans 布局资产)
cd web && python -m http.server 8085
# 手机或浏览器 DevTools 移动视口打开 http://127.0.0.1:8085/mobile/index.html

设计要点

  • 只读驾驶舱:直接 fetch Web 驾驶舱编译产物 ../cockpit/plans/ti-cl4.json (RenderPlan)与 alarm_panel.ti.json(severityColors)——四状态工艺条 / KPI 两列网格 / 告警列表全部从布局资产渲染,与 Web 端共享资产、不重复实现 (切换模板 = 换 plan JSON,移动端代码零改动);无写操作入口(顶栏「只读」徽标), 纯静态资源天然支撑 200 并发只读用户基线(PRD 9)。
  • 交接班摘要:按班次生成(直连推理服务 /v1/chat/completions,实时计时对照 PRD 验收线 ≤ 2 分钟);卡片渲染 props 与 core/shift-handover/handover.py 的 render_handover_brief 输出同构—— 章节开关(overview/abnormal/safety/energy/todos)、事件/待办折叠 (collapseThreshold)、字号档(fontSize sm/md/lg)、P0/安全事件强制 requireConfirm 提示、推送下一班回执。

边界

数据源为按点位 ID 确定性播种的模拟值(与 Web 驾驶舱一致);时序总线 / handover HTTP 服务就绪后替换 fetch 三处即可,页面结构不变。