移动端报表实现离线填报功能解决方案

1.描述

于经常填报报表的人而言,经常会面临以下的情况:比如在有些场景下没有网络,只能将数据暂存到本地,等有网络时,再将数据提交入库;或者有时需要将数据暂存下来,过段时间后再补充完整。那么在离线的情况下这些情况该如何实现呢,以我平时的工作经验对这些问题做一个归纳总结,下面用我常用的报表开发工具FineReport 移动端给大家做一个详细的演示。

2. 实现方法

2.1 暂存

移动端填报模板,加一个“暂存”按钮,如下图:


移动端报表实现离线填报功能解决方案_第1张图片
 

点击暂存后,如下图,可为暂存的填报模板命名,文本框内,默认有根据模板名自动生成的名字(模板名+自动编号),如“员工信息录入1”,可修改。如果重名,要给出提示。


移动端报表实现离线填报功能解决方案_第2张图片
 

数据暂存成功后,给出toast,“已存入设置-未提交数据中”,并将页面内容清空,以便进行下一次填写。


移动端报表实现离线填报功能解决方案_第3张图片
 

注:a.通过“提交”按钮的显示隐藏来控制”暂存“按钮显示隐藏,即如果某个模板的没有提交,则也没有暂存。

b.暂存成功后,将数据清空,暂时不提供事件,使其不清空。

c.“提交”按钮始终存在,不受模式影响。

d.点击暂存的同时,生成缓存数据的封面缩率图,此时封面缩率图为该模板当时填写的情况。当然如果某一张模板通过fs自定义了封面,还用原封面。

e.退出模板时,如果有数据没有暂存,或没有提交,则会有未提交提醒,当然前提是模板配置了该选项。若模板没有数据需要暂存或提交,则不会有该提醒

2.2 暂存后处理

在设置中,加一按钮,点击进入未提交数据。


移动端报表实现离线填报功能解决方案_第4张图片
 
移动端报表实现离线填报功能解决方案_第5张图片
 

a.提交全部

这时点击,提交全部,会将所有缓存数据全部提交。提交全部时,按照表单先后顺序进行入库。

b.编辑某套模板的数据(进入模板)

点击某套模板,进入编辑数据,若点击提交,则将这套缓存数据直接入库,原”未提交数据“中,这套数据去掉;若点击暂存,则是修改这套暂存数据;点击返回,是返回到“未提交数据”目录。

c.编辑

点击编辑,变化如下图,可“删除”选中数据,可“提交选中”数据。


移动端报表实现离线填报功能解决方案_第6张图片
 
移动端报表实现离线填报功能解决方案_第7张图片
 

若没有选中,提交或删除时会给出提示。

再编辑时:

如果存在文件控件,且单文件上传了照片,则再编辑时,可以看到照片;文件上传控件,再编辑时可以使用;

如果有超链,则不支持;

如果有下拉框,下拉树,复选框,单选框等需要数据字典的控件,则只缓存当时模板参数对应的数据字典,而不支持联动。

d.数据提交

数据提交,有进度提示,提交时会执行校验,校验失败会给出提示,并且会有标记。标记出这套模板提交时校验出错。

 

修改后,校验通过,填报成功。


移动端报表实现离线填报功能解决方案_第8张图片
 
移动端报表实现离线填报功能解决方案_第9张图片
 
移动端报表实现离线填报功能解决方案_第10张图片
 

 

你可能感兴趣的:(技术,解决方案)