修复结果总览标签展示
This commit is contained in:
@@ -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`
|
||||
|
||||
## 实施内容
|
||||
|
||||
- 将左侧“核心异常标签”展示区改为整行左对齐换行布局。
|
||||
- 为标签标题增加独立块级布局和下边距。
|
||||
- 取消标签容器右对齐约束,改为占满可用宽度并从左向右换行展示。
|
||||
|
||||
## 结果
|
||||
|
||||
- 左侧核心异常标签可完整展开显示。
|
||||
- 长标签和多标签场景下的展示空间得到释放。
|
||||
@@ -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
|
||||
```
|
||||
|
||||
## 验证结果
|
||||
|
||||
- 侧栏结构相关单测通过。
|
||||
- 布局、异常明细、来源提示相关单测通过。
|
||||
- 前端生产构建成功。
|
||||
- 构建过程中仅有项目既有的静态资源体积告警,无新增错误。
|
||||
|
||||
## 结论
|
||||
|
||||
- 左侧核心异常标签展示不完整的问题已修复,相关前端回归通过。
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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("当前命中模型"), "命中模型摘要应移除当前命中模型字段");
|
||||
|
||||
Reference in New Issue
Block a user