表单区块

介绍

表单区块是用于构建数据输入和编辑界面的重要区块。它具有高度的定制性,基于数据模型来使用相应的组件显示所需的字段。通过联动规则等事件流,表单区块可以动态展示字段。此外,还可以与工作流程结合,实现自动化流程触发和数据处理,进一步提高工作效率或实现逻辑编排。

添加表单区块

  • 编辑表单:用于修改已有数据。
  • 新增表单:用于创建新的数据条目。

20251023191139

区块配置项

20251023191448

区块联动规则

通过联动规则控制区块行为(如是否显示或执行javaScript)。

20251023191703

更多内容参考 区块联动规则

字段联动规则

通过联动规则控制表单字段行为。

20251023191849

更多内容参考 字段联动规则

布局

表单区块支持两种布局方式,通过 layout 属性进行设置:

  • horizontal(水平布局):该布局使标签内容在一行内展示,节省垂直空间,适合简单的表单或信息较少的情况。。
  • vertical(垂直布局)(默认):标签位于字段上方,该布局使表单更加易于阅读和填写,尤其适用于包含多个字段或复杂输入项的表单。

20251023193638

配置字段

本表字段

注意:继承表中的字段(即父表字段)会自动合并显示在当前字段列表中。

20240416230739

关系表字段

关系表字段在表单中只读,通常配合关系字段一起使用,可以显示关系数据的多个字段值。

20260212161035

  • 当前仅支持对一关系(如 belongsTo / hasOne 等)。
  • 它通常与关系字段(用于选择关联记录)配合使用:关系字段组件负责选择/变更关联记录,关联表字段负责显示该记录的更多信息(只读)。

示例:选择「负责人」后,在表单内展示该负责人的手机号、邮箱号等信息。

编辑表单中若未配置关系字段「负责人」,也能将对应关联信息展示出来,当配置关系字段「负责人」字段后,变更负责人时,对应关联信息会更新为对应记录。

20260212160748

其他字段

20251023192559

  • 编写 javaScript 可以实现自定义显示内容,实现复杂内容的展示。

20251023192935

字段模板

字段模板用于在表单区块中复用字段区域的配置。详情见 字段模板

field-template-menu-20251228

配置操作

20251023193231