[發(fā)明專利]一種基于erp審批流Vue組件復用的方法

有效

• 申請?zhí)枺?/td>: 202011572735.3
• 申請日: 2020-12-25
• 公開（公告）號: CN112631579B
• 公開（公告）日: 2022-08-09
• 發(fā)明（設計）人: 尚德華;馮燦燦
• 申請（專利權）人: 傲普（上海）新能源有限公司
• 主分類號: G06F8/36
• 分類號: G06F8/36;G06F8/65;G06Q10/10
• 代理公司: 上海劍秋知識產(chǎn)權代理有限公司 31382
• 代理人: 徐浩俊

1.一種基于erp審批流Vue組件復用的方法，其特征在于，包括以下步驟：

步驟1.對項目立項資料提交階段的表單字段按信息類別進行劃分，并判斷需要復用的類別；

步驟2.根據(jù)劃分的表單字段類別，創(chuàng)建表單組件，并配置各表單組件對應的角色權限；

步驟3.在Vue組件中定義兩個數(shù)組，分別為數(shù)組A與數(shù)組B，數(shù)組A是頁面初始化的時候要展示的表單項，數(shù)組B是動態(tài)變化的；

步驟4.將數(shù)組B的項對應的表單組件在前端頁面渲染；

步驟5.在前端頁面完成表單填寫并提交后，驗證各個表單組件的表單項；

步驟6.通過對數(shù)組B的項進行篩選，達到對所需表單的動態(tài)篩選，并實現(xiàn)表單的復用；

所述步驟5的具體步驟如下：

在完成頁面渲染且用戶對各子組件表單項的內容進行填寫或更改后，需要在Vue組件中驗證所有表單項，并完成表單數(shù)據(jù)的保存，

步驟5.1使用vue.$nextTick方式將回調延遲到下次dom更新循環(huán)之后執(zhí)行，即等頁面全部渲染出來再執(zhí)行回調函數(shù)；

步驟5.2該回調函數(shù)通過ref方式去拿Vue組件的六個表單組件中的每一項，判斷表單組件的每一項是否通過驗證，即判斷表單組件的每一項是否有值，

若該表單組件該項有值，則通過驗證，該表單組件該項的值可以提交保存，

若該表單組件該項沒有值，則未通過驗證，該表單組件該項的值不可以提交保存，需要重新更改；

所述步驟6的具體步驟如下：

步驟6.1在項目審批的后續(xù)流程中需要復用部分立項資料提交階段的表單內容，且每個流程頁面對應的有唯一的編號；

步驟6.2在項目審批的后續(xù)流程中通過Vue.$router.query()的方式進行頁面路由跳轉，跳轉到立項資料表單，跳轉的同時會將該流程頁面的編號參數(shù)一同傳輸?shù)搅㈨椯Y料表單，此時立項資料表單頁面會顯示立項資料提交階段的六個表單內容；

步驟6.3立項資料表單頁面對應的路由函數(shù)會通過if方式對接收的后續(xù)流程頁面編號參數(shù)進行判斷，

若接收的后續(xù)流程頁面編號參數(shù)與預設值都不相同，則數(shù)組B的項為立項資料提交階段六個表單組件的名稱；

若接收的后續(xù)流程頁面編號參數(shù)與預設值相同，則根據(jù)接收的后續(xù)流程頁面編號參數(shù)對數(shù)組B的值進行動態(tài)篩選，即對數(shù)組B重新賦值，所述數(shù)組B重新賦的值為該后續(xù)流程中需要復用的表單組件名稱；

步驟6.4渲染篩選后的數(shù)組B內對應的表單組件；

步驟6.5對渲染后的表單組件進行更改并提交，實現(xiàn)表單的復用。

2.根據(jù)權利要求1所述的一種基于erp審批流Vue組件復用的方法，其特征在于：所述步驟1的具體步驟如下：

步驟1.1.統(tǒng)計項目立項資料提交階段需要審批人填寫的表單字段的總數(shù)及名稱；

步驟1.2.按信息類別將項目立項資料提交階段審批人需填寫的全部表單字段劃分成項目基本信息、代理商信息、屋頂企業(yè)信息、配電房情況、商務及技術測算這六類；

步驟1.3.分別對項目基本信息、代理商信息、屋頂企業(yè)信息、配電房情況、商務及技術測算里的表單字段名稱進行判斷，篩選出需要復用的類別。

3.根據(jù)權利要求2所述的一種基于erp審批流Vue組件復用的方法，其特征在于：所述步驟2的具體步驟如下：

步驟2.1根據(jù)步驟1.2中對項目立項資料提交階段審批人需填寫的全部表單字段劃分的類別，分別建立六個表單組件，分別為項目基本信息proForm、代理商信息agentForm、屋頂企業(yè)信息roofForm、配電房情況houseForm、商務roomForm及技術測算calculatForm；

步驟2.2根據(jù)步驟1.3中需要復用的類別，將需要復用的表單匹配到審批人的角色；

步驟2.3在Vue組件中分別引入六個表單組件，所述六個表單組件是Vue組件的子組件。