[發明專利]一種明細組件在全屏狀態下的展示方法

在審

• 申請號: 202210441677.3
• 申請日: 2022-04-25
• 公開（公告）號: CN115061612A
• 公開（公告）日: 2022-09-16
• 發明（設計）人: 張鑫波;黃淵;蓋建華;魏美鐘
• 申請（專利權）人: 杭州每刻科技有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F3/0484;G06F9/451
• 代理公司: 杭州裕陽聯合專利代理有限公司 33289
• 代理人: 張解翠

本申請涉及一種明細組件在全屏狀態下的展示方法，通過從服務器獲取明細組件數據在非全屏狀態下配置好每一個明細組件元素的組件屬性，完成明細數據的初始化，進而打開全屏組件以開啟全屏狀態，對所有明細組件元素在處于全屏狀態下的瀏覽器頁面中進行展示，在用戶對明細組件元素有修改操作時，對全屏狀態下展示的明細組件元素進行實時更新，最終當退出全屏狀態時，對全屏狀態下展示的明細組件元素和非全屏狀態下展示的明細組件元素進行同步，有效建立了各種類型明細組件元素全屏展示的功能邏輯，減少了代碼量，極大提升了開發效率。

技術領域

本申請涉及計算機技術領域，特別是涉及一種明細組件在全屏狀態下的展示方法。

背景技術

明細組件是用于在瀏覽器頁面展示明細數據的組件。由于一些特殊的應用需求，明細組件經常需要在瀏覽器頁面的全屏狀態下展示。全屏狀態是當前瀏覽器頁面中展示的一部分模塊的大小需要改為和瀏覽器頁面窗口的大小一致的狀態端在渲染表單中的各個明細組件時，需要單獨寫一套全屏邏輯代碼，來實現各個明細組件在瀏覽器頁面的全屏展示，在全屏狀態下的相關校驗過程及數據聯動過程等等。

這種展示方法因為需要針對每一個明細組件設計全屏邏輯代碼，且代碼無法復用，在全屏狀態下無法添加新的明細數據，也無法刪除已有的明細數據，導致開發效率，成本過高。

發明內容

基于此，有必要針對傳統明細組在全屏狀態下需要針對每一個明細組件設計全屏邏輯代碼，且代碼無法復用，在全屏狀態下無法添加新的明細數據，也無法刪除已有的明細數據的問題，提供一種明細組件在全屏狀態下的展示方法。

本申請提供一種明細組件在全屏狀態下的展示方法，所述方法包括：

從服務器獲取明細組件數據；所述明細組件數據用于在瀏覽器頁面渲染多個明細組件元素；所述明細組件元素包括明細添加按鈕、明細列頭、明細行、單元格組件、全屏圖標和明細內容中的一種；

配置每一個明細組件元素的組件屬性；

打開全屏組件以開啟全屏狀態，對所有明細組件元素在處于全屏狀態下的瀏覽器頁面中進行展示；

對全屏狀態下展示的明細組件元素進行實時更新；

當退出全屏狀態時，對全屏狀態下展示的明細組件元素和非全屏狀態下展示的明細組件元素進行同步。

進一步地，所述明細組件數據包括單據模塊信息數據和表單數據；

所述單據模塊信息數據包括唯一標識碼和組件類型中的一種或多種；

所述表單數據包括明細數據、明細添加按鈕和組件屬性中的一種或多種；所述組件屬性包括只讀屬性、必填屬性、明細列屬性、明細行屬性、單元格屬性和自定義屬性中的一種或多種。

進一步地，所述配置每一個明細組件元素的屬性包括：

生成不同組件屬性之間的耦合關系公式；

生成不同單元格所需展示的明細數據之間的耦合關系公式，生成每一個明細行屬性和該明細行下每一個單元格的單元格屬性之間的耦合關系公式，生成每一個單元格所需展示的明細數據和單元格屬性之間的耦合關系公式；

依據不同組件屬性之間的耦合關系公式、不同單元格所需展示的明細數據之間的耦合關系公式、每一個明細行屬性和該明細行下每一個單元格的單元格屬性之間的耦合關系公式、以及每一個單元格所需展示的明細數據和單元格屬性之間的耦合關系公式，生成每一個單元格所需展示的初始化明細數據；