From df17a3a44eab5ea50df72bd1d766024d68e5647a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Wed, 22 Dec 2021 18:02:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=BD=AC=E5=8A=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/phone/cywbbzzxd/step5.vue           |   2 +-
 .../pages/phone/jrbzhxh/step3.vue             | 118 ++++---
 .../pages/phone/jrbzhxh/step4.vue             |  51 ++-
 .../processCenter/pages/phone/qbfs/step4.vue  | 298 +++++++++---------
 .../processCenter/pages/phone/qbfz/step2.vue  |  40 +--
 .../processCenter/pages/phone/qbfz/step5.vue  |  48 +--
 .../processCenter/pages/phone/qbfz/step6.vue  |  48 +--
 .../processCenter/pages/phone/qbfz/step7.vue  |  48 +--
 .../pages/phone/qbzxdjhgk/step2.vue           |  40 +--
 .../pages/phone/qbzxdjhgk/step3.vue           |  47 ++-
 .../pages/phone/qbzxdjhgk/step4.vue           |  47 ++-
 .../pages/phone/qbzxdjhgk/step5.vue           |  47 ++-
 .../processCenter/pages/phone/wbsm/step3.vue  |  72 ++---
 .../processCenter/pages/phone/wbsm/step4.vue  |  72 ++---
 .../processCenter/pages/phone/wbsm/step5.vue  |  72 ++---
 .../pages/phone/xmqdqr/step5.vue              |  38 ++-
 src/router/index.js                           |   8 +-
 17 files changed, 586 insertions(+), 510 deletions(-)

diff --git a/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue b/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
index 788ae40bd..9e0a65c1b 100644
--- a/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
+++ b/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
@@ -168,7 +168,7 @@
       <el-table
         height="100%"
         ref="selection"
-        :data="histortData"
+        :data="detailData"
         tooltip-effect="dark"
         style="width: 100%"
         border
diff --git a/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue b/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
index 4730d0904..b0195886e 100644
--- a/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
+++ b/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
@@ -1,6 +1,6 @@
 <!--  加入标准化协会信息备案流程-->
 <template>
-  <div class="phoneGrbzhxhStep3 phoneBox">
+  <div class="phoneJrbzhxhStep3 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">加入标准化协会备案流程</template>
       <template slot="proNode">标准法规工程师审核</template>
@@ -16,7 +16,7 @@
           :model="wbbzform"
           :rules="formRules"
           class="label-input-form"
-          label-width="210px"
+          label-width="150px"
         >
           <ProcessTitle>
             <template slot="title">基础信息</template>
@@ -198,7 +198,7 @@
         </el-table>
       </div>
       <el-collapse accordion>
-        <el-collapse-item title="回执说明">
+        <el-collapse-item title="审批意见">
           <div style="margin: 10px 0;">
             <el-input
               type="textarea"
@@ -215,7 +215,7 @@
       <el-table
         height="100%"
         ref="selection"
-        :data="histortData"
+        :data="detailData"
         tooltip-effect="dark"
         style="width: 100%"
         border
@@ -273,6 +273,7 @@
       </el-table>
     </div>
     <ProcessFooter
+      show-transfer
       show-back
       show-submit
       :submitLoading="isSubmit"
@@ -299,19 +300,24 @@
       @checkedRole="checkedTransferRole"
       :nodeList="nodeList"
     ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
 <script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessHeaderPhone from "../../components/ProcessHeaderPhone";
 import ProcessHeader from "../../components/ProcessHeader";
 import ProcessTitle from "process/components/ProcessTitle";
 import ProcessFooter from "process/components/ProcessFooter";
-import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
+import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
 
 export default {
-  name: "phoneGrbzhxhStep3",
+  name: "phoneJrbzhxhStep3",
   components: {
     ProcessHeader,
     ProcessTitle,
@@ -320,6 +326,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: "",
       //切换tab
       active: "1",
       foldFormFlag: true,
@@ -329,7 +338,7 @@ export default {
       loading: false,
       modalshowflag: false,
       drawerModal: false,
-      drawerTitle: '',
+      drawerTitle: "",
       nodeList: [],
       fileList:[],
       commentText: '',
@@ -544,21 +553,42 @@ export default {
         }
       }
     },
-    //流程转办
-    handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+    //转办按钮
+    handleTransfer() {
+      this.phoneshowflag = true;
+      this.phoneRoleList = this.roleTransfer;
+      this.phoneDrawerTitle = "转办处理人";
+    },
+    //确认转办
+    drawerCheck(data) {
+      this.roleTransfer = data;
+      this.phoneRoleList = this.roleTransfer;
+      this.turnLoading = true;
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        if (res.success) {
+          this.turnLoading = false;
+          this.$message.success("调整成功");
+          this.$router.push("/processCenter");
+        } else {
+          this.$message.warning(res.message);
+        }
+      });
+      this.modalshowflag = false;
     },
     //流程提交
     handleSubmit() {
-      this.isSubmit = true
-      this.wbbzform.signFlag = '1',
+      this.isSubmit = true;
+      this.wbbzform.signFlag = "1",
         this.wbbzform.passUser = this.$store.getters.userInfo.userId,
         this.wbbzform.commentText = this.commentText;
-      this.wbbzform.participantsData = this.participantsData
-      this.wbbzform.associationData = this.associationData
-      var json = JSON.stringify( this.wbbzform)
+      this.wbbzform.participantsData = this.participantsData;
+      this.wbbzform.associationData = this.associationData;
+      var json = JSON.stringify(this.wbbzform);
       this.$http.post("lawss/activiti/completeTask", {
         taskIds: this.taskIds,
         userId: this.userId,
@@ -576,29 +606,33 @@ export default {
       });
     },
     //流程驳回
-    beforeBack(){
-      this.isSubmit = true
-      this.wbbzform.signFlag = '0',
-        this.wbbzform.passUser = this.$store.getters.userInfo.userId,
-        this.wbbzform.commentText = this.commentText;
-      this.wbbzform.participantsData = this.participantsData
-      this.wbbzform.associationData = this.associationData
-      var json = JSON.stringify( this.wbbzform)
-      this.$http.post("lawss/activiti/completeTask", {
-        taskIds: this.taskIds,
-        userId: this.userId,
-        json: json
-      }, {
-        _this: this
-      }, res => {
-        if (res.success) {
-          this.$message.success(res.message);
-          this.$router.push("/processCenter");
-        }
-        this.isSubmit = false
-      }, e => {
+    beforeBack() {
+      if (!this.commentText) {
+        this.$message.warning("请填写审批意见");
+      } else {
+        this.isSubmit = true;
+        this.wbbzform.signFlag = "0",
+          this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+          this.wbbzform.commentText = this.commentText;
+        this.wbbzform.participantsData = this.participantsData;
+        this.wbbzform.associationData = this.associationData;
+        var json = JSON.stringify(this.wbbzform);
+        this.$http.post("lawss/activiti/completeTask", {
+          taskIds: this.taskIds,
+          userId: this.userId,
+          json: json
+        }, {
+          _this: this
+        }, res => {
+          if (res.success) {
+            this.$message.success(res.message);
+            this.$router.push("/processCenter");
+          }
+          this.isSubmit = false;
+        }, e => {
 
-      });
+        });
+      }
     },
   },
   mounted() {
@@ -615,7 +649,7 @@ export default {
 
 <style lang="less" scoped>
 @import '~@/assets/styles/phone';
-.phoneGrbzhxhStep3 {
+.phoneJrbzhxhStep3 {
   /deep/.van-dialog__content {
     min-height: 300px;
     padding: 10px;
diff --git a/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue b/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
index c73348564..3d9b553ff 100644
--- a/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
+++ b/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
@@ -1,6 +1,6 @@
 <!--  加入标准化协会信息备案流程-->
 <template>
-  <div class="phoneGrbzhxhStep4 phoneBox">
+  <div class="phoneJrbzhxhStep4 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">加入标准化协会备案流程</template>
       <template slot="proNode">标准法规工程师审核</template>
@@ -16,7 +16,7 @@
           :model="wbbzform"
           :rules="formRules"
           class="label-input-form"
-          label-width="210px"
+          label-width="150px"
         >
           <ProcessTitle>
             <template slot="title">基础信息</template>
@@ -198,7 +198,7 @@
         </el-table>
       </div>
       <el-collapse accordion>
-        <el-collapse-item title="回执说明">
+        <el-collapse-item title="审批意见">
           <div style="margin: 10px 0;">
             <el-input
               type="textarea"
@@ -215,7 +215,7 @@
       <el-table
         height="100%"
         ref="selection"
-        :data="histortData"
+        :data="detailData"
         tooltip-effect="dark"
         style="width: 100%"
         border
@@ -273,6 +273,7 @@
       </el-table>
     </div>
     <ProcessFooter
+      show-transfer
       show-back
       show-submit
       :submitLoading="isSubmit"
@@ -299,6 +300,12 @@
       @checkedRole="checkedTransferRole"
       :nodeList="nodeList"
     ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -311,7 +318,7 @@ import ProcessFooter from "process/components/ProcessFooter";
 import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
 
 export default {
-  name: "phoneGrbzhxhStep4",
+  name: "phoneJrbzhxhStep4",
   components: {
     ProcessHeader,
     ProcessTitle,
@@ -320,6 +327,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       //切换tab
       active: "1",
       foldFormFlag: true,
@@ -529,11 +539,32 @@ export default {
         }
       }
     },
-    //流程转办
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
     },
     //流程提交
     handleSubmit() {
@@ -600,7 +631,7 @@ export default {
 
 <style lang="less" scoped>
 @import '~@/assets/styles/phone';
-.phoneGrbzhxhStep4 {
+.phoneJrbzhxhStep4 {
   /deep/.van-dialog__content {
     min-height: 300px;
     padding: 10px;
diff --git a/src/pages/processCenter/pages/phone/qbfs/step4.vue b/src/pages/processCenter/pages/phone/qbfs/step4.vue
index 9dcb811f7..4599950b4 100644
--- a/src/pages/processCenter/pages/phone/qbfs/step4.vue
+++ b/src/pages/processCenter/pages/phone/qbfs/step4.vue
@@ -10,130 +10,132 @@
       <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
     </div>
     <div class="content" v-show="active === '1'">
-      <div>
-        <el-form
-          ref="qbfsForm"
-          :model="qbfsForm"
-          :rules="formRules"
-          class="label-input-form"
-          label-width="150px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
+      <div style="overflow: auto">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <el-collapse-transition>
           <div class="prc-content-border" v-if="foldFormFlag">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="企标编号" prop="entNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.entNumber"
-                    placeholder="请输入企标编号"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.cnName"
-                    placeholder="请输入中文名称"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.enName"
-                    placeholder="请输入英文名称"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.entCategory"
-                    placeholder="请输入企标类别"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.replaceNumber"
-                    placeholder="请输入代替企标编号"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item  label="下一步状态" prop="nextStatus" class="add-form-item ">
-                  <el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态">
-                    <el-option
-                      v-for="item in associationOptions"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.replacedNumber"
-                    placeholder="请输入被代替企标编号"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.releaseDate"
-                    placeholder="请输入发布日期"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.implementDate"
-                    placeholder="请输入实施日期"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
-                  <el-input
-                    readonly
-                    v-model="qbfsForm.reviewDate"
-                    placeholder="请输入复审日期"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="附件" prop="fileName"  class="add-form-item form-item-disabled">
-                  <div class="file-box" v-if="fileList.length > 0">
-                    <p v-for="item in fileList"
-                       :key="item.id"> {{ item.oldFileName }}
-                      <i
-                        title="下载"
-                        @click="downloadFile(item.id)"
-                        class="icon-download"
-                        v-btn-permission="''"
-                      />
-                      <i
-                        title="下载带水印"
-                        @click="downloadFileByWater(item.id, item.name)"
-                        class="icon-download2"
-                        v-btn-permission="''"
-                      />
-                    </p>
-                  </div>
-                  <div v-else>
-                    暂无数据
-                  </div>
-                </el-form-item>
-                <el-form-item   class="add-form-item ">
-                </el-form-item>
-              </el-col>
-            </el-row>
+          <el-form
+            ref="qbfsForm"
+            :model="qbfsForm"
+            :rules="formRules"
+            class="label-input-form"
+            label-width="150px"
+          >
+              <el-row :gutter="24">
+                <el-col :span="24">
+                  <el-form-item label="企标编号" prop="entNumber" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.entNumber"
+                      placeholder="请输入企标编号"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.cnName"
+                      placeholder="请输入中文名称"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.enName"
+                      placeholder="请输入英文名称"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.entCategory"
+                      placeholder="请输入企标类别"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.replaceNumber"
+                      placeholder="请输入代替企标编号"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item  label="下一步状态" prop="nextStatus" class="add-form-item ">
+                    <el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.replacedNumber"
+                      placeholder="请输入被代替企标编号"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.releaseDate"
+                      placeholder="请输入发布日期"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.implementDate"
+                      placeholder="请输入实施日期"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
+                    <el-input
+                      readonly
+                      v-model="qbfsForm.reviewDate"
+                      placeholder="请输入复审日期"
+                      clearable
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="附件" prop="fileName"  class="add-form-item form-item-disabled">
+                    <div class="file-box" v-if="fileList.length > 0">
+                      <p v-for="item in fileList"
+                         :key="item.id"> {{ item.oldFileName }}
+                        <i
+                          title="下载"
+                          @click="downloadFile(item.id)"
+                          class="icon-download"
+                          v-btn-permission="''"
+                        />
+                        <i
+                          title="下载带水印"
+                          @click="downloadFileByWater(item.id, item.name)"
+                          class="icon-download2"
+                          v-btn-permission="''"
+                        />
+                      </p>
+                    </div>
+                    <div v-else>
+                      暂无数据
+                    </div>
+                  </el-form-item>
+                  <el-form-item   class="add-form-item ">
+                  </el-form-item>
+                </el-col>
+              </el-row>
+          </el-form>
           </div>
-        </el-form>
+        </el-collapse-transition>
         <el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
         <ProcessTitle>
           <template slot="title">审核信息</template>
@@ -141,7 +143,7 @@
         <el-table
           :data="dataList"
           border
-          height="52%"
+          height="100%"
           style="width: 100%;"
           :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
               fontWeight: 'bold', height: '48px'}">
@@ -180,7 +182,7 @@
       <el-table
         height="100%"
         ref="selection"
-        :data="histortData"
+        :data="detailData"
         tooltip-effect="dark"
         style="width: 100%"
         border
@@ -248,14 +250,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -277,6 +277,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: "1",
       isTransfer: false,
       isSubmit: false,
@@ -419,31 +422,32 @@ export default {
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag;
     },
-    //转办事件
-    handleTransfer() {
-      this.drawerModal = true;
-      this.drawerTitle = "转办处理人";
-      this.selectPeople = row;
+    //转办按钮
+    handleTransfer(){
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole(data) {
-      this.assigneeNewLoading = true;
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false;
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false;
-          this.$message.success("调整成功");
-          this.$router.push("/processCenter");
-          this.processNum();
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
         } else {
-          this.$message.warning(res.message);
+          this.$message.warning(res.message)
         }
-      });
+      })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum(row) {
diff --git a/src/pages/processCenter/pages/phone/qbfz/step2.vue b/src/pages/processCenter/pages/phone/qbfz/step2.vue
index 986b5796d..83d748c9e 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step2.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step2.vue
@@ -183,14 +183,6 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedRoles"
-      :nodeList="nodeList"
-    ></Role-tree>
     <!--    选择责任人-->
     <Role-tree
       :is-title="drawerTitle"
@@ -198,6 +190,12 @@
       @checkedRole="checkedRole"
       :nodeList="nodeList"
     ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -219,6 +217,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: '1',
       fileList: [],
       commentText: '',
@@ -345,31 +346,32 @@ export default {
       }, e => {
       });
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRoles (data) {
-      this.assigneeNewLoading = true
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false
+          this.turnLoading = false
           this.$message.success('调整成功')
-          this.$router.push("/processCenter");
-          this.processNum()
+          this.$router.push("/processCenter")
         } else {
           this.$message.warning(res.message)
         }
       })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum (row) {
diff --git a/src/pages/processCenter/pages/phone/qbfz/step5.vue b/src/pages/processCenter/pages/phone/qbfz/step5.vue
index e526cfec0..9d990d259 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step5.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step5.vue
@@ -319,14 +319,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -349,6 +347,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: "1",
       isTransfer: false,
       isSubmit: false,
@@ -502,31 +503,32 @@ export default {
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag;
     },
-    //转办事件
-    handleTransfer() {
-      this.drawerModal = true;
-      this.drawerTitle = "转办处理人";
-      this.selectPeople = row;
+    //转办按钮
+    handleTransfer(){
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole(data) {
-      this.assigneeNewLoading = true;
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false;
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false;
-          this.$message.success("调整成功");
-          this.$router.push("/processCenter");
-          this.processNum();
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
         } else {
-          this.$message.warning(res.message);
+          this.$message.warning(res.message)
         }
-      });
+      })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum(row) {
diff --git a/src/pages/processCenter/pages/phone/qbfz/step6.vue b/src/pages/processCenter/pages/phone/qbfz/step6.vue
index 5b65c2b23..559c81382 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step6.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step6.vue
@@ -319,14 +319,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -349,6 +347,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: "1",
       isTransfer: false,
       isSubmit: false,
@@ -502,31 +503,32 @@ export default {
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag;
     },
-    //转办事件
-    handleTransfer() {
-      this.drawerModal = true;
-      this.drawerTitle = "转办处理人";
-      this.selectPeople = row;
+    //转办按钮
+    handleTransfer(){
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole(data) {
-      this.assigneeNewLoading = true;
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false;
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false;
-          this.$message.success("调整成功");
-          this.$router.push("/processCenter");
-          this.processNum();
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
         } else {
-          this.$message.warning(res.message);
+          this.$message.warning(res.message)
         }
-      });
+      })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum(row) {
diff --git a/src/pages/processCenter/pages/phone/qbfz/step7.vue b/src/pages/processCenter/pages/phone/qbfz/step7.vue
index e7ab419a6..07fb06ffc 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step7.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step7.vue
@@ -319,14 +319,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -349,6 +347,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: "1",
       isTransfer: false,
       isSubmit: false,
@@ -502,31 +503,32 @@ export default {
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag;
     },
-    //转办事件
-    handleTransfer() {
-      this.drawerModal = true;
-      this.drawerTitle = "转办处理人";
-      this.selectPeople = row;
+    //转办按钮
+    handleTransfer(){
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole(data) {
-      this.assigneeNewLoading = true;
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false;
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false;
-          this.$message.success("调整成功");
-          this.$router.push("/processCenter");
-          this.processNum();
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
         } else {
-          this.$message.warning(res.message);
+          this.$message.warning(res.message)
         }
-      });
+      })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum(row) {
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
index 3ec780a1b..eb9ccd5fc 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
@@ -249,14 +249,12 @@
       @checkedRole="checkedRole"
       :nodeList="nodeList"
     ></Role-tree>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedTransferRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -278,6 +276,9 @@ export default {
   },
   data(){
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: '1',
       type: '',
       commentText: '',
@@ -339,31 +340,32 @@ export default {
     handleTabs(name){
       this.active = name
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole (data) {
-      this.assigneeNewLoading = true
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false
+          this.turnLoading = false
           this.$message.success('调整成功')
-          this.$router.push("/processCenter");
-          this.processNum()
+          this.$router.push("/processCenter")
         } else {
           this.$message.warning(res.message)
         }
       })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum (row) {
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
index 9c6662137..710c43ce5 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
@@ -242,21 +242,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="modalshowflag"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedTransferRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -278,6 +269,9 @@ export default {
   },
   data(){
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: '1',
       type: '',
       commentText: '',
@@ -339,31 +333,32 @@ export default {
     handleTabs(name){
       this.active = name
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole (data) {
-      this.assigneeNewLoading = true
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false
+          this.turnLoading = false
           this.$message.success('调整成功')
-          this.$router.push("/processCenter");
-          this.processNum()
+          this.$router.push("/processCenter")
         } else {
           this.$message.warning(res.message)
         }
       })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum (row) {
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
index 9168cc48e..2bd98a6eb 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
@@ -242,21 +242,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="modalshowflag"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedTransferRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -278,6 +269,9 @@ export default {
   },
   data(){
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: '1',
       type: '',
       commentText: '',
@@ -339,31 +333,32 @@ export default {
     handleTabs(name){
       this.active = name
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole (data) {
-      this.assigneeNewLoading = true
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false
+          this.turnLoading = false
           this.$message.success('调整成功')
-          this.$router.push("/processCenter");
-          this.processNum()
+          this.$router.push("/processCenter")
         } else {
           this.$message.warning(res.message)
         }
       })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum (row) {
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
index c3f80c5f6..71ae91cd1 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
@@ -242,21 +242,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="modalshowflag"
-      @checkedRole="checkedRole"
-      :nodeList="nodeList"
-    ></Role-tree>
-    <!-- 福田全公司选人解决方案 -->
-    <Role-tree
-      check-box
-      :is-title="drawerTitle"
-      :is-visible.sync="drawerModal"
-      @checkedRole="checkedTransferRole"
-      :nodeList="nodeList"
-    ></Role-tree>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -278,6 +269,9 @@ export default {
   },
   data(){
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       active: '1',
       type: '',
       commentText: '',
@@ -339,31 +333,32 @@ export default {
     handleTabs(name){
       this.active = name
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
     },
     //确认转办
-    checkedRole (data) {
-      this.assigneeNewLoading = true
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
         assignee: data[0].id, // 被委托人
         userId: this.$store.getters.userInfo.userId, // 委托人
         pId: this.$route.query.prcId // 流程实例
-      }).then(res => {
-        this.isTransfer = false
+      }).then(res =>{
         if (res.success) {
-          this.drawerModal = false
+          this.turnLoading = false
           this.$message.success('调整成功')
-          this.$router.push("/processCenter");
-          this.processNum()
+          this.$router.push("/processCenter")
         } else {
           this.$message.warning(res.message)
         }
       })
+      this.modalshowflag = false
     },
     // 请求转换流程图
     processNum (row) {
diff --git a/src/pages/processCenter/pages/phone/wbsm/step3.vue b/src/pages/processCenter/pages/phone/wbsm/step3.vue
index cddc3a78f..3f3a8a570 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step3.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step3.vue
@@ -146,6 +146,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -168,6 +174,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       passInfo: 0,
       detailData: [],
       loading: false,
@@ -396,9 +405,30 @@ export default {
     },
     //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
     },
     // 流程阶段负责人选择
     choiceZRR (type, title, id) {
@@ -408,42 +438,6 @@ export default {
       this.drawerTitle = title
       this.modalshowflag = true
     },
-    drawerCheck (data) {
-      if (this.drawerTitle === '转办处理人') {
-        this.turnLoading = true
-        changeAssigneeNew({
-          taskId: this.taskIds, // 任务id
-          assignee: data[0].id, // 被委托人
-          userId: this.userId, // 委托人
-          pId: this.pId // 流程实例
-        }).then(res =>{
-          if (res.success) {
-            this.turnLoading = false
-            this.$message.success('调整成功')
-            this.$router.push("/processCenter")
-          } else {
-            this.$message.warning(res.message)
-          }
-        })
-      } else {
-        this.roleRow = data[0]
-        // 选取负责人时的操作
-        if (this.multipleSelection.length === 0) {
-          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
-          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
-        }else {
-          this.multipleSelection.forEach(item => {
-            item.dutyPeopleInfo = this.roleRow.name
-            item.dutyPeopleInfoId = this.roleRow.id
-          })
-          this.$refs.multipleTable.clearSelection()
-        }
-        this.lastDataList = this.dataList
-        // 选取流程信息完成
-        // this.roleForm.dutyUserInfoName = this.roleRow.name
-      }
-      this.modalshowflag = false
-    },
     // 点击查看
     handlePreview (item) {
       let routeUrl = this.$router.resolve({
diff --git a/src/pages/processCenter/pages/phone/wbsm/step4.vue b/src/pages/processCenter/pages/phone/wbsm/step4.vue
index 8d1fc8573..48aa3b1e8 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step4.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step4.vue
@@ -146,6 +146,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -168,6 +174,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       passInfo: 0,
       detailData: [],
       loading: false,
@@ -396,9 +405,30 @@ export default {
     },
     //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
     },
     // 流程阶段负责人选择
     choiceZRR (type, title, id) {
@@ -408,42 +438,6 @@ export default {
       this.drawerTitle = title
       this.modalshowflag = true
     },
-    drawerCheck (data) {
-      if (this.drawerTitle === '转办处理人') {
-        this.turnLoading = true
-        changeAssigneeNew({
-          taskId: this.taskIds, // 任务id
-          assignee: data[0].id, // 被委托人
-          userId: this.userId, // 委托人
-          pId: this.pId // 流程实例
-        }).then(res =>{
-          if (res.success) {
-            this.turnLoading = false
-            this.$message.success('调整成功')
-            this.$router.push("/processCenter")
-          } else {
-            this.$message.warning(res.message)
-          }
-        })
-      } else {
-        this.roleRow = data[0]
-        // 选取负责人时的操作
-        if (this.multipleSelection.length === 0) {
-          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
-          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
-        }else {
-          this.multipleSelection.forEach(item => {
-            item.dutyPeopleInfo = this.roleRow.name
-            item.dutyPeopleInfoId = this.roleRow.id
-          })
-          this.$refs.multipleTable.clearSelection()
-        }
-        this.lastDataList = this.dataList
-        // 选取流程信息完成
-        // this.roleForm.dutyUserInfoName = this.roleRow.name
-      }
-      this.modalshowflag = false
-    },
     // 点击查看
     handlePreview (item) {
       let routeUrl = this.$router.resolve({
diff --git a/src/pages/processCenter/pages/phone/wbsm/step5.vue b/src/pages/processCenter/pages/phone/wbsm/step5.vue
index f2d79b4fe..5f8259ccc 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step5.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step5.vue
@@ -146,6 +146,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -168,6 +174,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       passInfo: 0,
       detailData: [],
       loading: false,
@@ -396,9 +405,30 @@ export default {
     },
     //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
     },
     // 流程阶段负责人选择
     choiceZRR (type, title, id) {
@@ -408,42 +438,6 @@ export default {
       this.drawerTitle = title
       this.modalshowflag = true
     },
-    drawerCheck (data) {
-      if (this.drawerTitle === '转办处理人') {
-        this.turnLoading = true
-        changeAssigneeNew({
-          taskId: this.taskIds, // 任务id
-          assignee: data[0].id, // 被委托人
-          userId: this.userId, // 委托人
-          pId: this.pId // 流程实例
-        }).then(res =>{
-          if (res.success) {
-            this.turnLoading = false
-            this.$message.success('调整成功')
-            this.$router.push("/processCenter")
-          } else {
-            this.$message.warning(res.message)
-          }
-        })
-      } else {
-        this.roleRow = data[0]
-        // 选取负责人时的操作
-        if (this.multipleSelection.length === 0) {
-          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
-          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
-        }else {
-          this.multipleSelection.forEach(item => {
-            item.dutyPeopleInfo = this.roleRow.name
-            item.dutyPeopleInfoId = this.roleRow.id
-          })
-          this.$refs.multipleTable.clearSelection()
-        }
-        this.lastDataList = this.dataList
-        // 选取流程信息完成
-        // this.roleForm.dutyUserInfoName = this.roleRow.name
-      }
-      this.modalshowflag = false
-    },
     // 点击查看
     handlePreview (item) {
       let routeUrl = this.$router.resolve({
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step5.vue b/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
index 379e7ec6c..4a5dbcc55 100644
--- a/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
@@ -262,6 +262,12 @@
       @submit="handleSubmit"
     >
     </ProcessFooter>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
   </div>
 </template>
 
@@ -284,6 +290,9 @@ export default {
   },
   data() {
     return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
       lawInfoTableLoading: true,
@@ -403,11 +412,32 @@ export default {
         this.processStep = window.URL.createObjectURL(res.data)
       })
     },
-    //转办事件
+    //转办按钮
     handleTransfer(){
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-      this.selectPeople = row
+      this.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
     },
     // 将文本状态的id与name对应
     setMap(data) {
diff --git a/src/router/index.js b/src/router/index.js
index d8bdd59cb..cc41fa64f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2256,8 +2256,8 @@ const routes = [
         }
       },
       {
-        path: '/phoneGrbzhxhStep3',
-        name: 'phoneGrbzhxhStep3',
+        path: '/phoneJrbzhxhStep3',
+        name: 'phoneJrbzhxhStep3',
         component: () => import('@/pages/processCenter/pages/phone/jrbzhxh/step3.vue'),
         meta: {
           isBoolean: true,
@@ -2266,8 +2266,8 @@ const routes = [
         }
       },
       {
-        path: '/phoneGrbzhxhStep4',
-        name: 'phoneGrbzhxhStep4',
+        path: '/phoneJrbzhxhStep4',
+        name: 'phoneJrbzhxhStep4',
         component: () => import('@/pages/processCenter/pages/phone/jrbzhxh/step4.vue'),
         meta: {
           isBoolean: true,