Files
ccdi/docs/plans/frontend/2026-06-02-project-analysis-asset-credit-detail-tabs-frontend-implementation.md

29 lines
1.5 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 结果总览详情弹窗资产与征信页签前端实施计划
## 目标
在项目详情“结果总览 - 风险总览 - 查看详情”弹窗中,将资产分析和征信页签从占位展示改为真实详情展示。
## 实施范围
- `资产分析` 页签复用员工家庭资产负债专项核查中的资产详情展示组件。
- `征信摘要` 页签改名为 `征信详情`,复用征信信息维护中的详情展示结构。
- 不新增后端接口不调整后端权限、SQL 或业务口径。
## 前端改动
- 抽取征信详情展示组件 `CreditInfoDetail`,并在征信信息维护详情弹窗中复用。
- 新增征信详情标准化 helper以详情接口返回的 `negativeInfo``debtList` 计算展示字段,不依赖征信列表行。
- 在项目分析弹窗中按页签懒加载资产详情和征信详情:
- 资产详情调用 `getFamilyAssetLiabilityDetail(projectId, staffIdCard)`
- 征信详情调用 `getCreditInfoDetail(staffIdCard)`
- 同一次打开弹窗内已加载页签不重复请求。
- 缺少项目或人员身份证号时只展示页签内提示,不发起请求。
- `getCreditInfoDetail` 使用 `encodeURIComponent(personId)` 拼接路径。
## 验证计划
- 使用 `nvm use` 后运行相关前端静态测试。
- 运行前端生产构建验证组件引用与模板编译。
- 启动真实前后端后,用浏览器进入项目详情页,在结果总览风险总览中点击“查看详情”,分别验证资产分析和征信详情页签。