调整结果总览详情弹窗占比

docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-viewport-layout-adjustment-implementation.md

@@ -0,0 +1,21 @@
+# 结果总览查看详情弹窗视口占比调整实施记录
+
+## 变更日期
+
+- 2026-03-25
+
+## 变更范围
+
+- 前端：`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
+- 单测：`ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js`
+
+## 实施内容
+
+- 将项目分析弹窗宽度从固定像素值调整为 `80%`。
+- 为弹窗增加 `top="5vh"`，使弹窗顶部与页面保留约 5% 的空白。
+- 保持弹窗内部布局、侧栏宽度和页签结构不变。
+
+## 结果
+
+- 项目分析弹窗改为按页面宽度的 80% 展示。
+- 弹窗顶部与页面保留约 5% 空白，整体视觉占比更接近整屏展示。

docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-viewport-layout-adjustment-verification.md

@@ -0,0 +1,26 @@
+# 结果总览查看详情弹窗视口占比调整验证记录
+
+## 验证日期
+
+- 2026-03-25
+
+## 验证命令
+
+```bash
+cd ruoyi-ui
+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
+```
+
+## 验证结果
+
+- 项目分析弹窗布局相关单测通过。
+- 异常明细和来源提示相关单测通过。
+- 前端生产构建成功。
+- 构建过程中仅有项目既有的静态资源体积告警，无新增错误。
+
+## 结论
+
+- 项目分析弹窗已按页面宽度 80% 展示，并保留顶部约 5% 空白，相关前端回归通过。

ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue

@@ -2,7 +2,8 @@
   <el-dialog
     title="项目分析"
     :visible.sync="visibleProxy"
-    width="1440px"
+    width="80%"
+    top="5vh"
     append-to-body
     custom-class="project-analysis-dialog"
     @close="handleDialogClosed"

ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js

@@ -19,7 +19,8 @@ const mockSource = fs.readFileSync(
 
 [
   'title="项目分析"',
-  'width="1440px"',
+  'width="80%"',
+  'top="5vh"',
   "<project-analysis-sidebar",
   '<el-tabs v-model="activeTab"',
   'name="abnormalDetail"',