补充结果总览卡片合并前端实施记录
This commit is contained in:
@@ -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`、模型联动、分页、导出、查看详情等既有数据与事件链路。
|
||||
- 未调整风险模型区与风险明细区内部表格字段语义。
|
||||
- 未新增设计文档之外的额外区块、兜底逻辑或交互。
|
||||
Reference in New Issue
Block a user