[发明专利]一种明细组件在全屏状态下的展示方法

说明书

本申请涉及一种明细组件在全屏状态下的展示方法，通过从服务器获取明细组件数据在非全屏状态下配置好每一个明细组件元素的组件属性，完成明细数据的初始化，进而打开全屏组件以开启全屏状态，对所有明细组件元素在处于全屏状态下的浏览器页面中进行展示，在用户对明细组件元素有修改操作时，对全屏状态下展示的明细组件元素进行实时更新，最终当退出全屏状态时，对全屏状态下展示的明细组件元素和非全屏状态下展示的明细组件元素进行同步，有效建立了各种类型明细组件元素全屏展示的功能逻辑，减少了代码量，极大提升了开发效率。

技术领域

本申请涉及计算机技术领域，特别是涉及一种明细组件在全屏状态下的展示方法。

背景技术

明细组件是用于在浏览器页面展示明细数据的组件。由于一些特殊的应用需求，明细组件经常需要在浏览器页面的全屏状态下展示。全屏状态是当前浏览器页面中展示的一部分模块的大小需要改为和浏览器页面窗口的大小一致的状态端在渲染表单中的各个明细组件时，需要单独写一套全屏逻辑代码，来实现各个明细组件在浏览器页面的全屏展示，在全屏状态下的相关校验过程及数据联动过程等等。

这种展示方法因为需要针对每一个明细组件设计全屏逻辑代码，且代码无法复用，在全屏状态下无法添加新的明细数据，也无法删除已有的明细数据，导致开发效率，成本过高。

发明内容

基于此，有必要针对传统明细组在全屏状态下需要针对每一个明细组件设计全屏逻辑代码，且代码无法复用，在全屏状态下无法添加新的明细数据，也无法删除已有的明细数据的问题，提供一种明细组件在全屏状态下的展示方法。

本申请提供一种明细组件在全屏状态下的展示方法，所述方法包括：

从服务器获取明细组件数据；所述明细组件数据用于在浏览器页面渲染多个明细组件元素；所述明细组件元素包括明细添加按钮、明细列头、明细行、单元格组件、全屏图标和明细内容中的一种；

配置每一个明细组件元素的组件属性；

打开全屏组件以开启全屏状态，对所有明细组件元素在处于全屏状态下的浏览器页面中进行展示；

对全屏状态下展示的明细组件元素进行实时更新；

当退出全屏状态时，对全屏状态下展示的明细组件元素和非全屏状态下展示的明细组件元素进行同步。

进一步地，所述明细组件数据包括单据模块信息数据和表单数据；

所述单据模块信息数据包括唯一标识码和组件类型中的一种或多种；

所述表单数据包括明细数据、明细添加按钮和组件属性中的一种或多种；所述组件属性包括只读属性、必填属性、明细列属性、明细行属性、单元格属性和自定义属性中的一种或多种。

进一步地，所述配置每一个明细组件元素的属性包括：

生成不同组件属性之间的耦合关系公式；

生成不同单元格所需展示的明细数据之间的耦合关系公式，生成每一个明细行属性和该明细行下每一个单元格的单元格属性之间的耦合关系公式，生成每一个单元格所需展示的明细数据和单元格属性之间的耦合关系公式；

依据不同组件属性之间的耦合关系公式、不同单元格所需展示的明细数据之间的耦合关系公式、每一个明细行属性和该明细行下每一个单元格的单元格属性之间的耦合关系公式、以及每一个单元格所需展示的明细数据和单元格属性之间的耦合关系公式，生成每一个单元格所需展示的初始化明细数据；