Files

接入管理与运维质量工作连续性

本轮结果

本轮沿用已接受的车辆数据中台工作区设计,不另起视觉概念,重点修复治理任务中“刷新后丢位置、共享链接不能还原、保存后面板突然关闭、用户不知道是否生效”的连续性问题。

接入管理

  • URL 同步保存已应用筛选、每页数量、当前页和选中 VIN刷新、分享、浏览器前进/后退均可恢复现场。
  • 深链打开时直接进入车辆详情,并在数据恢复期间给出明确加载态;失效 VIN 显示可清除的失效详情,而不是永久加载或错误空白。
  • 改变筛选会回到第一页并关闭已不属于当前范围的详情,避免“列表与侧栏不是同一批数据”。
  • 阈值保存后治理面板保持打开明确显示“阈值已保存vN 已生效”。

运维质量

  • 单车诊断 URL 同步保存工作区、候选搜索、候选分页和选中 VIN可以直接分享精确诊断现场。
  • 诊断候选翻页不再清空已选车辆,返回诊断页时仍保留搜索与页码。
  • 来源策略保存后侧栏保持打开以最新诊断数据更新字段并明确显示“策略已保存vN 已生效并重新计算推荐来源”。
  • 策略成功反馈由编辑面板持有,不会因后台诊断刷新被提前清除。

浏览器验收证据

桌面视口为 1440 × 900手机视口为 390 × 844均使用本地真实页面和模拟生产接口完成深链恢复。策略保存另完成交互验收版本从 v3 更新到 v4成功反馈可见且面板未关闭。

页面 桌面 手机
接入管理深链详情 desktop-access.png mobile-access.png
单车来源诊断 desktop-operations.png mobile-operations.png

与既有工作区基线的五点核对

  1. 视觉层级:保持“页面标题 → 工作区命令条 → 任务导航 → 主证据”的顺序;详情和策略仅覆盖当前任务,不引入新的全屏层级。
  2. 布局与间距:桌面继续使用高密度表格和右侧宽详情;手机切换为单列列表与高 bottom sheet首屏容纳结论、关键指标和首个证据卡。
  3. 文字层级:沿用现有标题、正文、弱说明三档,版本和时间继续采用紧凑辅助文字;没有新增与平台冲突的字号体系。
  4. 颜色语义:蓝色表示当前选中或推荐,绿色表示健康/已生效,橙色表示需要核对;保存成功不依赖颜色,另有完整文本反馈。
  5. 响应式行为:桌面表格保留横向证据扫描,手机将每个来源重排为纵向事实卡;筛选折叠、底部导航和侧栏方向均在断点后切换,没有把桌面表格压缩进窄屏。

首屏文案差异

  • 接入管理首屏保留“接入健康工作台”和“接入差异清单”;深链详情新增动态结论、处置建议和真实来源数量,帮助用户先判断是否需要行动。
  • 运维质量首屏保留“运行与数据质量”和“单车多来源诊断”;共享链接恢复后直接显示已选车辆、推荐来源、冲突距离和策略版本。
  • 没有改写平台导航和模块命名,减少跨模块认知迁移。

自动化验证

  • AccessPage.test.tsx6 项通过,覆盖 URL 恢复、分页、失效详情修复、阈值保存反馈与既有交互。
  • OperationsPage.test.tsx10 项通过,覆盖诊断深链、候选分页、策略保存保持打开与既有对账/健康交互。
  • 全量前端75 个测试文件、437 项测试全部通过。
  • 生产构建和构建门禁通过;仅保留依赖侧 Sass @import 弃用警告。