diff --git a/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-implementation.md b/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-implementation.md new file mode 100644 index 00000000..6b65aabe --- /dev/null +++ b/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-implementation.md @@ -0,0 +1,37 @@ +# 结果总览查看详情弹窗左侧固定卡片布局实施记录 + +## 变更日期 + +- 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` 容器。 +- 右侧主内容改为内部纵向滚动。 +- 左侧侧栏设置为固定区,不随右侧内容滚动。 + +## 结果 + +- 弹窗左侧已改为一张固定信息卡片。 +- 右侧内容向下滚动时,左侧人员基础信息和命中模型摘要保持固定。 +- 排查记录摘要已从弹窗左侧移除。 diff --git a/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-verification.md b/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-verification.md new file mode 100644 index 00000000..5076d450 --- /dev/null +++ b/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-sidebar-fixed-layout-verification.md @@ -0,0 +1,28 @@ +# 结果总览查看详情弹窗左侧固定卡片布局验证记录 + +## 验证日期 + +- 2026-03-25 + +## 验证命令 + +```bash +cd ruoyi-ui +node tests/unit/project-analysis-dialog-sidebar.test.js +node tests/unit/project-analysis-dialog-layout.test.js +node tests/unit/project-analysis-dialog-abnormal-tab.test.js +node tests/unit/project-analysis-dialog-source-highlight.test.js +npm run build:prod +``` + +## 验证结果 + +- 侧栏结构相关单测通过。 +- 弹窗布局相关单测通过。 +- 异常明细与来源提示相关单测通过。 +- 前端生产构建成功。 +- 构建过程中仅有项目既有的静态资源体积告警,无新增错误。 + +## 结论 + +- 左侧固定卡片、右侧独立滚动、移除排查记录摘要等调整已完成,相关前端回归通过。 diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue index e13ab7a8..c2ef75a3 100644 --- a/ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue +++ b/ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue @@ -14,42 +14,44 @@ :sidebar-data="dialogData.sidebar" />