补充结果总览卡片合并前端实施记录

This commit is contained in:
wkc
2026-03-27 14:56:10 +08:00
parent 7cffdc9e2b
commit 966754e8c6
2 changed files with 77 additions and 0 deletions

View File

@@ -0,0 +1,36 @@
# 结果总览卡片合并前端实施记录
**日期**: 2026-03-27
## 改动内容
-`PreliminaryCheck.vue` 新增统一 `风险总览` 外层卡片,按“统计区在上、风险人员区在下”的顺序组织顶部内容。
-`OverviewStats.vue` 去掉独立白卡壳层、旧标题与旧副标题,仅保留统计卡片栅格展示。
-`RiskPeopleSection.vue` 去掉独立大卡片标题与白卡壳层,保留导出按钮、表格字段、风险标签与查看详情事件。
-`preliminaryCheck.mock.js` 将最后一个统计项文案调整为 `无预警人数`,并保留 5 个指标顺序不变。
-`RiskModelSection.vue``RiskDetailSection.vue` 增加顶层标题,统一页面主区块名称为 `风险模型``风险明细`
## 实现方式说明
### 合并 `风险仪表盘` 与 `风险人员总览`
- 采用父层合并方案,在入口组件统一承载顶部主卡片。
- 保持 `OverviewStats``RiskPeopleSection` 两个子组件职责不变,只移除各自重复壳层,避免重组数据装配与交互逻辑。
### 统计卡片标题与小图标补齐
- 统计卡片继续使用 mock 中已有的 `icon``label``value``tone` 字段驱动展示。
- `OverviewStats.vue` 保留图标与标题渲染逻辑,确保 5 个统计项都展示“小图标 + 标题 + 数值”。
### 标题统一情况
- 顶部主卡片标题统一为 `风险总览`
- 第二个主卡片新增顶层标题 `风险模型`
- 第三个主卡片新增顶层标题 `风险明细`
## 本轮未改动边界
- 未新增或修改任何后端接口。
- 未改变 `currentData.summary``currentData.riskPeople`、模型联动、分页、导出、查看详情等既有数据与事件链路。
- 未调整风险模型区与风险明细区内部表格字段语义。
- 未新增设计文档之外的额外区块、兜底逻辑或交互。

View File

@@ -0,0 +1,41 @@
# 结果总览卡片合并前端验证记录
**日期**: 2026-03-27
## 执行命令
```bash
cd ruoyi-ui
node tests/unit/preliminary-check-layout.test.js
node tests/unit/preliminary-check-summary-and-people.test.js
node tests/unit/preliminary-check-summary-visuals.test.js
node tests/unit/preliminary-check-overview-spacing.test.js
node tests/unit/preliminary-check-model-and-detail.test.js
node tests/unit/preliminary-check-model-card-grid.test.js
node tests/unit/preliminary-check-model-filters.test.js
node tests/unit/preliminary-check-model-linkage-flow.test.js
node tests/unit/preliminary-check-project-analysis-entry.test.js
node tests/unit/preliminary-check-states.test.js
npm run build:prod
```
## 验证结果
- 10 个结果总览相关静态断言均执行通过。
- `npm run build:prod` 构建成功,产物可正常生成。
- 构建过程中出现既有体积告警,属于现有打包产物体积提示,本轮改造未新增构建错误。
## 人工检查
- 是否执行 `npm run dev`: 否。
- 未启动前端开发进程,因此无需执行前端进程停止操作。
## 设计文档路径核对
- 已确认设计文档存在于 `docs/design/2026-03-27-results-overview-card-merge-design.md`
## 最终结论
- 顶部区域已具备合并为单个 `风险总览` 卡片的结构约束。
- `风险模型``风险明细` 顶层标题改造已通过回归验证。
- 本轮前端改造达到可交付状态。