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