Files
ccdi/docs/tests/records/2026-03-20-results-overview-risk-model-linkage-frontend-verification.md

3.7 KiB
Raw Blame History

结果总览模型区联动筛选前端验证记录

验证范围

  • 结果总览模型区 API 封装
  • 入口页模型卡片真实数据接入
  • 模型卡片多选与 ANY / ALL 触发方式切换
  • 员工姓名或工号、部门、分页联动查询
  • 人员列表工号、模型摘要与异常标签展示
  • 模型卡片桌面端两行布局与响应式断点

验证命令

cd ruoyi-ui
node tests/unit/preliminary-check-model-api.test.js
node tests/unit/preliminary-check-model-data-loading.test.js
node tests/unit/preliminary-check-model-multiselect.test.js
node tests/unit/preliminary-check-model-match-mode.test.js
node tests/unit/preliminary-check-model-filters.test.js
node tests/unit/preliminary-check-model-table-columns.test.js
node tests/unit/preliminary-check-model-linkage-flow.test.js
node tests/unit/preliminary-check-model-and-detail.test.js
node tests/unit/preliminary-check-model-card-grid.test.js

验证结果

  • 2026-03-20 执行 preliminary-check-model-api.test.js 红灯验证,确认缺少模型卡片与模型人员分页接口封装。
  • 2026-03-20 完成 API 封装后重新执行 preliminary-check-model-api.test.js,断言通过。
  • 2026-03-20 执行 preliminary-check-model-data-loading.test.js 红灯验证,确认入口页尚未接入模型卡片真实接口且 mock 仍保留旧筛选依赖。
  • 2026-03-20 完成入口页与 mock 改造后重新执行 preliminary-check-model-data-loading.test.js,断言通过。
  • 2026-03-20 执行 preliminary-check-model-multiselect.test.jspreliminary-check-model-match-mode.test.js 红灯验证,确认模型区尚未具备多选和 matchMode 状态。
  • 2026-03-20 完成模型卡片多选、触发方式与人员列表请求状态改造后,重新执行上述 2 个测试,断言通过。
  • 2026-03-20 执行 preliminary-check-model-filters.test.jspreliminary-check-model-table-columns.test.js 红灯验证,确认模型区筛选条和表格列仍为旧结构。
  • 2026-03-20 完成员工姓名或工号、部门筛选以及工号列、异常标签列改造后,重新执行上述 2 个测试,断言通过。
  • 2026-03-20 新增并执行 preliminary-check-model-linkage-flow.test.js,确认默认全部模型、卡片增删、ANY / ALL 切换、关键词/部门/分页参数以及重置逻辑均已落到组件状态与请求参数构造中。
  • 2026-03-20 追加执行 preliminary-check-model-and-detail.test.js,确认模型区与风险明细区的静态文案断言与当前实现一致。
  • 2026-03-20 新增并执行 preliminary-check-model-card-grid.test.js 红灯验证,确认模型卡片网格仍为旧的 3 列布局。
  • 2026-03-20 将 RiskModelSection.vue 的模型卡片网格改为桌面端 5 列、平板端 2 列、手机端 1 列后,重新执行 preliminary-check-model-card-grid.test.js,断言通过。
  • 2026-03-20 重新执行 preliminary-check-model-and-detail.test.jspreliminary-check-model-linkage-flow.test.js,确认布局调整未影响模型区静态结构和联动逻辑。
  • 2026-03-20 执行上述 9 个前端单测命令总结果全部通过0 failure0 error。

结论

  • 结果总览模型区前端已切换为真实接口驱动,入口页负责模型卡片数据,模型区组件负责联动查询。
  • 模型区已支持多卡片联动、任意触发 / 同时触发 切换,以及姓名或工号、部门、分页组合筛选。
  • 模型卡片区桌面端已改为固定两行展示 10 张卡片,窄屏继续按 2 列 / 1 列自适应收缩。
  • 人员列表已展示工号、命中模型摘要和异常标签,并复用风险等级颜色映射。
  • 本轮验证仅执行前端静态单测,未启动额外前后端进程,因此无需执行进程清理。