Files
ccdi/docs/reports/implementation/2026-03-31-results-overview-risk-model-card-grid-frontend-implementation.md
2026-04-07 09:37:41 +08:00

1.2 KiB

结果总览模型预警次数统计四列布局前端实施记录

本次改动

  • 调整 RiskModelSection.vue模型预警次数统计 卡片区的桌面端栅格布局。
  • .model-card-grid 的桌面端列数由 repeat(5, minmax(0, 1fr)) 调整为 repeat(4, minmax(0, 1fr)),使桌面端固定每行 4 张卡片。
  • 保留现有响应式断点不变:
    • 1200px 以下 2 列
    • 768px 以下 1 列
  • 更新 preliminary-check-model-card-grid.test.js 断言,防止后续回退到 5 列。

验证结果

执行命令:

cd ruoyi-ui
node tests/unit/preliminary-check-model-card-grid.test.js
npm run build:prod

执行结果:

  • 静态测试通过
  • 生产构建通过
  • 构建过程中仅有仓库原有体积告警,没有新增编译错误

补充说明

  • 本次仅调整桌面端卡片区排版,不改动模型卡片数据、联动筛选和人员列表逻辑。
  • 本轮未启动前端开发服务进行手工联调,因此不存在新增前端进程需要关闭的情况。