CN116702705B - 页面及数据图表混合展现的可阅读文件的签批方法及装置 - Google Patents

Abstract

发明公开了页面及数据图表混合展现的可阅读文件的签批方法及装置包括将页面及数据图表混合展现的可阅读文件渲染至文件底板上；触发签批模式，签批模式包括可以相互切换的全局签批和局部签批；解析获取功能操作的组合、触发功能操作组合对应的元素的属性信息；签批，将签批信息、对应的功能操作的组合和元素的属性信息保存；再次浏览至某一页面时，获取页面上的功能操作的组合和触发功能操作的组合对应的元素的属性信息与签批库中的信息进行匹配，两者均匹配成功则获取对应的签批信息还原展示于页面上。该方法根据需求调整功能操作的组合形成新的展示页面，并在页面上生成或还原对应的签批信息，且互补干扰，具有提升用户体验感的优点。

Description

页面及数据图表混合展现的可阅读文件的签批方法及装置

技术领域

本发明涉及办公领域，特别涉及一种页面及数据图表混合展现的可阅读文件的签批方法及装置。

背景技术

随着无纸化办公概念的推行，电子版的可阅读文件被越来越多的人员接受，人们对于电子文件的多样化需求越来越高，可阅读文件包括word、pdf等文件。目前的可阅读文件中的内容一般都是固定的、不携带操作功能的。用户在进行可阅读文件的签批时只可以就当前的文件所展示的内容形成的图片进行签批，无法对动态图表签批，更不能对动态图表中某种交互动作结果下进行签批。

发明内容

本发明的目的提供一种页面及数据图表混合展现的可阅读文件的签批方法及装置，解决上述现有技术问题中的一个或多个。

第一方面，本发明提出一种页面及数据图表混合展现的可阅读文件的签批方法及装置，包括：

构建文件底板；

将页面及数据图表混合展现的可阅读文件渲染至文件底板上；

在文件底板上展示的页面上触发签批模式，签批模式包括全局签批和局部签批，所述全局签批与所述局部签批之间可以相互切换；

解析当前页面的全部内容，获取当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息，元素的属性信息包括键的标识信息；

在页面上构建透明的悬浮层，在悬浮层上进行全局签批或局部签批；

全局签批时，在悬浮层上进行签批，捕捉全局签批的内容信息，内容信息包括签批轨迹和内容，将全局签批的内容信息与可阅读文件的当前页面的全部内容绑定关系，并保存至签批库中；

局部签批时，在悬浮层上进行签批，捕捉局部签批的内容信息，内容信息包括签批轨迹和内容，将局部签批的内容信息与可阅读文件的当前页面上动态内容对应的功能操作的组合绑定关系，保存至签批库中；

再次浏览至某一页面时，加载签批库中与该页面具有绑定关系的全局的内容信息；

获取页面上的功能操作的组合和触发功能操作的组合对应的元素的属性信息，并分别将该页面上的功能操作的组合和触发功能操作的组合对应的元素的属性信息与签批库中的功能操作的组合和对应的元素的属性信息进行匹配，两者均匹配成功则获取对应的局部签批的内容信息；

在该页面上新建用于渲染签批的透明的悬浮层，在该悬浮层上还原全局签批的内容信息和局部的内容信息。

切换功能操作的组合时，保持全局签批的内容信息不变化，移除原先局部签批的内容信息，重新加载新的局部签批的内容信息。

在一些实施方式中，所述页面及数据图表混合展现的可阅读文件渲染至文件底板上的方法包括如下步骤：

遍历页面及数据图表混合展现的可阅读文件中的元素，获取动态内容对应的一个或多个动态元素，并获取动态元素对应的应用功能；

拆解动态元素，获取动态元素对应的数据信息；

遍历动态元素的应用功能中各功能操作的组合，获取触发各功能操作的组合的元素的属性信息，驱动每个组合产生对应的结果页面，生成存储所有结果页面的应用文件库；

遍历结果页面，获取结果页面的所有特征以及特征的位置信息；

生成特征库，并将特征库与特征的位置信息一一对应存储，生成矢量文件；

将矢量文件、组合以及触发各功能操作的组合的元素的属性信息对应存储生成矢量文件库；

触发某一组合，获取组合对应的矢量文件，根据矢量文件中的特征和特征的位置重新渲染对应的元素，生成新的页面及数据图表混合展现的可阅读文件；

将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上。

在一些实施方式中，

可阅读文件是指版式文件、html文件、版式数据流文件中的任意一种或多种；

所述元素的种类包括图表、图片、视频、音频、文字；

所述动态元素的种类包括动态图表；

所述结果页面均被本地离线，并存储在可阅读文件中，作为可阅读文件的一部分，存储的方式包括：JSON、XML、文本；

所述矢量文件的格式包括SVG格式；

在将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上时根据特征的位置信息将文件底板上的展示区域划分为动态内容区域和其他内容区域，动态内容区域与局部签批关联，其他内容区域与全局签批关联。

在一些实施方式中，所述特征库的生成过程如下：

矢量特征库是指所有特征信息存储的的集合，矢量特征库中采用键值对的方式进行存储，其中键key为：特征进行hash运算得到的值；值value为：特征的内容；将特殊添加到矢量特征库时，遵循以下步骤：

4.1、对当前的特征进行HASH运算，运算的方式为MD5或SM3；

4.2获取到hash值后，与矢量特征库的键相匹配，如果匹配到相同的值，返回Key；

4.3如果未匹配到相关的键，则将其进行存储到矢量特征库中。

在一些实施方式中，遍历元素的应用功能中各功能操作的组合时，定义每一个组合的可执行算法，形成离线可独立运行的可执行算法。

在一些实施方式中，在多页面切换过程或同一页面上多次进行签批时，在文件的上层创建一层透明签批层，透明悬浮层与底板上构建等比例放大或缩小，

页面在切换阅读时，自动将签批轨迹和内容组合进行关联，保存到临时文件中，保存时，将签批的轨迹和内容进行存储；

临时文件记录了组合动作与签批的内容信息、和签批中的顺序内容，签批的内容信息支持撤销和返回过程。

在一些实施方式中，签批库采用键值对的方式进行存储，签批库中还保存了页码信息，签批库中保存key和value，

签批模式为全局签批时key对应的内容中包括页码，value为一个数组，数组中保存的是全局签批的内容信息，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key；

签批模式为局部签批时，key对应的内容中包括功能操作的组合、触发该组合的元素的属性信息以及页码，value为一个数组，数组中保存的是局部签批的内容信息，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key。页码也可以作为还原局部签批的内容信息时的第三个匹配元素，进一步增强签批还原的准确性。

在一些实施方式中，签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标；

签批的方式包括手写签批、图片签批、音频签批、视频签批、AI签批、键盘输入；

签批的属性信息内容包括签批ID、签批人信息、签批时间、签批轨迹。

在一些实施方式中，文件底板上设有目录展示框，用于展示签批目录，同一可阅读文件中的签批内容均会存储至该文件的签批目录中；签批内容均携带有签批者的身份信息,所有所述签批信息均建立并附有签批标识；用户通过所述签批标识快速查看页面中签批信息，或根据签批人信息建立的签批标识，选择不同的签批人进行切换阅读。

第二方面，本发明提出对页面及数据图表混合展现的可阅读文件可视化签批的系统，包括存储模块、文件处理模块、签批管理模块，其中

文件处理模块用于页面及数据图表混合展现的可阅读文件渲染至文件底板，解析当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息；

签批管理模块用于管理签批模式，在页面上构建透明的悬浮层用于签批，捕捉签批的内容信息，根据签批模式将签批的内容信息与当前页面的所有内容或功能操作的组合进行绑定，并保存至签批库中，同时还用于还原签批的内容；

存储模块用于存储页面及数据图表混合展现的可阅读文件、签批库、应用文件库、矢量文件库。

本发明所述的页面及数据图表混合展现的可阅读文件的签批方法及装置的优点为：

1、通过全局签批工具，不管页面图表以及组合应用功能如何变化，签批内容保持不变，解决了当页面元素发生变化的时候，签批内容难以选择的问题。

2、通过局部签批工具，不管页面图表以及组合应用功能如何变化，签批内容也随之而变，使得用户在阅读此类文件时，主次清晰。

3、创造性地进一步打破了文件与应用系统的边界，丰富了文件的签批编辑功能，并将此功能成功地扩展到文件上所带的页面图表以及组合功能上；同时开创了应用签批的先河，从而使得能够在应用系统上文件式的编辑操作得到了验证。

4、创造性地加入到页面及图表，使得原先静态的文件动态化，通过此装置将文件上固化的全局批示意见和动态内容的局部批示意见分开，使得此类文件逻辑更加清晰，更加便于聚焦文件的阅读重点。

5、全矢量的签批不但能够使得全屏内容美观，放大无毛边，还能够逐笔地对签批内容进行管理、利用，也可以区分不同的签批人、日期时间、签批方式，有利于安全追溯。如与类似可溯的水印密码之类的工具结合，还能防扩散。

6、通过此装置能够快速遍历实现此类文件的签批，操作简单，使用方便。

这样的装置，还可以作为插件整合到各类办公软件及其他统计报告应用系统。

附图说明

图1为本发明的一些实施方式中页面及数据图表混合展现的可阅读文件的签批方法及装置的流程图；

图2本发明的一些实施方式中签批装置的框图；

图3为本发明的一些实施方式中在页面及数据图表混合展现的可阅读文件上进行全局签批时的页面展示图，图中动态区域包括动态图表、视频、音频，静态区域包括静态文字区域以及页面空白区域；

图4为本发明的一些实施方式中在页面及数据图表混合展现的可阅读文件上进行全局签批时签批内容进入动态区域时的页面展示图；

图5为本发明的一些实施方式中在页面及数据图表混合展现的可阅读文件上展示全局签批内容的页面展示图；

图6为本发明的一些实施方式中在页面及数据图表混合展现的可阅读文件上进行局部签批时的页面展示图；

图7为本发明的一些实施方式中切换统计操作的组合后在页面及数据图表混合展现的可阅读文件上进行局部签批时签批内容超出动态区域时的页面展示图；

图8为本发明的一些实施方式中在页面及数据图表混合展现的可阅读文件上展示全局签批和局部签批内容的页面展示图；

图9为本发明的一些实施方式中切换统计操作的组合后在页面及数据图表混合展现的可阅读文件上利用视频签批、录音签批、图片签批和手写签批进行全局签批时的页面展示图；

图10为本发明的一些实施方式中切换统计操作的组合后在页面及数据图表混合展现的可阅读文件上利用视频签批、录音签批、图片签批和手写签批内容的页面展示图；

图11为本发明的一些实施方式中触发导览后的页面及数据图表混合展现的可阅读文件的页面展示图。

具体实施方式

结合图1所示的内容，本实施例中提出一种页面及数据图表混合展现的可阅读文件的签批方法及装置，包括：

S1、基于阅读器构建可按需伸缩(即可以按照使用者需求向着所需方向拉伸延展)的文件底板；

S2、将页面及数据图表混合展现的可阅读文件渲染至文件底板上，其方法包括如下步骤：

S2.1、遍历页面及数据图表混合展现的可阅读文件中的元素，获取动态内容对应的一个或多个动态元素，并获取动态元素对应的应用功能，元素的种类包括图表、图片、视频、音频、文字，动态元素的种类包括动态图表等可以根据触发的功能的不同产生不同的展示结果的元素；

S2.2、拆解动态元素，获取动态元素对应的数据信息；

S2.3、遍历动态元素的应用功能中各功能操作的组合，并获取触发形成各组合的元素的属性信息，元素的属性信息包括元素的标识信息(比如：ID，用于标识该元素的独一无二的存在的信息)，定义每一个组合的可执行算法，比如：JS方法，形成离线可独立运行的可执行算法，驱动可执行算法产生结果页面，生成存储所有结果页面的应用文件库，其中结果页面均被本地离线，并存储在可阅读文件中，作为可阅读文件的一部分，存储的方式包括：JSON、XML、文本等；

S2.4、遍历结果页面，获取结果页面的所有特征以及特征的位置信息；

S2.5、生成特征库，并将特征库与特征的位置信息一一对应存储，生成矢量文件；

S2.6、将矢量文件、组合以及触发组合的元素的属性信息对应存储生成矢量文件库；

S2.7、通过某一个或多个元素触发某一组合，获取组合对应的矢量文件，根据矢量文件中的特征和特征的位置重新渲染对应的元素，生成新的页面及数据图表混合展现的可阅读文件；

S2.8、将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上；

S3、触发签批模式，签批模式包括可以相互切换的全局签批和局部签批，触发全局签批则进入S4，触发局部签批则进入S6；

S4、在文件底板上触发签批模式的页面上构建透明的悬浮层，在悬浮层上进行签批，捕捉签批轨迹和签批内容，组合形成全局签批的内容信息，其中签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标；

S5、签批结束后将全局签批的内容信息与当前页面上所有的内容进行绑定，并保存至签批库中，

其中，需要说明的是签批库采用键值对的方式进行存储，签批库中保存key和value，此时key对应的内容中包括页码，value为一个数组，数组中保存的是全局签批的内容信息，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key；

S6、在文件底板上触发签批模式的页面上构建透明的悬浮层，在悬浮层上进行签批，捕捉签批轨迹和签批内容，组合形成局部签批的内容信息，其中签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标；

S7、解析当前页面的全部内容，获取当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息，元素的属性信息包括键的标识信息，该步骤可以与S3同步，可以在S3执行前执行，也可与S4或S6同步执行；

S8、签批结束后将局部签批的内容信息、当前页面上对应的功能操作的组合、触发该组合的元素的属性信息以及当前页面的页码保存至签批库中，有效的避免出现不同页面出现相同的功能操作的组合而导致的签批库内信息存储混乱，调用混乱的现象；

其中，需要说明的是签批库采用键值对的方式进行存储，签批库中保存key和value，此时key对应的内容中包括功能操作的组合、触发该组合的元素的属性信息以及页码，value为一个数组，数组中保存的是签批轨迹和内容，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key；

S9、再次浏览至某一设有对应的功能操作的组合的页面时，根据当前页面对应的页码在签批库中进行匹配，判断是否存在页码相同的全局签批的内容信息，若存在则进入S11进行全局签批的内容信息的还原，若不存在则进入S10；

S10、获取当前页面上的功能操作的组合、触发当前的组合的元素的属性信息、页码，与签批库中的组合、触发组合的元素的属性信息以及页码进行匹配，判断是否存在对应的局部签批的内容信息，三者中的任一个没有匹配成功则直接展示当前页面；三者均能够匹配上则匹配成功，获取对应的局部签批的内容信息，进入S11；

S11、在当前页面上新建用于渲染签批的透明的悬浮层，在该悬浮层上还原全局签批的内容信息和局部签批的内容信息。

S11执行完成后，在当前页面上切换功能操作的组合，重新渲染对应的元素，生成新的页面及数据图表混合展现的可阅读文件时，保持全局签批的内容信息不变化，移除原先局部签批的内容信息，若存在新的全局签批的内容信息，则重新加载新的局部签批的内容信息进行渲染，若不存在新的全局签批的内容信息则只显示全局签批的内容信息。

矢量文件的格式包括SVG格式。

矢量特征库是指所有特征信息存储的的集合，矢量特征库中采用键值对的方式进行存储，其中键key为：特征进行hash运算得到的值；值value为：特征的内容；将特殊添加到矢量特征库时，遵循以下步骤：

4.1、对当前的特征进行HASH运算，运算的方式为MD5或SM3；

4.2获取到hash值后，与矢量特征库的键相匹配，如果匹配到相同的值，返回Key；

4.4如果未匹配到相关的键，则将其进行存储到矢量特征库中。

通过该存储方法实现矢量特征库去重处理，实现轻量化存储的目的。

在具体实现时，需要说明的是同一页面上多次进行签批时对应签批的次数建立相应层数的用于签批的视图层，即进行一次签批就要对应生成一层用于签批的视图层，避免同一页面上不同的签批之间相互干扰。

上述的签批模式中的全局签批模式与局部签批模式之间可以相互切换。

上述的签批的方式包括手写签批、图片签批、音频签批、视频签批、AI签批、键盘输入；

签批的属性信息内容包括签批ID、签批人信息、签批时间、签批轨迹，在一些具体的实现方式中，在被签批的页面上设置签批选项，以签批人信息和/或签批时间作为选项，达到选择所需要查看的签批人和/或签批时间，并在该页面上还原对应该条件的签批轨迹和内容。

在将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上时根据特征的位置信息将文件底板上的展示区域划分为动态内容区域和其他内容区域(比如：从动态内容的中起始特征的位置至最后一个特征的位置)，动态内容区域与局部签批关联，其他内容区域与全局签批关联。

在S2的操作过程中：获取动态内容对应的一个或多个动态元素，和动态元素对应的应用功能的同时会获取动态内容对应的动态内容区域的位置信息并存储至可阅读文件中；

在触发签批模式构建透明的悬浮层时会根据动态内容区域的位置信息将悬浮层也划分为动态区域和其他区域，并构建动态区域和其他区域与全局签批和局部签批之间的映射关系，比如：

构建动态区域与局部签批的映射关系，其他区域与全局签批的映射关系，签批起始点落于动态区域时默认为局部签批，签批起始点落于其他区域时默认为全局签批；

结合图3和图4所示的内容，进行全局签批的过程中签批的内容超出其他区域进入动态区域时会弹出对话框提示“当前进入动态区域，是否切换到局部模式？”以及“是”和“否”两个按钮，点击“是”则切换至局部签批，点击“否”则继续进行全局签批；

结合图6所示的内容，切换统计操作的组合后进行局部签批；

结合图6和图7所示的内容，沿着图6所示的操作进行局部签批的过程中签批的内容超出动态区域时会弹出对话框提示“当前超出动态区域，是否切换到全局模式？”以及“是”和“否”两个按钮，点击“是”则切换至全局签批，点击“否”则继续进行局部签批；

结合图9所示的内容，完成图5至图8所示内容后利用图片签批的方式和手写签批的方式进行全局签批。

在一些具体的实施方式中，文件底板上设有目录展示框，用于展示签批目录，同一可阅读文件中的签批内容均会存储至该文件的签批目录中，批内容均携带有签批者的身份信息,所有所述签批信息均建立并附有签批标识；用户通过所述签批标识快速查看页面中签批信息，或根据签批人信息建立的签批标识，选择不同的签批人进行切换阅读。

结合图2所示的内容，本实施例中提出的页面及数据图表混合展现的可阅读文件的签批方法及装置可在对页面及数据图表混合展现的可阅读文件可视化签批的系统中执行，该系统包括存储模块、文件处理模块、签批管理模块以及主控模块，存储模块、文件处理模块、签批管理模块均与主控模块连接，其中

文件处理模块用于页面及数据图表混合展现的可阅读文件渲染至文件底板，解析当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息；

签批管理模块用于管理签批模式，在页面上构建透明的悬浮层用于签批，捕捉签批的内容信息，根据签批模式将签批的内容信息与当前页面的所有内容或功能操作的组合进行绑定，并保存至签批库中，同时还用于还原签批的内容；

存储模块用于存储页面及数据图表混合展现的可阅读文件、签批库、应用文件库、矢量文件库。

结合图5、图8、图10和图11所示的内容，以文件元素中图表元素对应的统计功能为例，页面及数据图表混合展现的可阅读文件的签批方法及装置包括如下步骤：

S11、基于阅读器构建可按需伸缩(即可以按照使用者需求向着所需方向拉伸延展)的文件底板；

S12、将页面及数据图表混合展现的可阅读文件渲染至文件底板上，其方法包括如下步骤：

S12.1、遍历页面及数据图表混合展现的可阅读文件中的元素，获取动态元素，获取动态元素中统计功能对应的数据信息，获取统计功能对应的各种统计操作；

S12.2、获取动态元素中的动态图表元素，对动态图表元素进行单独的拆解，获取动态图表元素中的数据信息，数据信息中包括数据值和数据值单位；

S12.3、遍历动态图表元素对应的统计功能，获取统计功能对应的各种统计操作；

S12.4、遍历各种统计操作的组合，以及触发该组合的元素的属性信息，定义每一个组合的JS方法，形成离线可独立运行的统计JS方法文件，统计操作的组合包括下述多种统计功能组合，包括：A区、B区、C区、D区、E区、F区、G区、H区、I区、J区中的任意一个区域或多个区域的同比增长百分比的线状图和所有区域的一般公共预算收入总量的饼状图；

S12.5、以数据信息为基础驱动组合的JS方法，获取每种组合生成的图表结果；

S12.6、分析图表结果，获取图表结果的所有特征以及特征的位置信息，其中图表的特征种类包括图形图表数据、数据值、数据值单位，图形图表数据包括粗细宽窄、长短、颜色、字体、加粗、字号；

S12.7、将特征存入矢量特征库；

S12.8、将矢量特征库与特征的位置信息进行矢量化打印存储，形成矢量文件；

S12.9、将统计JS方法文件、矢量文件、以及触发各组合的元素的属性信息对应起来存储生成矢量文件库；

S12.10、将页面及数据图表混合展现的可阅读文件中的元素依据H5规范将这些元素生成到html文件中生成可阅读文件，并在阅读器的文件底板上进行展示，可阅读文件与JS方法绑定；

S12.11、在该动态图表元素的页面上中触发A区、B区、D区、F区、H区以及J区的同时显示这些区域的同比增长百分比的线状图以及所有区域的一般公共预算收入总量的饼状图对应的JS方法(比如：点击按钮触发与按钮绑定的JS方法)，执行JS方法返回对应的矢量文件，获取触发该JS方法的元素的属性信息；

S12.12、获取矢量文件中矢量特征库和特征对应的位置信息，获取矢量特征库内的特征，对可阅读文件中对应的动态图表重新进行渲染；

S13、在当前含有动态图表元素的页面上触发签批，签批模式包括可以相互切换的局部签批和全局签批，在该页面上构建透明的悬浮层；

S14、在悬浮层上进行签批，捕捉当前的签批轨迹和内容形成签批的内容信息，签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标，比如：经过图3至图8所示的内容变换过程；

签批模式为局部签批时，签批过程中获取当前页面上对应的功能操作的组合，获取触发组合的元素的属性信息，签批结束后将签批的内容信息与当前页面上对应的功能操作的组合、触发组合的元素的属性信息绑定关系，并保存至签批库中；

签批模式为全局签批时，签批过程中解析当前页面的全部内容，签批结束后将签批的内容信息、当前页面的全部内容绑定关系，并保存至签批库中；

S15、在该动态图表元素的页面上触发A区、B区、D区、F区、H区、J区的同时显示这些区域的同比增长百分比的线状图以及所有区域的一般公共预算收入总量的饼状图对应的JS方法(比如：点击按钮触发与按钮绑定的JS方法)，执行JS方法返回对应的矢量文件，获取触发该JS方法的元素的属性信息；

S16、获取矢量文件中矢量特征库和特征对应的位置信息，获取矢量特征库内的特征，对可阅读文件中对应的图表重新进行渲染，并结合可阅读文件的当前页面形成新的展示页面进行展示；

S17、获取当前页面的页码对应的签批的内容信息和JS方法对应的签批的内容信息，在新的展示页面上构建两层重叠设置的透明的悬浮层，并在底下一层的悬浮层上还原当前页面的页码对应的签批的内容信息(即之前全局签批形成的内容)，在上面一层的悬浮层上还原JS方法对应的签批的内容信息(即之前对应的局部签批形成的内容)，形成如图8所示的内容；

S18、改变当前页面上触发的区域，在该动态图表元素的页面上触发B区、C区、D区、F区、H区以及J区的继续显示这些区域的同比增长百分比的线状图以及所有区域的一般公共预算收入总量的饼状图对应的JS方法(比如：点击按钮触发与按钮绑定的JS方法)，执行JS方法返回对应的矢量文件，获取触发该JS方法的元素的属性信息；

S19、获取矢量文件中矢量特征库和特征对应的位置信息，获取矢量特征库内的特征，对可阅读文件中对应的图表重新进行渲染，并结合可阅读文件的当前页面形成新的展示页面进行展示；

S20、获取JS方法对应的签批的内容信息，利用当前获取的JS方法对应的签批的内容信息替换展示页面上两层重叠设置的透明的悬浮层中上面一层的悬浮层上还原的JS方法对应的签批的内容信息，形成如图10所示的内容。

在新的展示页面上也进行触发局部签批或全局签批，在原有进行签批的透明的悬浮层上在此构建一层透明的悬浮层，在新构建的悬浮层上进行签批，捕捉当前的签批轨迹和内容形成签批的内容信息，签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标。以在新的展示页面上进行局部签批为例在原有进行签批的透明的悬浮层上在此构建一层透明的悬浮层，在新构建的悬浮层上进行签批，捕捉当前的签批轨迹和内容形成签批的内容信息，签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标，签批过程中获取该页面上对应的功能操作的组合，获取触发组合的元素的属性信息，签批结束后将局部签批的内容信息与该页面上对应的功能操作的组合、触发组合的元素的属性信息绑定关系，并保存至签批库中。

在该页面及数据图表混合展现的可阅读文件的展示页面上可以应用现有技术增加文件阅读的导览，导览的使用过程中比如形成如图11所示的内容。

以上所述仅是本发明的优选方式，应当指出，对于本领域普通技术人员来说，在不脱离本发明创造构思的前提下，还可以做出若干相似的变形和改进，这些也应视为本发明的保护范围。

Claims (9)

1.页面及数据图表混合展现的可阅读文件的签批方法，其特征在于，包括：

构建文件底板；

将页面及数据图表混合展现的可阅读文件渲染至文件底板上；

在文件底板上展示的页面上触发签批模式，签批模式包括全局签批和局部签批，所述全局签批与所述局部签批之间能够相互切换；

解析当前页面的全部内容，获取当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息，元素的属性信息包括键的标识信息；

在页面上构建透明的悬浮层，在悬浮层上进行全局签批或局部签批；

全局签批时，在悬浮层上进行签批，捕捉全局签批的内容信息，内容信息包括签批轨迹和内容，将全局签批的内容信息与可阅读文件的当前页面的全部内容绑定关系，并保存至签批库中；

局部签批时，在悬浮层上进行签批，捕捉局部签批的内容信息，内容信息包括签批轨迹和内容，将局部签批的内容信息与可阅读文件的当前页面上动态内容对应的功能操作的组合绑定关系，保存至签批库中；

再次浏览至某一页面时，加载签批库中与该页面具有绑定关系的全局的内容信息；

获取页面上的功能操作的组合和触发功能操作的组合对应的元素的属性信息，并分别将该页面上的功能操作的组合和触发功能操作的组合对应的元素的属性信息与签批库中的功能操作的组合和对应的元素的属性信息进行匹配，两者均匹配成功则获取对应的局部签批的内容信息；

在该页面上新建用于渲染签批的透明的悬浮层，在该悬浮层上还原全局签批的内容信息和局部的内容信息；

切换功能操作的组合时，保持全局签批的内容信息不变化，移除原先局部签批的内容信息，重新加载新的局部签批的内容信息；

其中，所述页面及数据图表混合展现的可阅读文件渲染至文件底板上的方法包括如下步骤：

遍历页面及数据图表混合展现的可阅读文件中的元素，获取动态内容对应的一个或多个动态元素，并获取动态元素对应的应用功能；

拆解动态元素，获取动态元素对应的数据信息；

遍历动态元素的应用功能中各功能操作的组合，获取触发各功能操作的组合的元素的属性信息，驱动每个组合产生对应的结果页面，生成存储所有结果页面的应用文件库；

遍历结果页面，获取结果页面的所有特征以及特征的位置信息；

生成特征库，并将特征库与特征的位置信息一一对应存储，生成矢量文件；

将矢量文件、组合以及触发各功能操作的组合的元素的属性信息对应存储生成矢量文件库；

触发某一组合，获取组合对应的矢量文件，根据矢量文件中的特征和特征的位置重新渲染对应的元素，生成新的页面及数据图表混合展现的可阅读文件；

将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上。

2.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，

可阅读文件是指版式文件、html文件、版式数据流文件中的任意一种或多种；

所述元素的种类包括图表、图片、视频、音频、文字；

所述动态元素的种类包括动态图表；

所述结果页面均被本地离线，并存储在可阅读文件中，作为可阅读文件的一部分，存储的方式包括：JSON、XML、文本；

所述矢量文件的格式包括SVG格式；

在将新的页面及数据图表混合展现的可阅读文件渲染至文件底板上时根据特征的位置信息将文件底板上的展示区域划分为动态内容区域和其他内容区域，动态内容区域与局部签批关联，其他内容区域与全局签批关联。

3.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，所述特征库的生成过程如下：

矢量特征库是指所有特征信息存储的的集合，矢量特征库中采用键值对的方式进行存储，其中键key为：特征进行hash运算得到的值；值value为：特征的内容；将特殊添加到矢量特征库时，遵循以下步骤：

4.1、对当前的特征进行HASH运算，运算的方式为MD5或SM3；

4.2获取到hash值后，与矢量特征库的键相匹配，如果匹配到相同的值，返回Key；

4.3如果未匹配到相关的键，则将其进行存储到矢量特征库中。

4.根据权利要求2所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，遍历元素的应用功能中各功能操作的组合时，定义每一个组合的可执行算法，形成离线可独立运行的可执行算法文件。

5.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，在多页面切换过程或同一页面上多次进行签批时，在文件的上层创建一层透明签批层，透明悬浮层与底板上构建等比例放大或缩小，

页面在切换阅读时，自动将签批轨迹和内容组合进行关联，保存到临时文件中，保存时，将签批的轨迹和内容进行存储；

临时文件记录了组合动作与签批的内容信息、和签批中的顺序内容，签批的内容信息支持撤销和返回过程。

6.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，签批库采用键值对的方式进行存储，签批库中还保存了页码信息，签批库中保存key和value，

签批模式为全局签批时key对应的内容中包括页码，value为一个数组，数组中保存的是全局签批的内容信息，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key；

签批模式为局部签批时，key对应的内容中包括功能操作的组合、触发该组合的元素的属性信息以及页码，value为一个数组，数组中保存的是局部签批的内容信息，在多个key对应的value值相同时，在后面的value直接指向到前面已出现的Key。

7.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，

签批轨迹包括签批的动作轨迹、签批起始点的坐标以及签批结束点的坐标；

签批的方式包括手写签批、图片签批、音频签批、视频签批、AI签批、键盘输入；

签批的属性信息内容包括签批ID、签批人信息、签批时间、签批轨迹。

8.根据权利要求1所述的页面及数据图表混合展现的可阅读文件的签批方法，其中，文件底板上设有目录展示框，用于展示签批目录，同一可阅读文件中的签批内容均会存储至该文件的签批目录中；签批内容均携带有签批者的身份信息,所有签批内容均建立并附有签批标识；用户通过所述签批标识快速查看页面中签批信息，或根据签批人信息建立的签批标识，选择不同的签批人进行切换阅读。

9.对页面及数据图表混合展现的可阅读文件可视化签批的装置，其特征在于，包括存储模块、文件处理模块、签批管理模块，其中

文件处理模块用于页面及数据图表混合展现的可阅读文件渲染至文件底板，解析当前展示的页面上动态内容对应的功能操作的组合，获取触发功能操作组合对应的元素的属性信息；

签批管理模块用于管理签批模式，在页面上构建透明的悬浮层用于签批，捕捉签批的内容信息，根据签批模式将签批的内容信息与当前页面的所有内容或功能操作的组合进行绑定，并保存至签批库中，同时还用于还原签批的内容；

存储模块用于存储页面及数据图表混合展现的可阅读文件、签批库、应用文件库、矢量文件库。