1.9 KiB
OA 关联审批单 · 只读详情弹窗 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: 关联审批单标题点击改为叠一层只读详情弹窗，避免被发起表单弹窗遮挡。
Architecture: 新增 OaInstanceDetailDialog（按 instanceId 拉取详情，只读表单 + 进度）；OaRelatedApproval.goDetail 改为打开该弹窗，不再 router.push。
Tech Stack: Vue 3、Element Plus、form-create、既有 fetchOaInstanceDetail / OaProgressChain
Spec: docs/superpowers/specs/2026-08-11-oa-related-approval-detail-dialog-design.md
File map
| File | Responsibility |
|---|---|
Create: web-admin/src/components/oa-approval/OaInstanceDetailDialog.vue |
只读详情弹窗 |
Modify: web-admin/src/components/oa-approval/OaRelatedApproval.vue |
goDetail → 弹窗；移除无用 router |
Modify: docs/superpowers/specs/2026-07-22-oa-related-approval-design.md |
跳转句交叉引用（已写） |
Task 1: OaInstanceDetailDialog
Files:
-
Create:
web-admin/src/components/oa-approval/OaInstanceDetailDialog.vue -
Reference:
web-admin/src/views/oa-approval/instances/detail.vue（只读部分） -
Step 1: 新建组件
-
Step 2: 手测入口尚未接线前可暂略；接好后按 Task 2 验收
Task 2: 接线 OaRelatedApproval
Files:
-
Modify:
web-admin/src/components/oa-approval/OaRelatedApproval.vue -
Step 1: 引入并挂载
OaInstanceDetailDialog -
Step 2: 改
goDetail -
Step 3: 手测验收（需本地发起弹窗验证）
-
Step 4: 更新图谱
Task 3: 文档已同步确认
- 确认 design + 基线交叉引用已存在（本会话已写）