11.10数据列表的显示设置

表单填写收集的数据,通常都是将所有的控件和值一并显示,对于控件较多的表单,数据列表会给查看者造成不方便,即便前端可以自己勾选显示哪些控件,但操作起来还是不太方便,因此,在表单设计的时候用户可以根据自己的需要设置只显示自己想看的数据列,以及移动端设置带图片的卡片式展示效果。支持无流程表单和数据表单的设置。

【操作说明】

 1、前置条件:应用管理员-新建表单--新建空白/已有表单,添加表单控件,无流程授权保存--出现属性设置入口/数据表单保存出现发布窗口。

1.png

2、点击编辑进入设置界面,左侧按顺序显示该表单所有的控件,已选列表pc端默认显示表单前10个控件+提交人+提交时间,移动端默认显示表单前3个控件+提交人+提交时间。

2.png

3、已选控件在默认选项中置灰,未选的控件显示黑色,已选列表支持删除,删除后再添加的控件显示在已选列表最后一个,已选列表支持手动拖动控件排序,显示的顺序以最后一次保存的顺序为准。

3.png

4、设置保存后,查看时只显示已选列表勾选的控件及值,图片组控件列表显示第一张图片名称。

4.png

5、权限说明,有权限的直接显示,隐藏权限列表显示*,不可见的显示空白

image.pngimage.png

【移动端操作说明】

1、先在编辑页面勾选欲显示的控件,再选择移动端的展示方式,支持表格式和卡片式两种,选择卡片式展现的,可以在给出的模板中选择一个进行展示,表格式已选列表控件数未做限制,卡片式模板已选列表的控件不能超过10个。

7.png

2、表格式

8.png

3、卡片式,选择带图片的模板要显示图片的前提,是已选列表的第一个控件必须是图片控件上传图片、图片组控件都可以,并选择相应的模板保存即可。

9.png

a、  独立成行,第一项数据字体放大不显示控件名称,其他显示控件名称。

1.png

10.png

b、  不显示控件名称,一行两列,字体大小一致

11.png

c、  不显示控件名称,一行两列,第一项数据字体放大

一行两列.png

d、  显示图片及控件名称,独立成行,图片控件排在第一项才能显示图片。

显示图片独立成行--设置.png

d.png


e、  显示图片及控件名称,一行两列

14.png

f、  显示图片,不显示控件名称,一行两列

f.png


【快捷查询项设置】

image.png


点编辑后,设置查询项,可调整顺序,确认即保存。

image.png


展示效果

PC端:image.png


移动端:

设置了快捷查询项后,才会显示这个“漏斗形的查询按钮”,点击跳转到查询界面。

image.png

image.png