# 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