[发明专利]一种基于erp审批流Vue组件复用的方法

权利要求书

1.一种基于erp审批流Vue组件复用的方法，其特征在于，包括以下步骤：

步骤1.对项目立项资料提交阶段的表单字段按信息类别进行划分，并判断需要复用的类别；

步骤2.根据划分的表单字段类别，创建表单组件，并配置各表单组件对应的角色权限；

步骤3.在Vue组件中定义两个数组，分别为数组A与数组B，数组A是页面初始化的时候要展示的表单项，数组B是动态变化的；

步骤4.将数组B的项对应的表单组件在前端页面渲染；

步骤5.在前端页面完成表单填写并提交后，验证各个表单组件的表单项；

步骤6.通过对数组B的项进行筛选，达到对所需表单的动态筛选，并实现表单的复用；

所述步骤5的具体步骤如下：

在完成页面渲染且用户对各子组件表单项的内容进行填写或更改后，需要在Vue组件中验证所有表单项，并完成表单数据的保存，

步骤5.1使用vue.$nextTick方式将回调延迟到下次dom更新循环之后执行，即等页面全部渲染出来再执行回调函数；

步骤5.2该回调函数通过ref方式去拿Vue组件的六个表单组件中的每一项，判断表单组件的每一项是否通过验证，即判断表单组件的每一项是否有值，

若该表单组件该项有值，则通过验证，该表单组件该项的值可以提交保存，

若该表单组件该项没有值，则未通过验证，该表单组件该项的值不可以提交保存，需要重新更改；

所述步骤6的具体步骤如下：

步骤6.1在项目审批的后续流程中需要复用部分立项资料提交阶段的表单内容，且每个流程页面对应的有唯一的编号；

步骤6.2在项目审批的后续流程中通过Vue.$router.query()的方式进行页面路由跳转，跳转到立项资料表单，跳转的同时会将该流程页面的编号参数一同传输到立项资料表单，此时立项资料表单页面会显示立项资料提交阶段的六个表单内容；

步骤6.3立项资料表单页面对应的路由函数会通过if方式对接收的后续流程页面编号参数进行判断，

若接收的后续流程页面编号参数与预设值都不相同，则数组B的项为立项资料提交阶段六个表单组件的名称；

若接收的后续流程页面编号参数与预设值相同，则根据接收的后续流程页面编号参数对数组B的值进行动态筛选，即对数组B重新赋值，所述数组B重新赋的值为该后续流程中需要复用的表单组件名称；

步骤6.4渲染筛选后的数组B内对应的表单组件；

步骤6.5对渲染后的表单组件进行更改并提交，实现表单的复用。

2.根据权利要求1所述的一种基于erp审批流Vue组件复用的方法，其特征在于：所述步骤1的具体步骤如下：

步骤1.1.统计项目立项资料提交阶段需要审批人填写的表单字段的总数及名称；

步骤1.2.按信息类别将项目立项资料提交阶段审批人需填写的全部表单字段划分成项目基本信息、代理商信息、屋顶企业信息、配电房情况、商务及技术测算这六类；

步骤1.3.分别对项目基本信息、代理商信息、屋顶企业信息、配电房情况、商务及技术测算里的表单字段名称进行判断，筛选出需要复用的类别。

3.根据权利要求2所述的一种基于erp审批流Vue组件复用的方法，其特征在于：所述步骤2的具体步骤如下：

步骤2.1根据步骤1.2中对项目立项资料提交阶段审批人需填写的全部表单字段划分的类别，分别建立六个表单组件，分别为项目基本信息proForm、代理商信息agentForm、屋顶企业信息roofForm、配电房情况houseForm、商务roomForm及技术测算calculatForm；

步骤2.2根据步骤1.3中需要复用的类别，将需要复用的表单匹配到审批人的角色；

步骤2.3在Vue组件中分别引入六个表单组件，所述六个表单组件是Vue组件的子组件。