37 lines
1.9 KiB
Markdown
37 lines
1.9 KiB
Markdown
|
# 结果总览卡片合并前端实施记录
|
||
|
|
|
||
|
|
**日期**: 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`、模型联动、分页、导出、查看详情等既有数据与事件链路。
|
||
|
|
- 未调整风险模型区与风险明细区内部表格字段语义。
|
||
|
|
- 未新增设计文档之外的额外区块、兜底逻辑或交互。
|