feat(prototype): redesign desktop procurement workspace
This commit is contained in:
+20
-10
@@ -85,23 +85,29 @@
|
||||
|
||||
## 三、desk 端界面结构
|
||||
|
||||
桌面端不是网页,用固定两页签,不做多级导航:
|
||||
桌面端产品名为“采购工具”,不是网页;使用顶部固定两页签,不做多级导航,默认打开采购执行:
|
||||
|
||||
| 页签 | 职责 | 用户故事 | 交互 |
|
||||
| --- | --- | --- | --- |
|
||||
| 采购执行 | 连接状态、轮询开关、当前任务与步骤、待人工提示 | US-003、US-008 | IX-007、IX-008 |
|
||||
| 设备与参数 | 设备档案、ADB 路径与 serial、超时参数、连接检查 | US-003 | IX-007 |
|
||||
| 采购执行 | 连接与会话状态、当前任务与可选图片、滚动日志、执行记录 | US-003、US-008 | IX-007、IX-008 |
|
||||
| 配置 | 设备档案、ADB 路径与 serial、常用超时参数、连接检查 | US-003 | IX-007 |
|
||||
|
||||
### 采购执行页
|
||||
|
||||
- 顶部:web 端连接状态 + 设备连接状态,两者都绿才能启动轮询。
|
||||
- 顶部同时显示拼多多 App 实际版本与已取证版本;不一致时停止轮询并提示重新取证。
|
||||
- 中部:当前任务卡(商品、规格、数量、**当前是第一趟还是第二趟**、当前步骤、剩余租约)。
|
||||
- 底部:轮询控制条(开始轮询 / 停止轮询)+ 下次轮询倒计时 + 连续失败计数。
|
||||
- 顶部状态区:web、设备、拼多多 App 实际 / 已取证版本和会话状态;开始 / 停止轮询固定在
|
||||
最右侧且只控制轮询会话。版本不一致时 fail closed 并提示重新取证。
|
||||
- 宽屏三块工作区:左上当前任务,左下滚动日志,右侧执行记录;窄屏按此顺序改为单列。
|
||||
- 当前任务左侧显示商品、规格、数量、**当前是第一趟还是第二趟**、步骤和剩余租约;右侧约
|
||||
1/3 显示可选商品 / 证据预览。无可信图片时保持空态,有图必须标来源与采集时间。
|
||||
- 滚动日志标题区同时显示下次轮询、连续失败和本次完成,不再使用独立会话卡或底部控制条。
|
||||
- 执行记录只显示标题、状态两列,任务编号与时间放在标题次行,按采集时间倒序。单击选择;
|
||||
双击、Enter、可见“查看所选记录”或右键打开详情。
|
||||
- 记录详情上部左侧显示原始文字、右侧显示图片证据,下部显示结构化采购结果;关闭后焦点
|
||||
返回原行。图片缺失不使用其他来源凑合。
|
||||
- **待人工时整页显著变色并说明缺什么**,不要让执行员盯着一个静止画面猜。
|
||||
- 关闭窗口即停止轮询;连续失败达阈值自动停止并显示原因。
|
||||
|
||||
### 设备与参数页
|
||||
### 配置页
|
||||
|
||||
- 设备档案必须**显式填写 serial**,不允许留空自动选——同一手机 USB + WiFi 同时在线时
|
||||
自动选会失败(见[架构设计](04-architecture.md)第六节)。
|
||||
@@ -131,8 +137,12 @@
|
||||
| `SpecTrialCard` | 任务详情 | 试选确认卡(MVP 签名组件) |
|
||||
| `AuthorizePanel` | 任务详情 | 确认 / 退回 / 放弃授权 |
|
||||
| `PaymentCheckCard` | 任务详情 | 待付款核对与标记完成 |
|
||||
| `DeviceStatusBar` | desk 采购执行页 | 双连接状态 |
|
||||
| `PollControls` | desk 采购执行页 | 轮询开关、倒计时、失败计数 |
|
||||
| `DeviceStatusBar` | desk 采购执行页 | web、设备与 App 版本三项就绪状态 |
|
||||
| `PollControls` | desk 采购执行页 | 顶部固定的轮询开关与会话状态;日志标题区承载倒计时、失败和完成计数 |
|
||||
| `CurrentTaskPanel` | desk 采购执行页 | 当前任务文字、步骤与带来源的可选图片证据 |
|
||||
| `ExecutionLog` | desk 采购执行页 | 最新在上的滚动日志与假诊断导出 |
|
||||
| `ExecutionRecordTable` | desk 采购执行页 | 标题 / 状态两列、时间倒序和稳定记录 ID |
|
||||
| `ExecutionRecordDialog` | desk 采购执行页 | 原始文字、图片证据、采购结果与焦点恢复 |
|
||||
|
||||
## 六、原型
|
||||
|
||||
|
||||
Reference in New Issue
Block a user