补充项目分析弹窗前端修复记录

This commit is contained in:
wkc
2026-03-26 09:15:59 +08:00
parent b5733486fd
commit 762af9de90
2 changed files with 55 additions and 0 deletions

View File

@@ -0,0 +1,15 @@
# 项目分析弹窗展示修复前端实施记录
## 本次调整
-`ProjectAnalysisDialog.vue` 中放大弹窗尺寸、压缩顶部空白,移除旧的 `project-analysis-shell` 和右侧独立滚动容器,改为“头带 + 工作区”的统一滚动结构
- 将“当前命中模型”从主区独立提示行并入头带,保留现有详情请求、错误提示、重试和默认页签重置逻辑
-`ProjectAnalysisSidebar.vue` 中重构左侧为“人物档案 + 命中模型摘要”两段式布局,突出姓名、风险等级、工号、部门与所属项目
- 将核心异常标签区域改为整行换行展示,保留空值显示 `-` 与“暂无异常标签”文案
-`ProjectAnalysisAbnormalTab.vue``ProjectAnalysisPlaceholderTab.vue` 中统一主区面板基线,保持异常明细的连续阅读流,减少页签与头带之间的无效留白
## 验证情况
- 计划要求的 8 条前端聚焦回归已全部通过
- `npm run build:prod` 构建成功
- 未调整结果总览入口、路由或后端接口

View File

@@ -0,0 +1,40 @@
# 项目分析弹窗展示修复前端验证记录
## 执行时间
- 2026-03-26 09:15:34 CST
## 执行命令
```bash
cd ruoyi-ui
node tests/unit/project-analysis-dialog-layout.test.js
node tests/unit/project-analysis-dialog-source-highlight.test.js
node tests/unit/project-analysis-dialog-default-tab.test.js
node tests/unit/project-analysis-dialog-sidebar.test.js
node tests/unit/project-analysis-dialog-empty-field.test.js
node tests/unit/project-analysis-dialog-abnormal-tab.test.js
node tests/unit/preliminary-check-project-analysis-entry.test.js
node tests/unit/preliminary-check-project-analysis-source-context.test.js
npm run build:prod
```
## 测试结果
- `project-analysis-dialog-layout.test.js`PASS
- `project-analysis-dialog-source-highlight.test.js`PASS
- `project-analysis-dialog-default-tab.test.js`PASS
- `project-analysis-dialog-sidebar.test.js`PASS
- `project-analysis-dialog-empty-field.test.js`PASS
- `project-analysis-dialog-abnormal-tab.test.js`PASS
- `preliminary-check-project-analysis-entry.test.js`PASS
- `preliminary-check-project-analysis-source-context.test.js`PASS
- `npm run build:prod`:构建成功,输出 `Build complete`;存在既有资源体积告警,但不影响本次修复构建通过
## 验收结论
- 顶部留白已收紧,弹窗尺寸较原实现放大
- 弹窗主内容区已改为统一滚动,右侧主区不再独立滚动
- 左侧侧栏按内容自然结束,不再被右侧区域强制拉满
- 核心异常标签支持完整换行展示
- 结果总览入口、默认页签与详情接口链路均保持原有行为