合并结果总览详情外层卡片

This commit is contained in:
wkc
2026-03-25 18:44:57 +08:00
parent 7fb1543c4c
commit ed427f7a42
6 changed files with 122 additions and 43 deletions

View File

@@ -0,0 +1,35 @@
# 结果总览查看详情弹窗统一外层卡片实施记录
## 变更日期
- 2026-03-25
## 变更范围
- 前端:`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
- 前端:`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
- 单测:`ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js`
- 单测:`ruoyi-ui/tests/unit/project-analysis-dialog-sidebar.test.js`
## 实施内容
### 1. 左右区域合并到同一个外层卡片
- 在项目分析弹窗中新增 `project-analysis-shell` 外层容器。
- 外层容器统一承载边框、圆角、背景和裁切效果。
- 左右分栏保持不变,但视觉上不再是两张独立卡片。
### 2. 左侧独立卡片样式收口
- 去掉左侧 `sidebar-card` 的独立边框。
- 保留左侧信息分组与分隔线,维持内容层次。
### 3. 右侧区域并入统一外壳
- 右侧内容区保留原有独立滚动逻辑。
- 通过左边距与分割线,保证左右两区在统一外壳内仍有清晰边界。
## 结果
- 左右内容已放进同一个外层卡片。
- 左侧不再呈现独立卡片外观,弹窗整体视觉更加统一。