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