laic-frontend/docs/superpowers/plans/2026-08-28-dock-status-dialog.md

DockStatusDialog Implementation Plan

For agentic workers: REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (- [ ]) syntax for tracking.

Goal: 抽出机巢状态弹窗为 DockStatusDialog；summary/PLC 计算留页面。

Architecture: 组件包 t-dialog + 现有 body；v-model:visible；props: title/summary/chargeActive/updatedText/board。

Spec: docs/superpowers/specs/2026-08-28-dock-status-dialog-design.md

---

Task 1: 组件 + 接线

• Create: src/components/DockStatusDialog.vue

• Modify: src/views/MonitorView/MonitorView.vue

• 迁入现 dialog 模板；用 board 布尔替换模板内 rt/doorValue 调用

• 页面增加 dockStatusBoard computed（映射现有 isClosed/doorValue/...）

• 替换为 <DockStatusDialog v-model:visible="dockStatusOpen" ... @close="closeDockStatus" />

• Commit: refactor: 抽取 DockStatusDialog 机巢状态弹窗

Task 2: 冒烟

选中机巢 → 查看详情 → 摘要卡 + PLC 看板渲染；关闭正常；无 console error。

约束

不改后台；精确 git add；中文 commit