一个 e-builder 自定义表单组件，可在表单设计器中拖拽到表单使用，基于 Table 组件，可复制表单中的整个明细，按明细数据中的上下级关系展示树形结构，支持自动合计功能，可合计下级数据  

![[Pasted image 20260324115153.png|697]]

![[Pasted image 20260327090945.png]]

## 核心特性

- 可作为表单组件拖拽到表单使用，可在组件中配置参数
- 对现有明细增加树形结构功能，保持字段类型不变
- 可合计下级字段值到上级字段中

## 使用方法

此应用为 eb 自定义表单组件，需要在 eb 表单中导入自定义组件，如果需要在流程中使用，可以在流程表单使用页面块组件，在页面块组件内使用 eb 自定义组件。  

自定义组件包：  

![](files/自定义组件-树明细-1783412640220.zip)

## 功能

- **树形层级展示**：根据标识字段和上级字段自动构建层级关系
- **自动合计**：支持合计字段自动汇总下级数据到上级行
- **虚拟父节点**：当下级数据引用了不存在的上级时，自动创建虚拟父节点
- **字段类型支持**：支持文本、数字、下拉框、浏览按钮等多种字段类型
- **只读控制**：标识字段、合计字段、上级行自动设为只读
- **数据同步**：表格数据变更自动同步到表单明细

## 实现说明

本案例使用 e-builder 自定义表单组件进行开发，使用 `Table` 组件复制了整个明细，并根据配置的上下级字段生成树形结构（Table 组件支持），为了让 `Table` 表中的字段保持与原来明细表中的字段一样，需要使用 `FormSwitch` 组件复制明细表的字段。  

关于 `FormSwitch` 组件的使用请查看 [[E10 前端二次开发指南]]