调整异常对象卡片单列展示

docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-object-card-single-column-implementation.md

@@ -0,0 +1,21 @@
+# 结果总览查看详情弹窗异常对象卡片单列展示实施记录
+
+## 变更日期
+
+- 2026-03-25
+
+## 变更范围
+
+- 前端：`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisAbnormalTab.vue`
+- 单测：`ruoyi-ui/tests/unit/project-analysis-dialog-abnormal-tab.test.js`
+
+## 实施内容
+
+- 将异常对象摘要区 `object-card-grid` 的布局从双列改为单列。
+- 每张对象摘要卡片改为独占一整行展示。
+- 卡片内部内容顺序保持不变，仍然展示标题、副标题、标签、异常原因快照、摘要说明和补充字段。
+
+## 结果
+
+- 异常对象摘要卡片已调整为一行一个。
+- 本次改动仅涉及样式布局，不影响数据结构和接口返回。

docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-object-card-single-column-verification.md

@@ -0,0 +1,24 @@
+# 结果总览查看详情弹窗异常对象卡片单列展示验证记录
+
+## 验证日期
+
+- 2026-03-25
+
+## 验证命令
+
+```bash
+cd ruoyi-ui
+node tests/unit/project-analysis-dialog-abnormal-tab.test.js
+node tests/unit/project-analysis-dialog-source-highlight.test.js
+npm run build:prod
+```
+
+## 验证结果
+
+- 对象卡片相关单测通过。
+- 前端生产构建成功。
+- 构建过程中仅有项目既有的静态资源体积告警，无新增错误。
+
+## 结论
+
+- 异常对象摘要卡片已按一行一个展示，相关前端回归通过。

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

@@ -235,7 +235,7 @@ export default {
 
 .object-card-grid {
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
   gap: 16px;
 }
 

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

@@ -46,4 +46,5 @@ const abnormalTab = fs.readFileSync(
   "reasonDetail",
   "summary",
   "extraFields",
+  "grid-template-columns: minmax(0, 1fr)",
 ].forEach((token) => assert(abnormalTab.includes(token), token));