archives

  1. Home
  2. Knowledge Base
  3. 流程与审批表单
  4. 如何设计申请表单?

申请表单是用户提交请求的表单。表单发布后,有提交权限的用户就可以根据您在此表单中设置的字段填写信息。

向表单添加控件

添加控件非常简单。只需从左侧控件面板中选取控件,然后将其拖到设计界面中即可。 

配置控件属性

单击设计界面中的某个控件,该控件将显示为选中状态,您可以在右侧面板中设置该控件的属性。表单上的大多数控件在属性面板上都有三个主要栏目。   

1. 基础

 设置控件的基本信息。大多数控件都包含以下两个属性:标签、关联变量。

(1) 标签 – 控件的显示名。

(2) 关联变量 – 显示绑定到此控件的流程变量。当您向表单中添加新控件时,我们将根据控件的类型创建相应的变量。您可以通过单击此栏目中的“编辑”图标来编辑变量标识和名称。您也可以单击“重置”按钮,将此控件绑定到另一个流程变量。(例如,当您有 2 个控件要绑定到同一变量时)。 

2. 显示

您可以在此处设置控件在表单上的显示样式。

(1) 显示标签 – 默认开启,如果关闭此选项,您为此控件设置的标签将被隐藏。下图示意,“货币”控件不显示标签后的样式。

(2)占位符 – 设置一些描述,帮助用户更好地理解应该填写什么样的内容。 

(3) 动态显示规则 – 如果您想控制何时/如何在表单上显示控件,您可以单击“动态显示规则”按钮来设置显示规则。您可以根据条件设置多个规则。您可以设置隐藏/显示、可编辑/只读、背景颜色和字体等。 

(4) 允许评论 – 如果您希望允许用户专门为此控件添加评论,请打开此选项。添加评论仅在申请表单提交后可用。在某些情况下,您可能有一个表单,需要参与者查看内容并共享评论。您可以开启这个功能。

如果您打开“允许评论”。最终用户将在控件后看到聊天图标,然后通过单击该图标查看和添加评论。 

3. 验证

使用本栏目中包含的功能,根据您的业务需求对该控件进行更多验证。

(1) 只读 – 如果不允许用户编辑此控件的内容,则打开。

(2) 必填项 – 如果需要用户向此控件填写数据,则打开为“”。只有正确填写所有必填项,才能提交表单。

(3) 自定义验证 – 设置自定义验证规则和自定义错误信息。 

(4) 默认值- 设置该控件的默认值。 

(5) 动作 – 基于当前控件触发的事件执行相应的行动。比如:当前控件的值改变后,设置另一个控件的值。举例,如果当前值大于 200,000 人民币,则将文本输入框中的值设置为“大额交易”。否则文本框中的值设置为“小额交易”。文本框的值将根据您输入的货币数量而改变。

设置表单布局

您可以使用左侧控件面板中“布局和其他控件”栏目下的控件,设计表单布局。 

1.使用标签控件在你的表单上显示描述性内容

 (1) 将标签控件拖到设计界面上。

(2) 您可以将文本内容设置为纯文本或富文本。

(3) 对于纯文本,可以设置静态文本内容,或者如果要包含来自表单字段或变量的某些值,则可以设置带有变量的文本。您可以设置字体大小、字体颜色和背景颜色等。

(4)如果选择富文本,则可以设置富文本的内容,包括文本、超链接、表格、图片等。富文本不能在内容内部添加变量。

2. 使用动态栅格控件对表单上的控件进行分组

(1) 动态栅格拖到设计界面上。 

(2) 列数 – 设置要添加控件的列数。例如,上面屏幕截图中被选中的“动态栅格”包含 2 列。

(3) 动态显示规则 – 如果您想控制何时/如何在表单上显示栅格,您可以单击“动态显示规则”按钮来设置显示规则。这将是将此网格下的所有控件设置为显示/隐藏的简单方法。

(4) 显示标签 – 决定是否显示或隐藏网格的标签。

(5) 可折叠 – 打开以允许用户收起/展开整个栅格。

使用工作流相关的控件

1. 使用申请人信息 控件显示申请人的用户信息

(1) 将申请人信息控件拖到设计界面上。

(2) 您将看到控件中包含的所有默认字段。

(3) 如果要更改显示字段,可以单击“设置”按钮添加或删除用户字段。您还可以将您的更新设置为申请人信息控件的默认值。然后您可以将其用于所有表单。  

 2.使用 流程日志 显示工作流跟踪信息

 (1) 页面尾部默认显示流程日志的默认布局。

(2) 从这里设置外观设置。

其他提示

1. 单击右上角的“保存” 以保存您对表单的更改。

2. 点击左上角的“预览”按钮 随时预览您的设计。

Was this article helpful?