实战案例|子表单组件在【员工信息 + 员工档案】中的真实应用
企业管理员工信息时,通常会分为两部分:员工基础信息(主表)员工档案信息(一对一子表)
档案信息不适合全部放在主表中,会让表单过长、结构混乱;也不能用子数据(一对多),因为每个人只对应一份档案。
最适合的组件就是:子表单组件。
今天我们以真实场景「员工主表单 + 员工档案子表单」带你体验子表单如何优雅实现一对一关联。
一、案例场景:员工信息表单(一对一档案)
业务结构:
员工主表单(基础信息)姓名、性别、部门、岗位、手机号、入职日期
员工档案子表单(一对一专属)籍贯、政治面貌、婚姻状况、紧急联系人、档案地址、教育经历、证件号码、户籍地址
要求:档案信息独立成子表、一对一关联内嵌展示、不弹窗与主表同步保存表单结构清晰、不臃肿
这是子表单组件最标准、最常用的场景。
二、表单结构设计
主表单:员工基础信息
- 文本输入:姓名
- 单选:性别
- 引用组件:部门
- 引用组件:岗位
- 文本输入:手机号
- 日期组件:入职日期
子表单组件(核心):员工档案内嵌完整子表单:
- 籍贯、政治面貌、婚姻状况
- 紧急联系人、联系电话
- 毕业院校、学历、专业
- 户籍地址、档案存放地址
三、子表单组件配置步骤
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