29 lines
1.5 KiB
Markdown
29 lines
1.5 KiB
Markdown
|
# 项目分析详情侧栏收起与异常明细导出前端实施计划
|
||
|
|
|
||
|
|
## 目标
|
||
|
|
|
||
|
|
在结果总览的项目分析详情弹窗中，减少左侧“人物档案、命中模型摘要”对屏幕宽度的占用，并为“查看详情 > 异常明细”增加导出入口。
|
||
|
|
|
||
|
|
## 范围
|
||
|
|
|
||
|
|
- 调整 `ProjectAnalysisDialog.vue` 的左右布局，支持左侧侧栏收起和展开。
|
||
|
|
- 调整 `ProjectAnalysisSidebar.vue` 的紧凑展示样式，使默认占宽更小。
|
||
|
|
- 调整 `ExternalPersonDetailDialog.vue`，保持外部人员详情与员工详情布局一致。
|
||
|
|
- 调整 `ProjectAnalysisAbnormalTab.vue`，在异常明细页签提供导出按钮。
|
||
|
|
- 资金流向页签不提供导出按钮。
|
||
|
|
|
||
|
|
## 实施步骤
|
||
|
|
|
||
|
|
1. 在项目分析弹窗中维护 `sidebarCollapsed` 状态，弹窗打开时默认展开。
|
||
|
|
2. 在弹窗布局中加入侧栏收起按钮，收起后左侧变为窄栏，右侧主区域占满剩余空间。
|
||
|
|
3. 将左侧默认宽度由百分比大侧栏改为固定紧凑宽度，降低对资金流向内容区的挤占。
|
||
|
|
4. 将弹窗头部压缩为单行低高度展示，去掉“结果总览”层级文案。
|
||
|
|
5. 在异常明细页签增加“导出”按钮，导出当前弹窗已加载的异常明细数据。
|
||
|
|
|
||
|
|
## 验证
|
||
|
|
|
||
|
|
- 前端构建或语法检查不报错。
|
||
|
|
- 真实页面打开项目分析详情后，侧栏可以收起和展开。
|
||
|
|
- 员工两个“查看详情”和外部人员“查看详情”均使用同一套紧凑布局。
|
||
|
|
- 异常明细页签可看到导出按钮，资金流向页签不出现导出按钮。
|