跳到主要内容
版本:5.0 (最新)

设计表单

本文介绍如何从零开始创建一个表单,包括添加控件、调整布局和保存设计。

从零开始创建表单

  1. 进入工作区:导航至 工具 -> 表单 -> 表单设计。此时您将直接进入一个空白的拖拽式表单画板。
  2. 编排表单结构:在左侧控件面板中,找到所需的控件类型(例如文本框、下拉框等),点击或拖拽至中间的排版区域。(详细排版规则见下文)。
  3. 保存并入库
    • 当您的表单内容设计完成后,点击界面右上角的小抽屉/菜单按钮,并选择将其保存(上传)。
    • 系统随后会自动将收集到的树形结构跳转携带进专属的保存归档页面
  4. 填写基本信息:在保存页的右侧面板为您刚画好的表单登记关键信息:
    • 名称:为表单取一个直观的名字,例如"设备巡检记录表"。
    • 类型:选择该单据隶属的业务线(如通用 General、开发 Development、维护 Maintenance 等)。
    • 描述与备注(可选):供内部标识查询使用。
  5. 正式落盘:核对信息无误后,点击表格界面右下方的增加 (Insert) 按钮执行插入落盘!

支持的基础控件

控件类型适用场景
文本输入姓名、地址等短文本
多行文本输入备注、描述等长文本
数字输入数量、金额等数值
下拉框从预设选项中选择一项
日期/时间选择日期或带时分秒的具体时间
颜色选择拾取颜色值
单选框/复选框是/否或受限的多重选项采集

高级排版布局:容器

为了使表单不至于像流水账一样无限向下延伸,系统引入了不可见的 “容器 (Container)” 概念来统筹页面布局:

1. 行容器 (Row)

用于进行水平排布

  • 您可以先将一个“行 (Row)”拖入画板,接着把诸如“姓名”、“年龄”等较短的基础控件继续拖进这个“行”的内部
  • 被放进“行”内的控件会自动缩小宽度。利用这个特性,您可以把关联性强的数据紧凑地平铺在一排(如:左侧选省份、右侧选城市)。
  • 支持子元素宽度的自适应,超过屏幕宽度时底层允许横向滑动操作。

2. 列容器 (Column) / 分组 (Group)

用于进行纵向堆叠或分组归类。如果您希望把某几项复杂的输入(例如车辆巡检的三个不同维度的记录)在逻辑上绑在一起,就可以用它们。

💡 容器拖拽核心注意

排版容器遵循严谨的嵌套安全规则:

  • 行不能套行:系统禁止您把一个“行 (Row)”拖到另一个“行”的内部。
  • 类型互斥:对于某些特定逻辑的控件(如相互排斥的“单选框组合”),建议单独将它们置于同一个行/列中,底层引擎会自动感知并帮您做互斥状态控制;但不要胡乱把其它无关数据对象参杂进该类专有容器排版内。

配置控件属性

选中一个控件后,您可以配置该项的相关属性:

  • 标签名:控件在表单中显示的文字名称。
  • 是否必填:勾选后,使用者提交时必须填写此项。
  • 默认值(可选):预填的初始值。
  • 选项列表(仅下拉框):配置可选项数据。

保存设计

完成表单结构(FormDesignStructure)编辑后,点击工具栏的 保存 按钮。

  • 保存后的表单处于 草稿 (Draft) 状态,您可以随时继续编辑。
  • 只有草稿状态的表单允许修改内容。
备注

为了让其他用户能基于该模板填写数据,您需要将其发布。请参考"发布表单"章节。