2.3 KiB
G01 读取失败状态重设计 Implementation Plan
For agentic workers: REQUIRED SUB-SKILL: Use
superpowers:executing-plans. 本项目禁止多代理、worktree 和所有 Git 写操作。
Goal: 让 G01 读取失败状态与已通过的空状态、加载状态共享同一红金国风视觉体系。
Architecture: G01 页面继续拥有错误状态结构与 retryLoad 行为；视觉只消费现有透明金框、foundation 印牌、分隔线和 A 系列按钮资产，不创建新的重复资产。
Tech Stack: uni-app、Vue 3、SCSS、PowerShell 契约、Chrome DevTools Protocol 截图。
Global Constraints
- 只修改 G01 失败状态及其测试。
- 保留状态判断和重试行为。
- 不生成已有资产的副本。
- H5 不是 Android 最终验收。
Task 1: 建立失败视觉契约
Files:
-
Create:
tests/g01-error-state-contract.ps1 -
Test:
tests/g01-error-state-contract.ps1 -
写入断言：错误态必须引用
g01-empty-panel-frame.png、brand-seal.png、section-divider.png、a01-scroll-primary-v3.png，必须保留retryLoad，且错误态片段不得引用g01-empty-panel.png。 -
运行
powershell -ExecutionPolicy Bypass -File tests/g01-error-state-contract.ps1，预期因现有旧面板而失败。
Task 2: 实现透明金框错误态
Files:
-
Modify:
pages/genealogy/g01-my-genealogies.vue -
Test:
tests/g01-error-state-contract.ps1 -
将
.state-panel--error内部替换为透明框、红金印牌、标题、说明、分隔线和原重试按钮。 -
为错误态设置
1120rpx高度、居中内容、132rpx × 136rpx印牌、42rpx标题、27rpx说明和560rpx × 124rpx按钮。 -
运行契约，预期输出
G01-ERROR-STATE-CONTRACT PASS。
Task 3: 运行与视觉回归
Files:
-
Create:
docs/design/screens/runtime/2026-07-17/04-g01-error-after-412x900.png -
Verify:
tests/compile-audit.ps1 -
运行 G01 失败态契约、空状态契约、加载契约和编译审计。
-
在同一 Chrome 标签页截图
320×568、360×640、360×800、412×915。 -
逐张检查标题、按钮、框线、背景和底栏是否裁切，并运行
git diff --check。
Execution Choice
用户已授权自主选择最佳方案，采用当前会话 Inline Execution；不等待额外确认。