本发明涉及单子表单处理领域，特别涉及一种基于工作流表单系统数据交互与输入内容单屏式操作方法。
背景技术：
：：1、电子表单不同于传统电子文档智能作为静态和割裂的信息、图片以及图形的载体存在，可以是电子的、常见的、便于使用的各类型文档，比如：电子政务领域的网上申报、审批、内部办公、政务信息采集、报送等用到的电子文档，实质都可以应用xml文档技术，不仅保留了纸张文档的最佳特性，还增加了商业逻辑功能，如数据验证、路由指令等。2、但是，目前电子表单均基于h5进行数据录入，基于脚本实现数据交互和页面跳转，且电子表单中手写功能都是基于canvs构建悬浮层进行绘制。无法将手写内容进行规范化录入的同时做到所见即所得的效果。基于上述情况发现目前的电子表单的相关操作存在下述问题：3、1、页面之间互相跳转、签批过程不能平滑的进行；4、2、h5页面中若干的操作方式，均需要按照要求，弹出其他的页面进行签批；交互方式多样化，不够统一；5、3、涉及到手写部分，都是采用跳转到画板中，手写点位无法实时填充到电子表单，无法做到实时对比。技术实现思路1、本发明的目的提供一种基于工作流表单系统数据交互与输入内容单屏式操作方法，解决上述现有技术问题中的一个或多个。2、第一方面，本发明提出一种基于工作流表单系统数据交互与输入内容单屏式操作方法，包括如下步骤：3、1.1加载并解析电子表单，获取电子表单的页面信息，并遍历电子表单的元素信息；4、1.2获取各元素的相关属性，并捕获元素绑定的事件信息；5、1.3组织元素信息，形成电子表单的元素信息队列；6、1.4根据电子表单的页面信息和元素信息，在文件底板上渲染并展现电子表单；7、1.5触发电子表单中某一个元素，在电子表单上构建输入区域；8、1.6在输入区域渲染并展现事件信息用以实现数据交互和/或内容输入。9、在一些实施方式中，所述页面信息包括文档主体body、文档分区div、table、表格行tr、表头th、表格单元td；10、所述元素种类包括普通文本框和特殊的输入框，普通文本框包括单行文本输入框input、多行文本输入框textarea、单选框radio、下拉框select以及多选框checkbox，特殊的输入框包括意见签批框comment。11、在一些实施方式中，在触发电子表单中的某一元素后根据当前元素的元素属性对当前元素的元素种类进行判断，12、当前元素的元素种类为普通文本框，获取元素的焦点，判断当前元素是否被绑定事件；13、当前元素的元素种类为特殊的输入框，获取特殊的输入框对应的特殊的输入模式，将特殊的输入模式作为该元素绑定的事件信息，所述特殊的输入模式包括键盘输入、放大手写以及多元化签批。14、在一些实施方式中，多元化签批的过程为：选中多元化签批模式后在电子表单的上构建一个输入区域用于进行多元化签批；鼠标离开指定区域时，自动将多元化签批的内容填充到元素对应的展示区域，多元化签批内容包括文字、图像、音频以及视频中的一种或多种。15、在一些实施方式中，16、当前元素的元素种类为文本输入区域input和多行文本输入框textarea，则直接获取对应的输入模式，将输入模式作为该元素绑定的事件信息，输入模式包括键盘输入和放大手写；17、当前元素的元素种类为单选框radio、下拉框select以及多选框checkbox，则将当前元素对应的页面信息作为该元素绑定的事件信息；18、当前元素绑定了脚本触发事件，脚本触发事件即为该元素绑定的事件信息，脚本触发事件包括弹出事件和/或跳转事件。19、在一些实施方式中，键盘输入的过程为：选中键盘输入后，在电子表单的上构建一个输入区域用于信息输入；鼠标离开指定区域时，自动将内容填充到元素对应的展示区域。20、在一些实施方式中，放大手写的过程为：选中放大手写后，在指定区域创建一个手写展示区域，在放大区域手写时，手写的结果同步展示于元素对应的展示区域内。21、在一些实施方式中，当前元素绑定了脚本触发事件,获取相关参数，所述的相关参数包括弹出页面的url地址和页面大小。22、在一些实施方式中，触发电子表单中某一个元素时，在电子表单上构建输入区域，输入区域可被拖到任意位置，构建的输入区域的模式包括两种，23、其中一种为在电子表单上方叠设悬浮输入区域，电子表单不发生改变，在悬浮输入区域输入完毕后，点击暂存时悬浮输入区域不关闭，悬浮输入区域中的内容对应元素的元素属性，并暂时存储至本地数据库；点击提交后悬浮输入区域中的内容对应元素的元素属性替换本地数据库中该元素属性对应的内容进行存储，悬浮输入区域关闭，并保存电子表单中所有的内容，所述悬浮输入区域与展示的电子表单重叠部分的面积小于（30％*展示的电子表单的面积）；24、另一种为直接在电子表单的底部插入输入区域，在输入区域中输入完毕后，点击暂存时输入区域关闭，输入区域中的内容对应元素的元素属性，并暂时存储至本地数据库；点击提交后输入区域中的内容对应元素的元素属性替换本地数据库中该元素属性对应的内容进行存储，关闭输入区域，并保存电子表单中所有的内容。25、第二方面，本发明提出基于工作流表单系统数据交互与输入内容单屏式操作系统，包括存储单元和处理器，存储单元用于存储应用程序，处理单元用于执行应用程序实现上述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中处理单元包括解析模块和渲染模块，26、解析模块用于获取并加载电子表单、遍历电子表单的页面信息和元素信息，逐个获取各元素的相关属性以及绑定的脚本触发事件，组织元素信息形成电子表单的元素信息列表；27、渲染模块用于根据电子表单的页面信息和元素信息在文件底板上渲染并展现电子表单，触发电子表单中的元素，构建输入区域，在输入区域展现事件信息。28、本发明所述的基于工作流表单系统数据交互与输入内容单屏式操作方法的优点为：29、1、单屏操作杜绝了表单任何功能操作时，其操作界面全部或大面积的覆盖掉表单所带来的不良体验度。30、2、单屏操作永远保证电子表单原版原样展示，最大程度地仿真传统的物理场景，使得用户有一用就上手的感觉。31、3、精致适配各类屏幕：在屏幕允许的情况下，实现表单页面全保真全显示，在屏幕空白处进行录入操作；在屏幕条件不允许的情况下，可以使得录入工具折叠到表单的底部，亦可以动态拖拽到任意的位置，此工具可大可小，一般情况下，最大不超过屏幕总面积的25%。技术特征：1.基于工作流表单系统数据交互与输入内容单屏式操作方法，其特征在于，包括如下步骤：2.根据权利要求1所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，3.根据权利要求2所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，在触发电子表单中的某一元素后根据当前元素的元素属性对当前元素的元素种类进行判断，4.根据权利要求3所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，多元化签批的过程为：选中多元化签批模式后在电子表单的上构建一个输入区域用于进行多元化签批；鼠标离开指定区域时，自动将多元化签批的内容填充到元素对应的展示区域，多元化签批内容包括文字、图像、音频以及视频中的一种或多种。5.根据权利要求3所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，6.根据权利要求3或5所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，键盘输入的过程为：选中键盘输入后，在电子表单的上构建一个输入区域用于信息输入；鼠标离开指定区域时，自动将内容填充到元素对应的展示区域。7.根据权利要求3或5所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，放大手写的过程为：选中放大手写后，在指定区域创建一个手写展示区域，在放大区域手写时，手写的结果同步展示于元素对应的展示区域内。8.根据权利要求5所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，当前元素绑定了脚本触发事件,获取相关参数，所述的相关参数包括弹出页面的url地址和页面大小。9.根据权利要求1所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中，触发电子表单中某一个元素时，在电子表单上构建输入区域，输入区域可被拖到任意位置，构建的输入区域的模式包括两种，10.基于工作流表单系统数据交互与输入内容单屏式操作系统，其特征在于，包括存储单元和处理器，存储单元用于存储应用程序，处理单元用于执行应用程序实现权利要求1-9所述的基于工作流表单系统数据交互与输入内容单屏式操作方法，其中处理单元包括解析模块和渲染模块，技术总结本发明提出基于工作流表单系统数据交互与输入内容单屏式操作方法，包括如下步骤：加载并解析电子表单，获取电子表单的页面信息，并遍历电子表单的元素信息；获取各元素的相关属性，并捕获元素绑定的事件信息；组织元素信息，形成电子表单的元素信息队列；根据电子表单的页面信息和元素信息在文件底板上渲染展现电子表单；触发电子表单中的某一元素；捕获当前元素绑定的事件信息；在当前展现的电子表单上构建悬浮层；在悬浮层上渲染展现事件信息。此专利杜绝了表单任何功能操作时，操作界面全部或大面积的覆盖掉表单所带来的不良体验度，永远保证电子表单原版原样展示，最大程度地仿真传统的物理场景，使得用户有一用就上手的感觉。技术研发人员：何冉冉,何中,蔡亚军,严伟,于晓丽,蒋烽受保护的技术使用者：江苏中威科技软件系统有限公司技术研发日：技术公布日：2024/1/14