feat(prototype): add MVP web interaction flows
This commit is contained in:
+40
-2
@@ -3,7 +3,7 @@ id: T-005
|
||||
title: 网页端 MVP 交互原型
|
||||
phase: 0
|
||||
deps: []
|
||||
status: TODO
|
||||
status: DOING
|
||||
created: 2026-08-03
|
||||
context_ref: dfe3d56
|
||||
work_branch: task/t-005-web-prototype
|
||||
@@ -89,4 +89,42 @@ web 端尚无生产代码。若直接实现 SSR 页面,登录、建单、三
|
||||
|
||||
## 执行记录
|
||||
|
||||
开工后记录修改文件、浏览器检查尺寸、控制台 / 网络 / 可访问性结果、未验证范围和人工确认项。
|
||||
### 2026-08-03 · 第一阶段原型实现
|
||||
|
||||
- 任务状态保持 `DOING`:自动检查已完成,但 `needs_human_review: true`,未进行人工设计确认。
|
||||
- 新增四个自包含页面:登录、手工建单、三泳道工作台、任务详情。四页使用同一套语义颜色、
|
||||
字体、间距和导航;全部假数据可由页内控件复位,不调用 API,不保存凭据,不加载外部资源。
|
||||
- 登录页覆盖站内返回、必填错误、提交中、会话过期和成功;建单页覆盖逐字段校验、链接解析
|
||||
失败后保留输入、提交中和创建成功;工作台覆盖实时筛选、计数规则、第一条待决策展开以及
|
||||
加载 / 空 / 错误;详情页覆盖试选不一致 / 超额 / 缺证据、授权、围栏前放弃后重新试选、
|
||||
围栏后调和、结果不明、待付款核对、转人工和终态。
|
||||
- 安全表达已独立复核:全程固定说明不自动付款;围栏前放弃明确转 `PENDING_RETRIAL` 且不复用
|
||||
旧价;围栏后只显示唯一 `submission_id` 与人工核查入口,没有重试、再次提交或放弃按钮;
|
||||
`WAITING_PAYMENT` 需证据和四项人工核对才能标记完成。
|
||||
- `ui-ux-pro-max` 检索建议被用于焦点、触控尺寸、错误就近、恢复路径与响应式检查。其推荐的
|
||||
红色主色和外部装饰字体与任务约束冲突,因此未采用;主操作保持蓝色,红色只用于错误或
|
||||
破坏性动作,字体使用 `Segoe UI` / 系统字体。
|
||||
|
||||
**已运行验证**
|
||||
|
||||
- `python scripts/validate_agent_context.py`:通过(6 个任务路由,18 个有效仓库路径)。
|
||||
- Node 静态脚本:四页均包含 doctype、viewport、固定原型横幅、`aria-live`、
|
||||
`prefers-reduced-motion`;每页唯一内联脚本均可编译;无外部脚本、字体或图片引用。
|
||||
- Chrome Headless + DevTools Protocol:逐页检查 375 / 768 / 1024 / 1440 px,16 个组合均无
|
||||
页面级水平溢出、运行时异常或外部网络请求;登录错误、建单链接错误与输入保留、工作台空态
|
||||
与复位、详情全部业务状态、规格不符禁用确认、核对完成后启用标记等状态切换均通过。
|
||||
- Chrome accessibility tree / 键盘抽查:可见交互控件都有可访问名称,Tab 顺序可到达页内
|
||||
原型控件,未发现键盘陷阱;模拟 reduced-motion 时媒体查询生效。原生对话框均有明确的取消
|
||||
和确认按钮。
|
||||
- 目视检查 Chrome 截图:1440 px 工作台 / 详情与 375 px 建单 / 详情的信息层级、换行和主操作
|
||||
未见截断;证据图均明确标为假数据且不代表真实 App 页面。
|
||||
- `git diff --check`:通过。
|
||||
|
||||
**未验证与待人工确认**
|
||||
|
||||
- Playwright MCP 因共享浏览器实例被占用而无法连接;上述浏览器检查改由独立 Chrome Headless
|
||||
与 DevTools Protocol 完成。未做真实读屏器、高对比度模式或人工键盘全流程验收。
|
||||
- 原型不证明 Go SSR、真实鉴权 / CSRF、接口并发、PySide6、真机页面字段或真实拼多多流程。
|
||||
T-103 真机取证后仍需复核实际可读字段,不能把占位图当成页面判据。
|
||||
- 待人确认:四页整体布局与信息密度、三泳道命名和默认展开、详情页各状态的唯一主动作、
|
||||
「确认下单(不付款)」与围栏 / 调和文案、375 px 窄屏阅读体验。确认前任务不得标 `DONE`。
|
||||
|
||||
Reference in New Issue
Block a user