# 项目分析详情侧栏收起与异常明细导出实施记录

## 修改内容

1. 项目分析详情弹窗左侧“人物档案、命中模型摘要”默认改为紧凑宽度，并新增收起/展开按钮。
2. 侧栏收起后保留窄栏身份提示，右侧分析页签自动获得更多展示宽度。
3. 根据页面反馈进一步简化侧栏样式：左侧区域整体保持白底，档案区保留单层白色外框，不再呈现灰底缝隙、灰底承托或嵌套白卡，也不再把“人物档案、命中模型摘要”做成两个模块层级；收起按钮放入档案卡片内部并改为纯图标按钮。
4. 资金流向逐笔明细表补齐本方与对手方名称、账号展示，避免生产数据中名称/账号不易区分；资金流向不提供导出按钮。
5. 压缩项目分析详情与外部人员详情弹窗头部：移除“结果总览”层级文案，标题改为单行低高度展示。
6. 外部人员“查看详情”弹窗同步接入单卡侧栏、图标收起按钮和紧凑头部，确保员工风险人员、命中模型涉及人员、外部人员三个入口风格一致。
7. “查看详情 > 异常明细”页签在“流水异常明细”标题栏右侧新增“导出”按钮，导出当前弹窗已加载的流水异常和对象异常 CSV 明细。
8. 异常明细表将本方、对方列调整为“名称在上、账号在下”的展示方式，避免名称与账号含义混淆。

## 影响范围

- 前端页面：项目详情 > 结果总览 > 命中模型涉及人员 / 风险人员 / 外部人员查看详情。
- 前端组件：`ProjectAnalysisDialog.vue`、`ExternalPersonDetailDialog.vue`、`ProjectAnalysisSidebar.vue`、`ProjectAnalysisAbnormalTab.vue`、`FundGraphSection.vue`。
- 后端模块：无新增接口；资金流图谱查询链路保持不变。
- 不修改资金边明细分页查询口径，不影响手工资金流向边。

## 验证情况

- 已执行：`mvn -pl ccdi-project -am compile -DskipTests`，通过。
- 已执行：按 `.nvmrc` 使用 Node `v14.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` 导出接口调用。
- 已执行：真实页面复验左侧区域、侧栏外层、右侧主区均为白色背景；档案区保留单层白色外框，外框外不再出现灰色缝隙；收起按钮在卡片内部且仅显示图标。
- 已执行：真实页面复验“导出”按钮位于“流水异常明细”标题栏右侧，不位于异常明细整体上层。
