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