1.2 KiB
1.2 KiB
结果总览查看详情弹窗统一外层卡片实施记录
变更日期
- 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. 右侧区域并入统一外壳
- 右侧内容区保留原有独立滚动逻辑。
- 通过左边距与分割线，保证左右两区在统一外壳内仍有清晰边界。
结果
- 左右内容已放进同一个外层卡片。
- 左侧不再呈现独立卡片外观，弹窗整体视觉更加统一。