# 结果总览查看详情弹窗左侧固定卡片布局实施记录

## 变更日期

- 2026-03-25

## 变更范围

- 前端：`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
- 前端：`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
- 单测：`ruoyi-ui/tests/unit/project-analysis-dialog-sidebar.test.js`
- 单测：`ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js`

## 实施内容

### 1. 左侧内容改为一张固定卡片

- 移除“排查记录摘要”区块。
- 将“人员基础信息”和“命中模型摘要”合并到一张侧栏卡片中。
- 两个区块之间增加分隔线，保留分组标题。

### 2. 移除左侧背景色与阴影

- 左侧卡片背景改为透明。
- 去除卡片阴影，仅保留边框和分组结构。

### 3. 右侧内容改为独立滚动

- 在项目分析弹窗中新增 `project-analysis-layout__main-scroll` 容器。
- 右侧主内容改为内部纵向滚动。
- 左侧侧栏设置为固定区，不随右侧内容滚动。

## 结果

- 弹窗左侧已改为一张固定信息卡片。
- 右侧内容向下滚动时，左侧人员基础信息和命中模型摘要保持固定。
- 排查记录摘要已从弹窗左侧移除。