3.3 KiB
3.3 KiB
项目分析详情侧栏收起与异常明细导出实施记录
修改内容
- 项目分析详情弹窗左侧“人物档案、命中模型摘要”默认改为紧凑宽度,并新增收起/展开按钮。
- 侧栏收起后保留窄栏身份提示,右侧分析页签自动获得更多展示宽度。
- 根据页面反馈进一步简化侧栏样式:左侧区域整体保持白底,档案区保留单层白色外框,不再呈现灰底缝隙、灰底承托或嵌套白卡,也不再把“人物档案、命中模型摘要”做成两个模块层级;收起按钮放入档案卡片内部并改为纯图标按钮。
- 资金流向逐笔明细表补齐本方与对手方名称、账号展示,避免生产数据中名称/账号不易区分;资金流向不提供导出按钮。
- 压缩项目分析详情与外部人员详情弹窗头部:移除“结果总览”层级文案,标题改为单行低高度展示。
- 外部人员“查看详情”弹窗同步接入单卡侧栏、图标收起按钮和紧凑头部,确保员工风险人员、命中模型涉及人员、外部人员三个入口风格一致。
- “查看详情 > 异常明细”页签在“流水异常明细”标题栏右侧新增“导出”按钮,导出当前弹窗已加载的流水异常和对象异常 CSV 明细。
- 异常明细表将本方、对方列调整为“名称在上、账号在下”的展示方式,避免名称与账号含义混淆。
影响范围
- 前端页面:项目详情 > 结果总览 > 命中模型涉及人员 / 风险人员 / 外部人员查看详情。
- 前端组件:
ProjectAnalysisDialog.vue、ExternalPersonDetailDialog.vue、ProjectAnalysisSidebar.vue、ProjectAnalysisAbnormalTab.vue、FundGraphSection.vue。 - 后端模块:无新增接口;资金流图谱查询链路保持不变。
- 不修改资金边明细分页查询口径,不影响手工资金流向边。
验证情况
- 已执行:
mvn -pl ccdi-project -am compile -DskipTests,通过。 - 已执行:按
.nvmrc使用 Nodev14.21.3直接调用本地vue-cli-service build,构建通过,仅存在既有资源体积警告。 - 已执行:侧栏单卡片与图标按钮微调后,再次执行同一前端构建,构建通过,仅存在既有资源体积警告。
- 已执行:异常明细导出、单层白色档案卡片、卡片内纯图标收起按钮调整后的前端构建,构建通过,仅存在既有资源体积警告。
- 已执行:真实页面
http://localhost:8080/ccdiProject/detail/90342?tab=overview验证。- 命中模型涉及人员“查看详情”可打开项目分析详情弹窗。
- 弹窗中出现档案卡片内纯图标收起按钮。
- 点击收起后,左侧侧栏由约 286px 收缩为约 54px,右侧主区域由约 1211px 扩展为约 1453px。
- 已检查:资金流向页签可加载资金图接口
/ccdi/project/fund-graph/graph。 - 已检查:资金流向页签不存在“导出明细”按钮和
/edge-detail/export导出接口调用。 - 已执行:真实页面复验左侧区域、侧栏外层、右侧主区均为白色背景;档案区保留单层白色外框,外框外不再出现灰色缝隙;收起按钮在卡片内部且仅显示图标。
- 已执行:真实页面复验“导出”按钮位于“流水异常明细”标题栏右侧,不位于异常明细整体上层。