# 结果总览查看详情弹窗统一外层卡片实施记录

## 变更日期

- 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. 右侧区域并入统一外壳

- 右侧内容区保留原有独立滚动逻辑。
- 通过左边距与分割线，保证左右两区在统一外壳内仍有清晰边界。

## 结果

- 左右内容已放进同一个外层卡片。
- 左侧不再呈现独立卡片外观，弹窗整体视觉更加统一。