# 接入管理与运维质量工作连续性 ## 本轮结果 本轮沿用已接受的车辆数据中台工作区设计,不另起视觉概念,重点修复治理任务中“刷新后丢位置、共享链接不能还原、保存后面板突然关闭、用户不知道是否生效”的连续性问题。 ### 接入管理 - URL 同步保存已应用筛选、每页数量、当前页和选中 VIN;刷新、分享、浏览器前进/后退均可恢复现场。 - 深链打开时直接进入车辆详情,并在数据恢复期间给出明确加载态;失效 VIN 显示可清除的失效详情,而不是永久加载或错误空白。 - 改变筛选会回到第一页并关闭已不属于当前范围的详情,避免“列表与侧栏不是同一批数据”。 - 阈值保存后治理面板保持打开,明确显示“阈值已保存,vN 已生效”。 ### 运维质量 - 单车诊断 URL 同步保存工作区、候选搜索、候选分页和选中 VIN;可以直接分享精确诊断现场。 - 诊断候选翻页不再清空已选车辆,返回诊断页时仍保留搜索与页码。 - 来源策略保存后侧栏保持打开,以最新诊断数据更新字段,并明确显示“策略已保存,vN 已生效并重新计算推荐来源”。 - 策略成功反馈由编辑面板持有,不会因后台诊断刷新被提前清除。 ## 浏览器验收证据 桌面视口为 1440 × 900,手机视口为 390 × 844;均使用本地真实页面和模拟生产接口完成深链恢复。策略保存另完成交互验收:版本从 v3 更新到 v4,成功反馈可见且面板未关闭。 | 页面 | 桌面 | 手机 | | --- | --- | --- | | 接入管理深链详情 | [desktop-access.png](./desktop-access.png) | [mobile-access.png](./mobile-access.png) | | 单车来源诊断 | [desktop-operations.png](./desktop-operations.png) | [mobile-operations.png](./mobile-operations.png) | ## 与既有工作区基线的五点核对 1. **视觉层级**:保持“页面标题 → 工作区命令条 → 任务导航 → 主证据”的顺序;详情和策略仅覆盖当前任务,不引入新的全屏层级。 2. **布局与间距**:桌面继续使用高密度表格和右侧宽详情;手机切换为单列列表与高 bottom sheet,首屏容纳结论、关键指标和首个证据卡。 3. **文字层级**:沿用现有标题、正文、弱说明三档,版本和时间继续采用紧凑辅助文字;没有新增与平台冲突的字号体系。 4. **颜色语义**:蓝色表示当前选中或推荐,绿色表示健康/已生效,橙色表示需要核对;保存成功不依赖颜色,另有完整文本反馈。 5. **响应式行为**:桌面表格保留横向证据扫描,手机将每个来源重排为纵向事实卡;筛选折叠、底部导航和侧栏方向均在断点后切换,没有把桌面表格压缩进窄屏。 ## 首屏文案差异 - 接入管理首屏保留“接入健康工作台”和“接入差异清单”;深链详情新增动态结论、处置建议和真实来源数量,帮助用户先判断是否需要行动。 - 运维质量首屏保留“运行与数据质量”和“单车多来源诊断”;共享链接恢复后直接显示已选车辆、推荐来源、冲突距离和策略版本。 - 没有改写平台导航和模块命名,减少跨模块认知迁移。 ## 自动化验证 - `AccessPage.test.tsx`:6 项通过,覆盖 URL 恢复、分页、失效详情修复、阈值保存反馈与既有交互。 - `OperationsPage.test.tsx`:10 项通过,覆盖诊断深链、候选分页、策略保存保持打开与既有对账/健康交互。 - 全量前端:75 个测试文件、437 项测试全部通过。 - 生产构建和构建门禁通过;仅保留依赖侧 Sass `@import` 弃用警告。