实战案例｜子表单组件在【员工信息 + 员工档案】中的真实应用

实战案例｜子表单组件在【员工信息 + 员工档案】中的真实应用

企业管理员工信息时，通常会分为两部分：员工基础信息（主表）员工档案信息（一对一子表）

档案信息不适合全部放在主表中，会让表单过长、结构混乱；也不能用子数据（一对多），因为每个人只对应一份档案。

最适合的组件就是：子表单组件。

今天我们以真实场景「员工主表单 + 员工档案子表单」带你体验子表单如何优雅实现一对一关联。

一、案例场景：员工信息表单（一对一档案）

业务结构：

1. 员工主表单（基础信息）姓名、性别、部门、岗位、手机号、入职日期

2. 员工档案子表单（一对一专属）籍贯、政治面貌、婚姻状况、紧急联系人、档案地址、教育经历、证件号码、户籍地址

3. 要求：档案信息独立成子表、一对一关联内嵌展示、不弹窗与主表同步保存表单结构清晰、不臃肿

这是子表单组件最标准、最常用的场景。

二、表单结构设计

主表单：员工基础信息

• 文本输入：姓名
• 单选：性别
• 引用组件：部门
• 引用组件：岗位
• 文本输入：手机号
• 日期组件：入职日期

子表单组件（核心）：员工档案内嵌完整子表单：

• 籍贯、政治面貌、婚姻状况
• 紧急联系人、联系电话
• 毕业院校、学历、专业
• 户籍地址、档案存放地址

三、子表单组件配置步骤

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