合并结果总览详情外层卡片
This commit is contained in:
@@ -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. 右侧区域并入统一外壳
|
||||
|
||||
- 右侧内容区保留原有独立滚动逻辑。
|
||||
- 通过左边距与分割线,保证左右两区在统一外壳内仍有清晰边界。
|
||||
|
||||
## 结果
|
||||
|
||||
- 左右内容已放进同一个外层卡片。
|
||||
- 左侧不再呈现独立卡片外观,弹窗整体视觉更加统一。
|
||||
Reference in New Issue
Block a user