手机端选人组件

src/pages/processCenter/pages/phone/wfhxzg/step5.vue

@@ -134,6 +134,7 @@
       show-submit
       show-back
       approval
+      show-transfer
       @back="handleSubmitNo"
       :submitLoading="isSubmit"
       :isSubmitBack="backLoading"
@@ -152,12 +153,19 @@
       >
       </el-upload>
     </el-dialog>
-    <Role-tree
+<!--    <Role-tree
       check-box
       :is-title="drawerTitle"
       :is-visible.sync="modalshowflag"
       :nodeList="nodeList"
       @checkedRole="drawerCheck"
+    />-->
+    <!-- 写有 check-more 是多人，没有就是单人 -->
+    <phone-role
+      :role-title="roleTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="showPage"
+      @checkedRole="phoneSumit"
     />
   </div>
 </template>
@@ -207,6 +215,12 @@ export default {
       // 驳回弹窗状态
       backDialog: false,
 
+      // 储存手机端选人集合
+      phoneRoleList: [],
+      roleTitle: '',
+      showPage: false,
+      phoneRole: '',
+
     }
   },
   components: {
@@ -308,11 +322,18 @@ export default {
         this.isSubmit = false
       })
     },
-    drawerCheck (data) {
-      this.turnLoading = true
+
+    // 转办按钮
+    handleTurnTo() {
+      this.showPage = true
+      this.roleTitle = '转办处理人'
+    },
+    // 转办选人框
+    phoneSumit (data) {
+      this.phoneRoleList = data
       changeAssigneeNew({
         taskId: this.taskIds, // 任务id
-        assignee: data[0].id, // 被委托人
+        assignee: data[0].usId, // 被委托人
         userId: this.userId, // 委托人
         pId: this.pId // 流程实例
       }).then(res =>{
@@ -324,12 +345,7 @@ export default {
           this.$message.warning(res.message)
         }
       })
-      this.modalshowflag = false
-    },
-    // 转办按钮
-    handleTurnTo() {
-      this.modalshowflag = true
-      this.drawerTitle = '转办处理人'
+      // this.showPage = false
     },
     handleSubmitNo() {
       this.backLoading = true
@@ -402,6 +418,9 @@ export default {
     pageSizeChange () {
       this.getTableByPage()
     },
+    showPagePC() {
+      this.showPage = true
+    },
   }
 }
 </script>