重构家庭资产负债详情展示

docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-display-optimization-frontend-record.md

@@ -1,21 +0,0 @@
-# 结果总览详情弹窗展示优化前端实施记录
-
-## 本轮实施内容
-
-- 头带重排：移除弹窗内部大白卡壳层，改为头带 + 风险摘要条 + 主体工作区结构，并将“当前命中模型”并入头带上下文区域。
-- 侧栏改造：将左侧区域改为人物档案面板，重组为人物身份、模型摘要、辅助提示 3 个层级，保留空值统一显示 `-`。
-- 主区统一：为异常明细与占位页签统一 `analysis-panel` 工作台视觉基线，补充分组摘要句，收口表格、对象卡片和占位容器的边框、圆角与背景风格。
-- 边界保持：本轮未改动结果总览入口、路由、详情接口、数据来源边界与默认页签行为。
-
-## 涉及文件
-
-- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
-- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
-- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisAbnormalTab.vue`
-- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisPlaceholderTab.vue`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-default-tab.test.js`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-source-highlight.test.js`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-sidebar.test.js`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-empty-field.test.js`
-- `ruoyi-ui/tests/unit/project-analysis-dialog-abnormal-tab.test.js`

docs/reports/implementation/2026-03-25-special-check-family-asset-liability-detail-redesign-frontend-record.md

@@ -0,0 +1,70 @@
+# 2026-03-25 专项核查员工家庭资产负债展开区改版前端实施记录
+
+## 本次修改文件
+
+### 生产代码
+
+- `ruoyi-ui/src/views/ccdiProject/components/detail/FamilyAssetLiabilityDetail.vue`
+
+### 测试
+
+- `ruoyi-ui/tests/unit/special-check-detail-layout.test.js`
+- `ruoyi-ui/tests/unit/special-check-detail-summary-groups.test.js`
+- `ruoyi-ui/tests/unit/special-check-visual-alignment.test.js`
+- `ruoyi-ui/tests/unit/special-check-detail-date-display.test.js`
+
+## 实施范围
+
+- 本次只改专项核查“员工家庭资产负债专项核查”的展开详情组件
+- 列表层 `FamilyAssetLiabilitySection.vue`、展开入口、详情缓存、按需请求与接口路径均未改动
+- 未新增后端字段、未新增路由、未新增弹窗或抽屉容器
+
+## 实现内容
+
+### 1. 展开区结构改为 5 段纵向汇总卡片
+
+- 将旧的“三列卡片 + 资产/负债表格”改为单列纵向结构
+- 固定展示顺序为：
+  - `总收入`
+  - `总负债`
+  - `总资产`
+  - `关键指标`
+  - `详查结果`
+- 每张卡片标题右侧直接展示汇总值或结果名称
+
+### 2. 资产与负债明细改为来源项聚合
+
+- 资产来源项基于 `assetDetail.items` 按现有类型字段聚合展示
+- 负债来源项基于 `debtDetail.items` 按现有类型字段聚合展示
+- 每条来源项统一展示：
+  - 类型名
+  - 聚合金额
+  - 占总额比例
+- 彻底移除 `el-table` 明细表结构，避免继续展示逐条流水式详情
+
+### 2.1 细项名称展示口径调整
+
+- 根据补充要求，总资产卡片内的细项名称优先展示 `assetName`
+- 总负债卡片内的细项名称优先展示 `debtName`
+- 仅当名称为空时，才回退使用现有类型字段作为兜底文案
+
+### 3. 关键指标与风险结论改为前端就地计算
+
+- 继续复用现有 `incomeDetail / assetDetail / debtDetail / summary` 数据
+- 前端新增以下计算能力：
+  - `净资产 = 总资产 - 总负债`
+  - `资产负债率 = 总负债 / 总资产`
+  - `资产/收入比 = 总资产 / 总收入`
+  - `负债/收入比 = 总负债 / 总收入`
+- 分母为 `0` 时统一展示 `-`
+- 详查结果按 `summary.riskLevelCode` 映射文案与样式：
+  - `NORMAL -> 结构基本合理`
+  - `RISK -> 负债与收入压力偏高`
+  - `HIGH -> 资产负债结构明显异常`
+  - `MISSING_INFO -> 当前信息不完整`
+
+## 边界说明
+
+- 本次未改列表列顺序、风险标签、查看详情入口与项目切换逻辑
+- 本次未改接口契约，汇总值优先复用 `summary`，不足时回退详情明细中的现有总额字段
+- 日期格式化工具函数仍保留，延续既有金额/日期工具风格