补充结果总览卡片合并前端实施记录
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`、模型联动、分页、导出、查看详情等既有数据与事件链路。
|
||||
- 未调整风险模型区与风险明细区内部表格字段语义。
|
||||
- 未新增设计文档之外的额外区块、兜底逻辑或交互。
|
||||
@@ -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`。
|
||||
|
||||
## 最终结论
|
||||
|
||||
- 顶部区域已具备合并为单个 `风险总览` 卡片的结构约束。
|
||||
- `风险模型`、`风险明细` 顶层标题改造已通过回归验证。
|
||||
- 本轮前端改造达到可交付状态。
|
||||
Reference in New Issue
Block a user