实战案例｜子表单组件在【员工信息 + 员工档案】中的真实应用
实战案例｜子表单组件在【员工信息 + 员工档案】中的真实应用
企业管理员工信息时，通常会分为两部分：员工基础信息（主表）员工档案信息（一对一子表）
档案信息不适合全部放在主表中，会让表单过长、结构混乱；也不能用子数据（一对多），因为每个人只对应一份档案。
最适合的组件就是：子表单组件。
今天我们以真实场景「员工主表单 + 员工档案子表单」带你体验子表单如何优雅实现一对一关联。
一、案例场景：员工信息表单（一对一档案）
业务结构：
员工主表单（基础信息）姓名、性别、部门、岗位、手机号、入职日期
员工档案子表单（一对一专属）籍贯、政治面貌、婚姻状况、紧急联系人、档案地址、教育经历、证件号码、户籍地址
要求：档案信息独立成子表、一对一关联内嵌展示、不弹窗与主表同步保存表单结构清晰、不臃肿
这是子表单组件最标准、最常用的场景。
二、表单结构设计
主表单：员工基础信息
- 文本输入：姓名
- 单选：性别
- 引用组件：部门
- 引用组件：岗位
- 文本输入：手机号
- 日期组件：入职日期
子表单组件（核心）：员工档案内嵌完整子表单：
- 籍贯、政治面貌、婚姻状况
- 紧急联系人、联系电话
- 毕业院校、学历、专业
- 户籍地址、档案存放地址
三、子表单组件配置步骤
1. 数据模型建立一对一关联
- 主表：员工信息表
- 子表：员工档案表
- 关联关系：一对一
- 外键：employee_id
2. 主表单中添加子表单组件
拖拽子表单组件到主表单底部，标题设为：员工档案信息。
3. 绑定一对一数据模型
选择已配置好的 “员工档案” 一对一关联，子表单自动内嵌，立即可编辑。
4. 可开启折叠面板
设置默认展开 / 折叠，让长表单更清爽。
四、子表单组件在本案例中的核心价值
1. 完美实现一对一关联（企业级标准）
一人一档，严格一对一，数据结构规范、可查询、可统计、可扩展。
2. 主表单不再臃肿
基础信息与档案信息分离，表单结构清晰、视觉舒适。
3. 嵌入式展示，体验流畅
不用跳转、不用弹窗，直接在当前页编辑，操作连贯。
4. 使用方式同子数据组件，上手极快
会配置子数据，就会配置子表单，统一逻辑、零学习成本。
5. 主子表同步保存、自动关联
保存主表单时，档案信息自动绑定员工 ID，不会出现错误数据。
6. 支持独立权限控制
可设置普通管理员只能看基础信息，HR 才能查看 / 编辑档案子表单。
五、本案例带来的真实业务提升
- 表单结构更清晰、更专业
- 数据模块化，便于后续扩展
- 维护更简单，查询更方便
- 权限控制更精细
- 系统整体更规范、更企业级
六、哪些场景必须用子表单组件？
只要满足以下任意一条，必用子表单：
- 主信息需要附带一套专属详情
- 数据关系是一对一
- 不想让主表单过长、过乱
- 需要独立权限、独立布局
- 希望结构更模块化、更易于维护
典型场景：员工档案、客户开票资料、设备参数、合同条款、项目预算、工单详情、证件信息、资质资料。
七、结语
子表单组件是低代码平台中结构最清晰、体验最优雅的一对一关联组件。它让主表更简洁、子表更独立、数据更规范，是构建专业、清爽、可扩展企业表单的必备利器。
如果你正在做员工、客户、设备、合同、项目等结构化表单，子表单组件一定会成为你最常用的组件之一。
项目开源地址，欢迎 Star 收藏～
GitHub：https://github.com/unione-cloud/unione-form-editor
Gitee：https://gitee.com/unione-cloud/unione-form-editor