refactor(ui): unify semi mobile query workspaces
This commit is contained in:
@@ -96,4 +96,59 @@
|
||||
- 首次视觉复核发现当前模块仍继承底栏的底部装饰线;已在更多功能作用域内移除,保留单一高亮语义。
|
||||
- 同尺寸并排对比确认五个入口均可见,层级更清晰,未发现 P0、P1 或 P2 视觉与交互问题。
|
||||
|
||||
## 查询工作台 Semi UI Design QA
|
||||
|
||||
- source visual truth: ECS 生产端车辆查询、轨迹回放、历史数据
|
||||
- source screenshots:
|
||||
- vehicle page: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-vehicles-mobile.png`
|
||||
- vehicle filter: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-vehicle-filter-mobile.png`
|
||||
- track page: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-tracks-mobile.png`
|
||||
- track workbench: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-track-filter-mobile.png`
|
||||
- history page: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-history-mobile.png`
|
||||
- history filter: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/before-history-filter-mobile.png`
|
||||
- implementation screenshots:
|
||||
- vehicle filter: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/after-vehicle-filter-mobile-settled.png`
|
||||
- history filter: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/after-history-filter-mobile.png`
|
||||
- history draft state: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/after-history-filter-draft-mobile.png`
|
||||
- desktop history: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/after-history-desktop.png`
|
||||
- comparison evidence:
|
||||
- vehicle mobile: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/compare-vehicle-filter-mobile.png`
|
||||
- history mobile: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/compare-history-filter-mobile.png`
|
||||
- history desktop: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-query-workspaces/compare-history-desktop.png`
|
||||
- viewport and state:
|
||||
- mobile `390 × 844`
|
||||
- desktop `1440 × 900`
|
||||
- 管理员权限、未提交查询的初始状态
|
||||
|
||||
### Fidelity Ledger
|
||||
|
||||
| Surface | Required fidelity | Implementation evidence | Result |
|
||||
| --- | --- | --- | --- |
|
||||
| Shared filter anatomy | 车辆与历史筛选应与轨迹查询使用同一标题、摘要、内容和确认边界。 | `MobileFilterSheet` 新增共享 `summaryItems`,继续复用 `WorkspaceSideSheet`。 | Improved. |
|
||||
| Draft visibility | 用户修改条件时必须知道尚未应用的车辆、时间和数据范围。 | 摘要直接读取草稿状态;输入 `沪A01559F` 后车辆范围立即由“待选择”更新为“1 辆”。 | Passed. |
|
||||
| Vehicle discovery | 查车面板必须同时说明账号授权范围、当前关键词和快速结果状态。 | 生产数据下显示 `1,024 辆`、`全部车辆`、`待输入`,输入后同步更新当前条件和匹配状态。 | Passed. |
|
||||
| History scope | 历史查询必须同时呈现车辆上限、日期区间、数据类型和协议来源。 | 三段摘要对应车辆范围、时间范围和数据范围,并保留上海时区说明。 | Passed. |
|
||||
| Track consistency | 轨迹查询现有行程摘要和查询状态不能被新共享组件破坏。 | 轨迹仍使用同一个 `WorkspaceSideSheet` 摘要模型,页面与查询明细交互未修改。 | Preserved. |
|
||||
| Desktop stability | 移动端工作台迁移不得改变桌面查询布局和密度。 | `1440 × 900` 同状态前后截图一致,桌面继续使用 `WorkspaceFilterPanel`。 | Preserved. |
|
||||
| Action boundary | 草稿不应在关闭弹层时意外应用。 | 关闭、重置、应用三类动作保持独立,原测试继续覆盖草稿回滚和显式提交。 | Preserved. |
|
||||
|
||||
### Interaction And Accessibility Checks
|
||||
|
||||
- 摘要区域使用命名列表,并继承“车辆搜索摘要”“历史查询范围摘要”等可访问名称;
|
||||
- 车辆筛选输入后,摘要与候选列表同时更新;
|
||||
- 历史筛选输入后,车辆数量实时更新,应用按钮恢复可用;
|
||||
- 筛选弹层关闭、重置与应用按钮保持完整可见;
|
||||
- `390 × 844` 下内容由共享滚动区承载,无横向溢出;
|
||||
- `1440 × 900` 桌面历史查询前后布局一致;
|
||||
- 轨迹回放原有摘要、地图、播放轴与查询明细未发生行为回退。
|
||||
|
||||
### Comparison History
|
||||
|
||||
#### Pass 1 — fixed
|
||||
|
||||
- 原车辆和历史筛选只有标题与表单,用户需要进入字段后才能理解当前授权范围和草稿状态;轨迹查询已经具备摘要层,三页层级不统一。
|
||||
- 当前将摘要能力下沉到 `MobileFilterSheet`,车辆和历史页通过真实查询状态填充,不复制新的弹层组件。
|
||||
- 首次截图在 SideSheet 进入动画期间截到不完整底栏;等待动画稳定后复核,重置与应用按钮完整可见。
|
||||
- 同视口对比确认新增摘要没有压缩关键输入、日期范围和来源选择,未发现 P0、P1 或 P2 问题。
|
||||
|
||||
final result: passed
|
||||
|
||||
Reference in New Issue
Block a user