让决策更智能
新一代智能数据分析平台

表单填报-表单设计

观远产品部发表于:2021年03月20日 23:49:52更新于:2021年09月09日 17:00:53

1. 表单创建与设计入口

a.点击右上角的“九宫格”按钮,找到“表单填报”入口。

0016139a2dcbe88a2ed32ff22ecbe5c

b.点击进入表单填报的管理页面后,点击右上角“+新建表单”按钮。

0016139a2ff7b31940fdbec8cc85cc4

c.选择“空白表单”或“从Excel创建”。两者的区别是,“空白表单”需要从零开始编辑控件、画布与属性,而“从Excel创建”则可以导入已有的表头,不用从零开始。

  • “空白表单”是指在线编辑模式,下文第2章 将进行介绍;

  • “从Excel创建”是指导入Excel模板模式,下文第3章将进行介绍。

0016139a32b645ef764e4b87ec440ba

2. 在线编辑模式创建

点击了“空白表单”后,即可打开“表单编辑页面”,开始表单设计。在“表单编辑页面”中,可以通过拖拉拽控件来制作表单,灵活易用,使用门槛低。表单设计页面由三部分组成:控件区、画布预览区、属性设置区。

form1.png

点击控件区的“基本控件”或“高级控件”,将其拖拽至画布区。进而在画布区可自由拖拽进行排版,同时也可以点击页面上方的“预览”查看表单最终效果。

form2.gif

当前控件包含6个基础控件和3个高级控件:

  • 6个基础控件:单行文本、多行文本、单选、多选、数字、日期。

  • 3个高级控件:表格、跨表查询、引用填充。

控件具体说明,见本文第4章。

3. 导入Excel模板模式创建

点击了“从Excel创建”后,打开“新建表单”窗口,点击“点击上传文件”或拖拽上传。

0016139a37d714ad21053d0a9c90804

然后在配置页面,填写表单名称,给每个字段选择对应的控件类型。控件类型包含:单行文本、多行文本、单选、多选、数字、日期时间等(此处不支持选择高级控件,如有需要,可在表单编辑页继续编辑)。点击“确定”后,可进入表单编辑页(表单编辑页的后续操作与在线编辑模式一致)。

0016139a3b58228fb30e051c4039b66

导入Excel模式创建的注意事项:

a.仅支持导入单表头,不支持多表头,不支持合并单元格。

b.Excel文件大小不能超过5M。

4.表单设计控件说明

4.1 单行文本和多行文本

单行文本和多行文本这两个控件生成的字段为文本字段。

form3.png

两个控件的属性也基本一致,包括:

  • 标题:即表单字段名称。

  • 描述:字段描述,帮助表单提交者更好理解当前字段收集的信息。

  • 默认值:支持自定义输入。

  • 数据校验:是否为必填字段。默认是非必填。

  • 字段操作:包括可见和可编辑。如果当前字段不可见,则表单提交者无法看到此字段,只有表单所有者可在表单数据管理里看到此字段。

(以上几项是控件的基础属性,其他控件均有这些属性设置,接下来介绍其他控件时会略过以免重复说明。)

4.2 单选和多选

单选和多选这两个控件生成的字段为文本字段。

form4.png

两个控件的属性也基本一致,除了基础属性外,选择控件的专有属性包括样式和选项。

样式有两种:按钮组和下拉。

选项支持单个添加和批量添加,同时按住选项后的拖拽icon可以调整选项展示顺序。

form5.png

4.3 数字

数字控件生成的字段为数值字段。

除基本属性外,数字控件支持设置

1)数值类型,支持选择整数和小数。

2)数据范围,可自定义允许填写的数字范围。

另需注意:

数字控件最多支持15位数字(包括小数和整数),其实小数精度最多可保存到6位,超过部分会四舍五入保存到6位

form6.png

4.4 日期和时间

日期控件生成的字段,按照其选择的类型,分为date和timestamp。

form7.png

4.5 子表格

表格控件,可在当前表单里插入一个子表单。

子表单里的字段,通过添加控件来生成。

目前支持添加到子表单里的控件包括6个基础控件和1个高级控件(引用填充)。

form8.png

往子表格里添加控件,既可以直接把控件拖入到表格控件里,也可以在控件属性中的表格字段中点击添加。如需调整子表单里的字段顺序,可在控件属性里拖动表格字段来完成。

form9.png

子表单创建完成后,移动端的展示效果如下图:

form10.png

桌面端的展示效果如下图:

form11.png

在桌面端,子表单提供批量添加(通过Excel导入)和清空的操作,方便大数据量的提交。

子表单的典型应用场景,是需要用户在一个表单里提交多条数据,且条数不确定。比如上图示例的门店订货商品收集表,订货商品明细每个门店不一样,由每个门店自定义。

4.6 矩阵表格

矩阵表格,是一种特殊的指定行数和行表头的子表格。

矩阵表格可以设置第一列,即行表头的信息以及行数,其他操作同子表格。

form39.png

4.7 引用填充

该控件用于跨表读取数据,并将其他表单的数据填充到当前表单。引用的数据会作为当前表单的数据提交并保存。该控件可以被放入表格控件中。

应用场景介绍

如上面介绍表格控件中提到的门店订货场景,填写订货明细的时候,需要逐行填写产品名称、单位、定价和订货数量。这其中,前三个信息是相对固定的主数据,必须和商品表中的信息一致才有效,不管哪个门店不管什么时候订货,不会轻易变动。

如果让用户手动输入这些数据,一来比较繁琐,二来也有出错的风险,导致订货失败。因此,如果这些信息可以直接从商品主数据表中读取过来直接引用填充到当前表单,既能保证数据的正确性,又减轻了填写压力。如下图效果示意:

form12.gif

使用说明

引用填充控件的属性,除了标题、描述等基础属性外,有3个专有属性:

关联表、展示字段和数据过滤。

关联表和展示字段,用于从一个表单中选择需要引用的字段。

数据过滤,可以对引用的字段数据进行筛选,使引用填充的下拉列表里仅展示需要的数据。

如上图中的例子,就关联了商品库存表,并引用了产品名称、单位、定价3个字段。

form13.png

引用填充控件,既可以直接在表单里使用,也可以放入表格控件中使用。

form14.png

4.8 跨表查询

该控件用于跨表读取数据,并将其他表单的数据展示在当前表单,用于为表单提交者提供必要的参考信息。

和引用填充的区别

引用填充控件中,关联表数据作为快速填充项,相当于填写多个字段信息的一个快捷操作,选择的数据会作为当前表单的数据进行保存。该控件可以被放入表格控件中。

跨表查询控件中,关联表的数据仅仅是展示,不会保存到当前表单。跨表查询控件不可以被放入表格控件中。

应用场景介绍

填写表单的时候需要其他信息作为参考,但不希望参考数据成为提交数据的一部分,保证提交数据的简洁和有效。如门店提交本月目标,可以在表单里展示上个月的销售业绩,作为店长提交目标的参考信息。如果不用跨表查询控件,店长可能需要在多份数据之间来回切换查看,使用该控件,可以在当前表单直接浏览上月销售业绩。

form15.gif

使用说明

跨表查询控件的属性,除了标题、描述等基础属性外,有3个独有的设置属性:

关联表、关联主键和展示字段。

form16.png

选择关联表和展示字段后,需要添加关联主键对关联表相关数据进行过滤,只展示符合条件的数据,而不是展示所有数据。

form17.png

4.9 表单属性

表单属性包括:表单名称、表单描述、数据提交修改权限和去重主键。

form18.png

数据权限

默认情况下,表单的创建者可以对表单所有数据进行删改,但表单提交者只能提交数据。

当勾选允许查看和允许修改时,在表单页面才会出现查看数据的入口。

表单提交者只能查看和修改自己提交的数据。

桌面端入口如下图:

form19.png

移动端入口如下图:

form20.png

去重主键

可以对表单设置去重主键,提高数据收集质量。

form48.png

设置了去重主键后,相同主键的数据不允许重复提交。

4.10 其他表单创建注意事项

  • 同一个表单里,表单字段不能重名。

  • 一个表单里至少包括一个基础控件。

  • 一个子表单里至少有一个控件。

  • 引用填充控件里至少有一个引用字段。

  • 全局表单名称不能重名。



    您需要登录后才可以回复