修复结果总览标签展示

This commit is contained in:
wkc
2026-03-25 18:47:27 +08:00
parent ed427f7a42
commit 255a41c936
4 changed files with 59 additions and 1 deletions

View File

@@ -0,0 +1,21 @@
# 结果总览查看详情弹窗核心异常标签展示修复实施记录
## 变更日期
- 2026-03-25
## 变更范围
- 前端:`ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
- 单测:`ruoyi-ui/tests/unit/project-analysis-dialog-sidebar.test.js`
## 实施内容
- 将左侧“核心异常标签”展示区改为整行左对齐换行布局。
- 为标签标题增加独立块级布局和下边距。
- 取消标签容器右对齐约束,改为占满可用宽度并从左向右换行展示。
## 结果
- 左侧核心异常标签可完整展开显示。
- 长标签和多标签场景下的展示空间得到释放。

View File

@@ -0,0 +1,27 @@
# 结果总览查看详情弹窗核心异常标签展示修复验证记录
## 验证日期
- 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
```
## 验证结果
- 侧栏结构相关单测通过。
- 布局、异常明细、来源提示相关单测通过。
- 前端生产构建成功。
- 构建过程中仅有项目既有的静态资源体积告警,无新增错误。
## 结论
- 左侧核心异常标签展示不完整的问题已修复,相关前端回归通过。

View File

@@ -119,6 +119,11 @@ export default {
display: block;
}
.sidebar-field--column .sidebar-field__label {
display: block;
margin-bottom: 8px;
}
.sidebar-field__label {
flex: 0 0 84px;
font-size: 12px;
@@ -137,8 +142,9 @@ export default {
.tag-list {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: flex-end;
justify-content: flex-start;
gap: 8px;
margin-top: 8px;
}

View File

@@ -37,6 +37,10 @@ const entry = fs.readFileSync(
"暂无异常标签",
"formatRiskTag",
"tag.ruleName",
"justify-content: flex-start",
"width: 100%",
".sidebar-field--column .sidebar-field__label",
"margin-bottom: 8px",
].forEach((token) => assert(sidebar.includes(token), token));
assert(!sidebar.includes("当前命中模型"), "命中模型摘要应移除当前命中模型字段");