4.6 KiB
4.6 KiB
事件自动化与历史导出任务连续性
本轮结果
本轮沿用已验收的车辆数据中台工作区视觉系统，集中治理两个高频中断点：自动化配置误关后草稿丢失，以及历史导出创建后缺少即时、可恢复的任务反馈。
自动化草稿保护
- 编辑已有规则、模板草稿或新建规则后，只要配置发生变化，标题和固定操作区都会明确显示“草稿未保存”。
- 点击关闭、取消或移动端返回时，不再直接丢弃；确认面板说明当前步骤、将恢复的版本，以及线上自动化不会受到影响。
- 用户可以继续编辑，或明确放弃草稿；未修改的编辑器仍可立即关闭，不额外制造打扰。
- 保存成功和启停成功会更新草稿基线，避免成功后仍被误判为未保存。
- 浏览器刷新或离开页面时复用
beforeunload保护，减少意外丢失。
历史导出任务反馈
- 创建导出成功后，任务立即写入本地查询缓存并自动打开任务中心，不必等待下一轮轮询才看见结果。
- 创建按钮随即变为“查看导出任务”；再次点击只打开已有任务，不会重复提交导出。
- 任务中心由 URL 参数
historyTool=exports驱动，刷新、分享、前进/后退都能恢复同一工作区，同时保留车辆、时间、类型和来源查询条件。 - 移动端创建导出时先关闭筛选面板，再打开底部任务工作区，避免双层 sheet 叠加。
设计基线与浏览器证据
这是现有设计系统内的小型状态连续性改动，没有生成新的概念图。自动化采用已接受基线 ../automation-editor-20260723/automation-editor-desktop-concept.png，历史移动结构采用 ../ui-ux-20260720/mobile-history-concept.png。
真实页面通过 Browser 连接进行交互验收；由于内置浏览器的精确视口覆盖在此前验收中不稳定，本轮使用同一 Browser 运行时的 Chrome 视口能力，以原生 1440 × 900 和 390 × 844 截图。全部截图均以 view_image 原始分辨率复核。
| 状态 | 桌面 | 手机 |
|---|---|---|
| 自动化草稿保护 | desktop-automation-draft.jpg | mobile-automation-discard.jpg |
| 历史导出任务 | desktop-history-export.jpg | mobile-history-export.jpg |
五点忠实度核对
- 容器模型：自动化继续使用近全屏编辑工作区，历史导出继续使用桌面右侧任务面板与移动端 bottom sheet，没有引入第二套弹窗结构。
- 信息层级：未保存状态进入编辑器标题和固定底栏；确认影响放在独立摘要中。导出状态保持“任务汇总 → 单个任务 → 固定操作”的顺序。
- 颜色语义：蓝色仍表示主操作，橙色仅提示未保存，红色仅用于明确放弃；状态含义均有文本，不依赖颜色识别。
- 响应式行为：桌面保留表单与摘要同屏，移动确认面板在 390 × 844 内完整显示主操作；导出 bottom sheet 的摘要、首个任务和固定按钮同屏，无横向溢出。
- 任务连续性：自动化误关会被拦截；历史导出创建后立即可见，URL 可直接恢复，重新打开不会重复创建。
首屏文案差异
- 模块名称、导航、页面标题和原有首屏说明均未改写。
- 自动化编辑器仅在配置真实变化后动态增加“草稿未保存”，属于任务状态而非新的常驻首屏文案。
- 历史页仅在成功创建后把“创建导出”动态切换为“查看导出任务”，明确下一步动作；其余首屏文案与层级不变。
验证结果
AlertsPage.test.tsx：35 项通过，新增桌面/移动草稿误关、继续编辑、明确放弃与模板草稿保护。HistoryPage.test.tsx：28 项通过，新增导出成功即时可见、URL 恢复、不重复创建和移动端 sheet 切换。- 两页定向回归：63 / 63 通过。
- 全量前端：75 个测试文件、442 / 442 项通过。
- 生产构建和发布资产门禁通过；仅保留 React Router future flag、Semi UI
findDOMNode和 Sass@import的既有依赖告警。 - 真实交互路径已验证：编辑规则名称 → 显示未保存 → 关闭 → 继续/放弃；创建导出 → 自动打开任务中心 → 关闭 → “查看导出任务”重新打开 → 直接 URL 在移动端恢复。
本轮实现已按既有设计基线忠实复核，没有发现仍需修复的视觉或交互偏差。