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

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`、模型联动、分页、导出、查看详情等既有数据与事件链路。
- 未调整风险模型区与风险明细区内部表格字段语义。
- 未新增设计文档之外的额外区块、兜底逻辑或交互。