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

1.5 KiB
Raw Permalink Blame History

结果总览详情弹窗资产与征信页签前端实施计划

目标

在项目详情“结果总览 - 风险总览 - 查看详情”弹窗中,将资产分析和征信页签从占位展示改为真实详情展示。

实施范围

  • 资产分析 页签复用员工家庭资产负债专项核查中的资产详情展示组件。
  • 征信摘要 页签改名为 征信详情,复用征信信息维护中的详情展示结构。
  • 不新增后端接口不调整后端权限、SQL 或业务口径。

前端改动

  • 抽取征信详情展示组件 CreditInfoDetail,并在征信信息维护详情弹窗中复用。
  • 新增征信详情标准化 helper以详情接口返回的 negativeInfodebtList 计算展示字段,不依赖征信列表行。
  • 在项目分析弹窗中按页签懒加载资产详情和征信详情:
    • 资产详情调用 getFamilyAssetLiabilityDetail(projectId, staffIdCard)
    • 征信详情调用 getCreditInfoDetail(staffIdCard)
    • 同一次打开弹窗内已加载页签不重复请求。
    • 缺少项目或人员身份证号时只展示页签内提示,不发起请求。
  • getCreditInfoDetail 使用 encodeURIComponent(personId) 拼接路径。

验证计划

  • 使用 nvm use 后运行相关前端静态测试。
  • 运行前端生产构建验证组件引用与模板编译。
  • 启动真实前后端后,用浏览器进入项目详情页,在结果总览风险总览中点击“查看详情”,分别验证资产分析和征信详情页签。