32 lines
1.2 KiB
Markdown
32 lines
1.2 KiB
Markdown
# 结果总览模型预警次数统计四列布局前端实施记录
|
|
|
|
## 本次改动
|
|
|
|
- 调整 [RiskModelSection.vue](/Users/wkc/Desktop/ccdi/ccdi/ruoyi-ui/src/views/ccdiProject/components/detail/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](/Users/wkc/Desktop/ccdi/ccdi/ruoyi-ui/tests/unit/preliminary-check-model-card-grid.test.js) 断言，防止后续回退到 5 列。
|
|
|
|
## 验证结果
|
|
|
|
执行命令：
|
|
|
|
```bash
|
|
cd ruoyi-ui
|
|
node tests/unit/preliminary-check-model-card-grid.test.js
|
|
npm run build:prod
|
|
```
|
|
|
|
执行结果：
|
|
|
|
- 静态测试通过
|
|
- 生产构建通过
|
|
- 构建过程中仅有仓库原有体积告警，没有新增编译错误
|
|
|
|
## 补充说明
|
|
|
|
- 本次仅调整桌面端卡片区排版，不改动模型卡片数据、联动筛选和人员列表逻辑。
|
|
- 本轮未启动前端开发服务进行手工联调，因此不存在新增前端进程需要关闭的情况。
|