优化结果总览标题层级与人员区标题
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
# 结果总览标题层级优化前端实施记录
|
||||
|
||||
**日期**: 2026-03-27
|
||||
|
||||
## 本次调整内容
|
||||
|
||||
- 在顶部 `风险总览` 卡片内,为风险人员表格补充 `风险人员总览` 小节标题。
|
||||
- 保留风险人员区原有导出按钮位置,调整为与小节标题同一行展示。
|
||||
- 增强 `风险总览`、`风险模型`、`风险明细` 三个主卡片标题的视觉层级。
|
||||
- 下调卡片内表格区块标题的视觉权重,使其与主卡片标题形成明确区分。
|
||||
|
||||
## 实现方式
|
||||
|
||||
- `PreliminaryCheck.vue` 中的主卡片标题统一调整为更大的字号、加粗字重,并补充左侧强调色条。
|
||||
- `RiskPeopleSection.vue` 在表格上方新增小节标题与副标题,作为风险人员区域的表格级标题。
|
||||
- `RiskModelSection.vue`、`RiskDetailSection.vue` 的主标题样式同步提升,同时将内部 `block-title` 调整为次级字号,并增加弱化的左侧标识。
|
||||
|
||||
## 边界说明
|
||||
|
||||
- 未新增接口、字段或状态。
|
||||
- 未调整模型联动、导出、查看详情、分页等既有行为。
|
||||
- 未引入新的页面区块,仅优化已存在标题与层级展示。
|
||||
@@ -0,0 +1,36 @@
|
||||
# 结果总览标题层级优化前端验证记录
|
||||
|
||||
**日期**: 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`: 否。
|
||||
- 未启动前端开发进程,因此无需执行进程停止操作。
|
||||
|
||||
## 结论
|
||||
|
||||
- 风险人员表格上方已具备独立的 `风险人员总览` 小节标题约束。
|
||||
- 主卡片标题与内部表格标题的层级差异已通过静态断言与构建验证确认。
|
||||
Reference in New Issue
Block a user