12.2 移动端表单管理
12.2.1 新建模块-模板
图 12 ‑5
图 12 ‑6
点击【新建模块】。输入应用模块编号、选择类别为【模板】,可修改图标图片。
图 12 ‑7
点击“关联对象”文本框,在弹出窗口中勾选【订单】。
图 12 ‑8
点击【确定】,返回上层页面。
若仅希望设计移动端的表单,但不在移动端查看、填报,则将【状态】设置为“禁用”。
名称若不想与模板名称相同可手动进行编辑。
图 12 ‑9
图 12 ‑10
点击【确定】
图 12 ‑11
点击【保存】,打开了“布局信息-移动端订单-订单“页面。
图 12 ‑12
图 12 ‑13
√点击左侧设计元素:“普通”,依下图所示进行设置后保存,则在订单的表单列表中显示订单号、客户名称。
说明:若清单显示的数据较多为方便浏览可将【自适应高度】设置为“是” 。
图 12 ‑14
说明:
1)设计元素中的“普通”和“图片”若显示固定内容,则需设置字段属性中“固定值”选项卡。
2)列表中显示图片字段则通过点击设计元素中的“图片”进行设置;
3)表单的列表清单显示电话信息且可直接拨打,则需点击设计元素中的“电话”进行设置;
B. 查看:查看表单时显示的数据需在查看场景中进行设置。
√点击图12-12中应用场景“查看”【设计】按钮。
将左侧数据表中需要显示的字段通过右上角“+”按钮添加或直接拖至中间显示区。区域和字段的参数需在属性设置中设置。
图 12 ‑15
√当设计有明细表数据显示,需设置明细表的样式:
明细表样式选择“明细表展开显示”可设置明细是否是自动展开。
明细表样式选择为“明细表单页填报展示”或“明细表列表显示”时需设置明细索引。
方法如下:选中图12-15中明细数据区域:“新区域-2”,点击“明细索引”的【设置】按钮。打开下图
首先选择“普通”设计元素后选中【自定义】选项卡
然后点击浏览按钮如图所示选择一个或多个明细字段后确定
图 12 ‑16
注意:
1.此页面设置类似清单设计页面,只是“普通”和“图片”设计元素的属性中无【固定值】选项卡。
2. 同一个明细表索引不可能同时存在【表格】和【普通】、【图片】、【电话】形式。
3. 一个明细表只可以添加一个表格索引。
√点击【保存】返回“表单设计-订单”页面。
√点击【保存】,点击【确定】完成“查看”应用场景的设计。
选中有“列表选择”数据规范的字段如订单明细中的“产品名称”,可通过字段属性设置列表选择索引。列表选择索引可以使用普通和图片类型,其他与明细索引设置相同。
图 12 ‑17
C. 填报:表单需要填报的字段,需在“填报”场景中先进行布局设计。
若填报布局与查看布局相同或相似,可通过布局信息-XX页面中的【复制于查看】和【复制于填报】来快速进行布局设置。
图 12 ‑18
若布局差别大则,点击“填报”对应的【设计】按钮进行布局。布局设置方法同“查看”布局设置,可参考“B”步骤中内容。
√例如:样式选择“选项卡”,点击【分页功能】的【添加】按钮。
图 12 ‑19选项卡样式
√例如:布局选择“左右”则显示区域显示如下:
图 12 ‑20左右布局
说明:
“全局设置”为所有模板默认设置;
“上下”、“左右”设置对当前设置场景生效;
√在不同选项卡中参考“B”步骤设置填报字段。
图 12 ‑21
D. 订单表单含有工作流,若任务中的可填报字段布局与“填报”场景中布局不同,则需设置工作流布局。操作步骤如下:
√点击图12-18“布局信息-移动端订单-订单”页面中【返回】右侧的“+”。
√弹出下图,依图所示:勾选需要设置的工作流节点后点击【确定】。
图 12 ‑22
说明:多个任务节点设计相同时可同时勾选相同设计的任务,一次设计布局。
√返回“布局信息-移动端订单-订单”页面,增加了工作流布局设置内容。(工作流布局的设计方法可参考“查看”和“填报”应用场景的布局设计)
图 12 ‑23
说明:表单中工作流布局的设计优先于“填报”场景的布局设计。
至此完成了含有工作流的模板-订单表的移动端表单设置。
12.2.2新建模块-自定义查询
若想查看自定义查询的表单,需要建立查询对应的模块。操作步骤如下:
参考12.2.1中的前三步。
“移动端应用模块”页面中输入下图内容(【类别】选择【自定义查询】下拉)。
图 12 ‑24
点击【关联对象】文本框,勾选关联对象。
图 12 ‑25
【确定】后返回“移动端应用模块”页面。
图 12 ‑26
点击【保存】,打开“布局信息-我的订单”页面。
图 12 ‑27
点击应用场景“清单”的【设计】按钮,参考12.2.1章节中的清单设置方法,按下图所示进行设置:
图 12 ‑28
点击【保存】,点击【确定】,返回布局信息页面。
图 12 ‑29
点击应用场景“查看”的【设计】按钮。
样式选择【选项卡】,点击数据表字段右上角的“+”下的【本页新建区域】。
图 12 ‑30
弹出如下窗口。
图 12 ‑31
点击【确定】。
图 12 ‑32
点击【保存】,点击【确定】,完成了自定义查询模块的新建。
图 12 ‑33
说明:自定义查询无“填报”应用场景布局设计。
这时我们可通过手机查看到“我的订单”的自定义查询数据。
图 12 ‑34
说明:手机APP端与微信、钉钉等使用的是相同的移动端表单设置。
12.2.3 表单中图表的应用
在模板、自定义查询的移动端表单中可显示图表,在查看场景中以图表形式显示数据效果较直观。
下面我们以“销售日报(含同期累计)”模板为例来详细说明一下图表设置及显示效果。
1. 参照12.2.1新建模板-模块步骤,如下图所示:新建模块【名称】为:“图表”,【关联对象】选择“销售日报(含同期累计)”。
图 12 ‑35
图 12 ‑36
3. 设置清单场景如下:
图 12 ‑37
图 12 ‑38
5. 右侧下拉中选择“日报2_明细”,点击【添加图表】按钮,按下图所示进行设置。
图 12 ‑39
说明:
标题:可手动编辑。
图表类型:饼图(仅能显示一条数据)、柱状图、条形图、拆线图
6. 点击【确定】。拖动图表区域到页面希望显示图表的区域。
图 12 ‑40
图 12 ‑41
8. 完成设置,点击【确定】。
9. 返回表单设计(场景)页面,点击【保存】。
10. 移动端登录,打开销售日报(含同期累计)的清单页面。
图 12 ‑42
11. 点击已在存的日报表单“2019/6/21”,可看到移动端显示的图表。图中灰色区域为图表显示区域:可点击无数据的产品图例,使其置灰。
图 12 ‑43
领取专属 10元无门槛券
私享最新 技术干货