feat(prototype): redesign procurement task workbench
This commit is contained in:
+53
-4
@@ -11,6 +11,7 @@ needs_device: false
|
||||
needs_human_review: true
|
||||
write_paths:
|
||||
- docs/tasks/T-005.md
|
||||
- docs/00-ai-start-here.md
|
||||
- docs/02-requirements.md
|
||||
- docs/04-architecture.md
|
||||
- docs/06-tasks.md
|
||||
@@ -54,7 +55,7 @@ web 端尚无生产代码。若直接实现 SSR 页面,登录、建单、三
|
||||
|
||||
## 方案
|
||||
|
||||
### 文件与页面
|
||||
### 第一轮文件与页面(已由第二轮修订替代)
|
||||
|
||||
1. `web-login.html`:登录、站内返回提示、默认 / 校验错误 / 提交中状态。
|
||||
2. `web-task-create.html`:任务名称、商品链接、颜色分类、尺码、数量、价格上限;逐字段错误、
|
||||
@@ -72,8 +73,9 @@ web 端尚无生产代码。若直接实现 SSR 页面,登录、建单、三
|
||||
不设置操作列。标题打开拼多多商品假链接,任务编号打开内部详情。
|
||||
3. 表格上方第一行放“导入”“创建”:导入为有原因说明的禁用占位;创建打开模态表单,
|
||||
保存后生成 `DRAFT` 假任务并按创建时间倒序插到第一行。
|
||||
4. 第二行默认显示标题关键词、筛选、清除;勾选可开始的 `DRAFT` 后切换为上下文批量栏,
|
||||
统一执行“开始试选”。动作只模拟 `DRAFT → PENDING`,固定说明不会创建订单或付款。
|
||||
4. 第二行默认显示标题关键词、筛选、清除;状态和创建时间收进默认折叠的“更多条件”,不
|
||||
放弃 F-004 查询范围。勾选可开始的 `DRAFT` 后切换为上下文批量栏,统一执行“开始试选”。
|
||||
动作只模拟 `DRAFT → PENDING`,固定说明不会创建订单或付款。
|
||||
5. 双击行的非控件区域,或聚焦行后按 Enter,打开右侧详情抽屉;复选框、标题外链、任务
|
||||
编号链接不误触发行双击。原型用 `#/tasks/{id}` 演示生产路由 `/tasks/{id}`,关闭抽屉恢复
|
||||
原筛选、选择和滚动现场;直接访问详情仍由完整页兜底。
|
||||
@@ -106,7 +108,7 @@ web 端尚无生产代码。若直接实现 SSR 页面,登录、建单、三
|
||||
|
||||
- 四个 HTML 均可从本地直接打开,控制台无 error,除本地文档导航外无网络请求。
|
||||
- 四页之间的主要入口可通过相对链接到达;所有演示按钮均为原型状态切换,不发送真实请求。
|
||||
- 建单字段、三泳道、试选确认、围栏前放弃、围栏后调和、待付款核对全部有可观察页面状态。
|
||||
- 建单字段、任务表格、试选确认、围栏前放弃、围栏后调和、待付款核对全部有可观察页面状态。
|
||||
- 加载、空、错误、禁用与成功反馈均可演示;禁用动作旁有原因,失败旁有恢复路径。
|
||||
- 键盘可完成全部演示;375 / 768 / 1024 / 1440 px 无内容截断或页面级水平滚动。
|
||||
- 运行:`python scripts/validate_agent_context.py`、`git diff --check`,并用浏览器逐页检查
|
||||
@@ -134,6 +136,53 @@ web 端尚无生产代码。若直接实现 SSR 页面,登录、建单、三
|
||||
|
||||
## 执行记录
|
||||
|
||||
### 2026-08-03 · 第二轮表格工作台实现
|
||||
|
||||
- 任务继续保持 `DOING`:本轮自动验证已完成,但 `needs_human_review: true`,仍需人工确认
|
||||
表格信息密度、上下文批量栏、创建弹窗与详情抽屉。
|
||||
- 整页重做 `web-task-workbench.html`:传统表格固定九列且无操作列;标题为拼多多商品假链接,
|
||||
任务编号为内部详情链接;默认按创建时间倒序,采购结果由结构化假数据在展示层用 `|`
|
||||
格式化,并区分试选、已下单和结果待核查。
|
||||
- 第一工具行实现禁用的导入占位和创建按钮;创建弹窗覆盖必填、商品链接、金额字符串与数量
|
||||
校验,失败保留输入,保存成功后生成 `DRAFT` 假任务、清除筛选并聚焦表格第一行。
|
||||
- 第二工具行默认是标题关键词、筛选、清除;状态和创建时间在“更多条件”中;勾选后切换成
|
||||
上下文批量栏。只有 `DRAFT` 可选,全选只覆盖当前筛选结果,开始试选后模拟整批
|
||||
`DRAFT → PENDING`,固定提示不授权、不下单、不付款。
|
||||
- 双击行非控件区域、任务编号链接和聚焦行按 Enter 均打开右侧详情抽屉;原型地址同步为
|
||||
`#/tasks/{id}`,用来演示生产 `/tasks/{id}`。关闭按钮、Esc 和浏览器返回均关闭抽屉并把焦点
|
||||
还给原行;直接带 hash 打开也能恢复抽屉,完整详情页继续作为兜底。
|
||||
- 同步 `00-ai-start-here.md`、需求、用户故事、交互清单、架构状态机、管理端 API、路线图、
|
||||
路由、当前状态和原型约定。新增的 MVP 能力仅为批量开始第一趟试选;排序、暂停 / 继续、
|
||||
运行中接管仍保留在 V2。`web-task-create.html` 的成功态同步为 `DRAFT`。
|
||||
- `ui-ux-pro-max` 影响了可见焦点、键盘等价操作、原生 `dialog` 焦点约束、路由深链接、
|
||||
抽屉关闭后的焦点恢复和窄屏表格容器滚动。其自动生成的夸张字体、深色主题和横向旅程模式
|
||||
不适合运营表格,继续沿用第一轮的 Segoe UI、蓝色主动作与低动效基线。
|
||||
|
||||
**已运行验证**
|
||||
|
||||
- `& .\init.ps1`:按当前 Phase 0 基线运行;上下文校验通过,因 `web/`、`desk/` 尚未初始化
|
||||
按设计返回退出码 3 并提示 T-001 / T-002,未误报可运行生产代码。
|
||||
- `python scripts/validate_agent_context.py`:通过(6 个任务路由,18 个有效仓库路径)。
|
||||
- Node 内联静态检查:4 个 `web-*.html` 均有 doctype、viewport、原型横幅、
|
||||
`prefers-reduced-motion`;id 无重复,内联脚本可编译,相对 HTML 链接存在,无外部脚本、
|
||||
字体或图片资源;工作台必需字段齐全且没有“操作”表头。
|
||||
- Playwright 浏览器交互:标题筛选得到正确单行;创建表单空标题错误保留弹窗,修正保存后
|
||||
新任务为第一行并获焦点;全选两条 `DRAFT` 后上下文栏显示 2 条,开始后均转待领取且安全
|
||||
提示正确;双击和 Enter 均写入详情路由并打开抽屉,关闭和 Esc 清空路由并恢复原行焦点;
|
||||
直接访问 `#/tasks/{id}` 能打开相应抽屉及完整页链接。
|
||||
- Playwright 响应式回归:登录、建单、工作台、详情四页在 375 / 768 / 1024 / 1440 px
|
||||
共 16 个组合均无页面级水平溢出;工作台窄屏只在表格容器内横向滚动。浏览器累计
|
||||
0 error / 0 warning,未发生外部资源请求。
|
||||
- `git diff --check`:通过。
|
||||
|
||||
**未验证与待人工确认**
|
||||
|
||||
- 没有生产 Go / SSR / 数据库代码,因此未运行 `go test ./...` 或 `go vet ./...`;本轮也不
|
||||
证明 `POST /tasks/start-trials` 的事务、CSRF 或幂等实现。
|
||||
- 原型只使用 `.invalid` 商品假链接,不访问真实拼多多;不证明真机字段、选择器或 App 版本。
|
||||
- 待人确认:九列表格的列宽与信息密度、采购结果阶段前缀、选择后替换筛选栏的方式、
|
||||
720 px 创建弹窗、860 px 详情抽屉,以及 375 px 下表格横向滚动是否符合实际使用习惯。
|
||||
|
||||
### 2026-08-03 · 第二轮人工评审修订计划
|
||||
|
||||
- 人工评审已确认:工作台改为传统表格;创建改为列表内模态表单;去掉操作列;标题链接
|
||||
|
||||
Reference in New Issue
Block a user