`

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

阅读更多

1.描述

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

2. 实现方法

2.1 暂存

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



 

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



 

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



 

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

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

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

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

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

2.2 暂存后处理

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



 

 

a.提交全部

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

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

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

c.编辑

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



 

 

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

再编辑时:

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

如果有超链,则不支持;

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

d.数据提交

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

 

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



 

 

 

 

  • 大小: 19.2 KB
  • 大小: 23.7 KB
  • 大小: 16.1 KB
  • 大小: 19.4 KB
  • 大小: 14.7 KB
  • 大小: 15.2 KB
  • 大小: 15.1 KB
  • 大小: 11.9 KB
  • 大小: 17.6 KB
  • 大小: 7.9 KB
分享到:
评论

相关推荐

    移动端报表如何实现离线查看报表功能

    对于移动端报表而言,查看报表经常会有以下问题:查看缓存数据相比于实时数据,减少了数据传输...最好的解决办法就是实现离线查看报表,根据我平时报表的开发经验,以具体给大家讲讲这个离线查看的功能可以如何实现。

    离线填报快速指南

    总之,离线填报是现代数据管理中不可或缺的一部分,尤其对于那些需要在无网络环境下工作的用户,它提供了一种高效且可靠的数据处理方案。了解并熟练运用离线填报,能够极大地提升工作效率,保证数据的准确性和一致性...

    移动端报表使用教程【3】如何查看报表

    移动端报表的查看是一项与移动设备的操作系统和应用紧密相关的技术,主要涉及到了在移动设备上访问和查看服务器端报表的功能实现。为了更好地使用移动端报表,需要对移动端报表查看的相关知识进行详细说明。以下为...

    移动端报表FineReport的JS开发示例

    对于分页预览和填报预览报表,FineReport同样提供了特定的脚本函数来实现其功能。例如,contentPane对象在分页预览报表中非常有用,它包含了currentPageIndex和reportTotalPage属性来分别获取当前页码和总页数。此外...

    移动端报表JS开发示例--获取定位

    本文将通过一个具体的案例——使用FineReport实现报表移动端开发中的定位功能进行分析。 首先,从技术角度看,移动端报表的JS开发中获取定位需要使用HTML5的地理位置API,通过JavaScript调用设备的GPS或网络定位...

    车辆生产企业及产品公告离线填报和数据管理系统道.doc

    车辆生产企业及产品公告离线填报和数据管理系统道

    报表软件--Style Report报表数据填报

    #### 九、智能填报功能详解 - **在线填报**:用户可以直接在Web端完成数据的填写和提交。 - **丰富的填报控件**:包括文本框、下拉列表等多种控件类型。 - **数据辅助输入**:如缺省值设置(如当前日期、当前用户...

    企业自助填报系统项目解决方案.pdf

    在本文档中,我们将为您提供一个企业自助填报系统项目解决方案,旨在帮助企业快速实现自助填报的需求。下面是该解决方案的详细介绍: 1. 系统概述 企业自助填报系统是一个基于 B/S 结构的系统,旨在帮助企业快速...

    润乾报表基本介绍

    润乾报表是一款专为企业级应用设计的统计报表和数据填报工具,主要特点是其高效便捷的绘制方式、先进的数据模型、丰富的输出能力、强大的打印控制、良好的集成性和特色的数据填报功能。 1. 绘制方便性:润乾报表...

    报表工具FineReport填报时,如何实现多个单元格绑定一个字段?

    如下图所示报表,科目名称栏目里面的数据不是从数据库中拖曳扩展得来的,而是直接在单元格中输入,需要将每个科目的期初余额和期末余额填报入库,数据库中有科目ID、会计科目、期初余额和期末余额几个字段,在填报时...

    企业自助填报系统解决方案报告书.doc

    本文档详细阐述了该系统的设计、实施和预期目标,为企业提供了一个自动化、用户友好的自助填报解决方案。 1. **编写目的**: - 本文档作为双方(甲方:XXXXX,乙方:XXXXX)就企业信息自助填报系统项目达成共识的...

    企业自助填报系统项目解决方案.docx

    - 数据填报:提供在线填报功能,用户登录后可直接填写数据。 - 数据管理:支持数据审核功能。 - 数据查询:可根据条件进行数据筛选和查询。 - 提醒功能:自动提醒未按时更新信息的企业。 - 系统管理:支持用户...

    帆软报表填报预览下的懒加载下拉树控件

    总的来说,"懒加载下拉树控件"是帆软报表为了应对大数据量和复杂结构数据展示而设计的一种高效解决方案,它结合了填报预览和懒加载技术,既保证了数据的完整性和准确性,又提高了系统的运行效率,为用户提供更优质的...

    银行的财务会计报表格式及填报说明

    【银行的财务会计报表格式及填报说明】 财务会计报表是银行业务运营的重要组成部分,它反映了银行的财务状况、经营成果和现金流量等关键信息。银行的财务会计报表通常包括资产负债表、利润表、现金流量表以及股东...

    完整版 最新的1104报表填报详细说明.doc

    亲测好用,挺不错的资源,大家快来下载吧!挺有用的!需要的话可以来下载哦!最新的1104报表填报详细说明,各个指标银监的具体含义,报表类型有G开头的、S开头的

    帆软填报报表数据导入案例

    帆软填报报表数据导入案例 在本案例中,我们将学习如何使用帆软填报报表将数据从 Excel 导入到报表中。这个过程可以分为六个主要步骤:新建普通报表、添加字段名称、添加控件和设置竖向拓展、添加数据导入和提交...

    企业自助填报系统项目解决方案.doc

    企业自助填报系统项目解决方案旨在提高企业信息处理效率,减少人工干预,适应日益增长的数据需求。此系统主要由XXXXX公司开发,用于XXXXX企业的信息填报。本文档作为项目启动、实施和验收的关键依据,适用于项目相关...

    FineReport报表工具填报专辑

    ### FineReport报表工具填报知识点详解 ...通过以上步骤,我们可以实现在FineReport中页面居中的效果以及填报页面上的控件联动与置数设置等功能,这对于提高报表使用的便捷性和准确性具有重要意义。

Global site tag (gtag.js) - Google Analytics