@lambo-design/workflow-approve 1.0.0-beta.54 → 1.0.0-beta.56

package/src/portrait.vue

@@ -26,9 +26,9 @@
           <Title
             v-if="handleButtons && (handleButtons.includes('auditOpinion') || handleButtons.includes('attachmentFile'))">
             <a style="color: #989898">
-            <Icon v-if="auditShow" type="ios-arrow-down"/>
-            <Icon v-if="!auditShow" type="ios-arrow-up"/>
-            {{ handleName }}信息
+              <Icon v-if="auditShow" type="ios-arrow-down"/>
+              <Icon v-if="!auditShow" type="ios-arrow-up"/>
+              {{ handleName }}信息
             </a>
           </Title>
         </a>
@@ -64,13 +64,14 @@
           <Title
             v-if="handleButtons && (handleButtons.includes('auditOpinion') || handleButtons.includes('attachmentFile'))">
             <a style="color: #989898">
-            <Icon v-if="auditShow" type="ios-arrow-down"/>
-            <Icon v-if="!auditShow" type="ios-arrow-up"/>
-            {{ handleName }}信息
+              <Icon v-if="auditShow" type="ios-arrow-down"/>
+              <Icon v-if="!auditShow" type="ios-arrow-up"/>
+              {{ handleName }}信息
             </a>
           </Title>
         </a>
-        <transition v-if="taskNode && isDetail && hisAuditOpinion[0].auditOpinion" name="draw" @before-enter="beforeEnter"
+        <transition v-if="taskNode && isDetail && hisAuditOpinion[0].auditOpinion" name="draw"
+                    @before-enter="beforeEnter"
                     @enter="enter" @before-leave="beforeLeave" @leave="leave">
           <div class="box" v-show="auditShow">
             <Form ref="auditOpinion" justify="center" :model="form"
@@ -91,9 +92,9 @@
         <a @click="historyShow = !historyShow">
           <Title v-if="handleButtons && handleButtons.includes('auditHistory')">
             <a style="color: #989898">
-            <Icon v-if="historyShow" type="ios-arrow-down"/>
-            <Icon v-if="!historyShow" type="ios-arrow-up"/>
-            {{ handleName }}记录
+              <Icon v-if="historyShow" type="ios-arrow-down"/>
+              <Icon v-if="!historyShow" type="ios-arrow-up"/>
+              {{ handleName }}记录
             </a>
           </Title>
         </a>
@@ -101,7 +102,8 @@
           <div class="box" v-show="historyShow">
             <Card class="process-history" :style="processHistoryHeight" dis-hover :bordered="false"
                   v-if="handleButtons && handleButtons.includes('auditHistory')">
-              <processHistory :portrait-width="portraitWidth" :list="processHistory" :done-page="isDetail" :push-button="pushButton"
+              <processHistory :portrait-width="portraitWidth" :list="processHistory" :done-page="isDetail"
+                              :push-button="pushButton"
                               :smart-flow-server-context="smartFlowServerContext"></processHistory>
             </Card>
           </div>
@@ -110,9 +112,9 @@
         <a @click="attachListShow = !attachListShow">
           <Title v-if="handleButtons && handleButtons.includes('attachmentFile') && attachmentList.length > 0">
             <a style="color: #989898">
-            <Icon v-if="attachListShow" type="ios-arrow-down"/>
-            <Icon v-if="!attachListShow" type="ios-arrow-up"/>
-            查看附件
+              <Icon v-if="attachListShow" type="ios-arrow-down"/>
+              <Icon v-if="!attachListShow" type="ios-arrow-up"/>
+              查看附件
             </a>
           </Title>
         </a>
@@ -202,13 +204,15 @@
       </Table>
     </Modal>
     <assigneeBox ref="assigneeHelpBox" :execution-completed="executionCompleted"
-                 @update-selected="handleSelectedUser" @update-next-node-assignee="updateNextNodeAssignee" @add-multitask-instance="addMultitaskInstance"
+                 @update-selected="handleSelectedUser" @update-next-node-assignee="updateNextNodeAssignee"
+                 @add-multitask-instance="addMultitaskInstance" @delegate-task-assignee="delegateTask"
                  :data="assigneeBoxData" :smart-flow-server-context="smartFlowServerContext"
                  :upms-server-context="upmsServerContext"/>
     <Modal v-model="modalBoxShow" width="1000" title="流程跟踪图">
       <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId"
                         :procId="process.procId" :table-columns="diagramTableColumns"
-                        :tableData="process.tableData" :hisAudit="hisAudit" :approve-detail-show-way="approveDetailShowWay"
+                        :tableData="process.tableData" :hisAudit="hisAudit"
+                        :approve-detail-show-way="approveDetailShowWay"
                         :smart-flow-server-context="smartFlowServerContext">
       </Workflow_Diagram>
     </Modal>
@@ -246,7 +250,8 @@
                      @on-focus="readingRangeClick(item)"
                      @on-click="readingRangeClick(item)"/>
             </FormItem>
-            <FormItem label="候选人员：" prop="candidateGroups" v-if="!item.isMultiInstance && item.actionType === 'CAND'">
+            <FormItem label="候选人员：" prop="candidateGroups"
+                      v-if="!item.isMultiInstance && item.actionType === 'CAND'">
               <Input v-model="item.candidateNames"
                      placeholder="请选择候选人"
                      style="width: 68%"
@@ -254,11 +259,15 @@
                      @on-focus="candidateGroupsReadingRangeClick(item)"
                      @on-click="candidateGroupsReadingRangeClick(item)"/>
             </FormItem>
-            <FormItem label="候选人员：" prop="candidateGroups" v-if="item.isMultiInstance && item.actionType === 'CAND'">
+            <FormItem label="候选人员：" prop="candidateGroups"
+                      v-if="item.isMultiInstance && item.actionType === 'CAND'">
             </FormItem>
 
-            <countersingersBox style="margin-bottom: 10px" v-model="item.candidateNames" v-if="item.isMultiInstance && item.actionType === 'CAND'"
-                               :item="item" :permScope="permScope" @update-cand-groups="updateCandGroups"  :upms-server-context="upmsServerContext" :smart-flow-server-context="smartFlowServerContext"/>
+            <countersingersBox style="margin-bottom: 10px" v-model="item.candidateNames"
+                               v-if="item.isMultiInstance && item.actionType === 'CAND'"
+                               :item="item" :permScope="permScope" @update-cand-groups="updateCandGroups"
+                               :upms-server-context="upmsServerContext"
+                               :smart-flow-server-context="smartFlowServerContext"/>
           </div>
           <div v-if="handleButtons && handleButtons.includes('appointTimeoutTime')">
             <Row>
@@ -302,41 +311,53 @@
         </Form>
       </Card>
     </Modal>
-    <candidateGroupsHelpBox ref="candidateGroupsHelpBox" :show="candidateGroupsHelpBoxShow" @update-cand-groups="updateCandGroups"
-                            :upms-server-context="upmsServerContext" :smart-flow-server-context="smartFlowServerContext"/>
+    <candidateGroupsHelpBox ref="candidateGroupsHelpBox" :show="candidateGroupsHelpBoxShow"
+                            @update-cand-groups="updateCandGroups"
+                            :upms-server-context="upmsServerContext"
+                            :smart-flow-server-context="smartFlowServerContext"/>
     <template slot="page-footer">
       <div>
         <slot name="footer-button"></slot>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo70') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo70') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('70')">驳回到原点
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo40') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo40') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('40')">驳回上一节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo90') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo90') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('90')">驳回指定节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo80') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo80') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('80')">跳转指定节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo82') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo82') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('82')">指定他人处理
         </Button>
-        <Button style="margin-left: 10px;" v-if="isParallelCountersignature && handleButtons && handleButtons.includes('addMultitaskInstance') && !isDetail"
+        <Button style="margin-left: 10px;"
+                v-if="curNodeType === 'userTask' && handleButtons && handleButtons.includes('delegateTask') && !isDetail && !appointTask"
+                :disabled="disable" :loading="loading" @click="audit('84')">委派
+        </Button>
+        <Button style="margin-left: 10px;"
+                v-if="curNodeType === 'multiNode' && handleButtons && handleButtons.includes('addMultitaskInstance') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="showUpdateMultitaskInstanceModal('81')">加签
         </Button>
-        <Button style="margin-left: 10px;" v-if="isParallelCountersignature && handleButtons && handleButtons.includes('reductionMultitaskInstance') && !isDetail"
+        <Button style="margin-left: 10px;"
+                v-if="curNodeType === 'multiNode' && handleButtons && handleButtons.includes('reductionMultitaskInstance') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="showUpdateMultitaskInstanceModal('83')">减签
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo50') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo50') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" @click="audit('50')">直接结束流程
         </Button>
         <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('processTrace')"
                 @click="processPrint">流程跟踪图
         </Button>
-        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo30') && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo30') && !isDetail && !appointTask"
                 :disabled="disable" :loading="loading" type="primary" @click="audit('30')">通过
         </Button>
+        <Button style="margin-left: 10px;" v-if="revokeDelegateTask"
+                :disabled="!revokeDelegateTask && disable" :loading="loading" @click="audit('62')">撤回委派
+        </Button>
+        <Button style="margin-left: 10px;" v-if="appointTask" :disabled="disable" :loading="loading" type="primary" @click="audit('61')">交回</Button>
       </div>
     </template>
   </LamboPageContainer>
@@ -347,22 +368,21 @@
 import LamboPageContainer from '@lambo-design/page-container'
 import LamboIndicatorCard from '@lambo-design/indicator-card'
 import Workflow_Diagram from './workflow-diagram'
-import ajax from "@lambo-design/shared/utils/ajax";
-import bus from '@lambo-design/shared/utils/bus';
-import Title from "./components/title";
-import processHistory from "./components/history";
-import assigneeBox from "./components/assignee-box";
-import CandidateGroupsHelpBox from "./components/candidate-groups-box";
-import CountersingersBox from "./components/countersigners-box"
-import LamboPagingTable from "@lambo-design/paging-table";
-import AuditOpinion from "./components/opinion";
-import axios from "axios";
-import UploadFile from "@lambo-design/upload-file";
-import {timestampToTime} from "@lambo-design/shared/utils/date";
+import ajax from '@lambo-design/shared/utils/ajax'
+import bus from '@lambo-design/shared/utils/bus'
+import Title from './components/title'
+import processHistory from './components/history'
+import assigneeBox from './components/assignee-box'
+import CandidateGroupsHelpBox from './components/candidate-groups-box'
+import CountersingersBox from './components/countersigners-box'
+import LamboPagingTable from '@lambo-design/paging-table'
+import AuditOpinion from './components/opinion'
+import axios from 'axios'
+import UploadFile from '@lambo-design/upload-file'
+import { timestampToTime } from '@lambo-design/shared/utils/date'
 
 // 引入docx-preview插件
-let docx = require('docx-preview');
-
+let docx = require('docx-preview')
 
 export default {
   props: {
@@ -430,11 +450,12 @@ export default {
     executionCompleted: {
       type: Function,
       required: false,
-      default: () => {}
+      default: () => {
+      }
     },
     title: {
       type: String,
-      default: "流程办理"
+      default: '流程办理'
     },
     smartFlowServerContext: {
       type: String,
@@ -463,7 +484,7 @@ export default {
       isExpanded: true,
       showProcessInfo: true,
       portraitWidth: 0,
-      requestSuccessCodes: [200, "200"],
+      requestSuccessCodes: [200, '200'],
       auditShow: true,
       historyShow: true,
       attachListShow: true,
@@ -492,26 +513,28 @@ export default {
       organTreeType: '00',
       defaultOrganTreeType: '00',
       ruleValidate: {
-        auditOpinion: [{required: true, trigger: "blur", message: '意见不能为空'}],
-        assignee: [{required: true, trigger: "blur", message: "办理人不能为空"}],
-        candidateGroups: [{required: true, trigger: "blur", message: "候选人不能为空"}],
+        auditOpinion: [{ required: true, trigger: 'blur', message: '意见不能为空' }],
+        assignee: [{ required: true, trigger: 'blur', message: '办理人不能为空' }],
+        candidateGroups: [{ required: true, trigger: 'blur', message: '候选人不能为空' }],
       },
       form: {
         auditOpinion: '',
       },
       loading: false,
       disable: false,
+      revokeDelegateTask: false,
+      appointTask: false,
       instanceId: '',
       curTaskId: '',
-      isParallelCountersignature: false,
+      curNodeType: 'userTask',
       handleButtons: [],
       handleName: '',
       auditOpinionTitle: '',
       auditResult: '',
       curAuditGroup: '',
       custChange: 'auditInfo',
-      auditInfo: "auditInfo",
-      auditProcess: "auditProcess",
+      auditInfo: 'auditInfo',
+      auditProcess: 'auditProcess',
       fileList: [],
       ossFilePutUrl: '/manage/oss/file/put',
       hisAudit: [],
@@ -520,8 +543,8 @@ export default {
         auditTime: '',
       }],
       datas: {
-        orgName: "",
-        orgId: ""
+        orgName: '',
+        orgId: ''
       },
       editForm: {
         approvalCost: '',
@@ -541,7 +564,10 @@ export default {
         '90': '驳回指定节点',
         '80': '跳转指定节点',
         '82': '指定他人处理',
-        '50': '直接结束流程'
+        '50': '直接结束流程',
+        '84': '委派任务',
+        '61': '交回委派任务',
+        '62': '撤回委派任务',
       },
       handleTypeList: [
         {
@@ -574,23 +600,23 @@ export default {
   },
   computed: {
     processHistoryHeight() {
-      let str = '';
+      let str = ''
       const hasAuditOpinion = this.taskNode && this.handleButtons && this.handleButtons.includes('auditOpinion')
       const hasAttachmentFile = this.handleButtons && this.handleButtons.includes('auditHistory') && this.attachmentList.length > 0
       const isDetail = this.isDetail && !this.hisAuditOpinion[0].auditOpinion.length > 0
       if (hasAuditOpinion && !hasAttachmentFile && !isDetail) {
-        str += "height: 43vh"
+        str += 'height: 43vh'
       } else if (hasAuditOpinion && hasAttachmentFile && !isDetail) {
-        str += "height: 40vh"
+        str += 'height: 40vh'
       } else {
-        str += "height: 67vh"
+        str += 'height: 67vh'
       }
-      return str;
+      return str
     },
     nodeColumn: function () {
       let column = []
-      column.push({title: '序号', type: 'index', width: 70, align: 'center', fixed: 'left'});
-      column.push({title: '节点名称', key: 'taskName', minWidth: 150, align: 'center', fixed: 'left'})
+      column.push({ title: '序号', type: 'index', width: 70, align: 'center', fixed: 'left' })
+      column.push({ title: '节点名称', key: 'taskName', minWidth: 150, align: 'center', fixed: 'left' })
 
       column.push({
         title: '节点状态', key: 'auditResult', minWidth: 150, align: 'center', fixed: 'left',
@@ -636,6 +662,22 @@ export default {
                   }
                 }, '已撤回')
               ])
+            } else if (params.row.auditResult == '61' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '已交回委派任务')
+              ])
+            } else if (params.row.auditResult == '62' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#ed4014'
+                  }
+                }, '委派任务已撤回')
+              ])
             } else if (params.row.auditResult == '80' && params.row.taskNode != this.taskNode) {
               return h('div', [
                 h('tag', {
@@ -657,7 +699,7 @@ export default {
         }
       })
       column.push({
-        title: "操作", width: 100, align: 'center',
+        title: '操作', width: 100, align: 'center',
         render: (h, params) => {
           return h('div', [
             h('Button', {
@@ -681,86 +723,85 @@ export default {
     },
     reductionColumn: function () {
       let column = []
-      column.push({title: '#', key: 'selectId', type: 'selection', align: 'center', width: 55})
-      column.push({title: '账号', key: 'auditId', align: 'center'})
-      column.push({title: '姓名', key: 'auditName', align: 'center'})
+      column.push({ title: '#', key: 'selectId', type: 'selection', align: 'center', width: 55 })
+      column.push({ title: '账号', key: 'auditId', align: 'center' })
+      column.push({ title: '姓名', key: 'auditName', align: 'center' })
       return column
     },
     diagramTableColumns: function () {
       let column = []
-      column.push({title: '序号', type: 'index', width: 60});
-      column.push({title: `${this.handleName}节点`, key: 'taskName', minWidth: 130})
-      column.push({title: `${this.handleName}人`, key: 'auditName', minWidth: 150, tooltip: true})
+      column.push({ title: '序号', type: 'index', width: 60 })
+      column.push({ title: `${this.handleName}节点`, key: 'taskName', minWidth: 130 })
+      column.push({ title: `${this.handleName}人`, key: 'auditName', minWidth: 150, tooltip: true })
       column.push({
         title: `${this.handleName}结果`, key: 'auditResult', minWidth: 150, align: 'center',
-        render: (h, {row, column, index}) => {
-          let label = "";
-          let tagColor = "";
-          if (row.auditResult == '00'){
-            label = '流程发起';
-            tagColor = 'green'; // 绿色
-          }
-          else if (row.auditResult == '10'){
-            label = '自动跳过';
-            tagColor = 'green'; // 绿色
-          }
-          else if (row.auditResult == '30'){
-            label = '通过';
-            tagColor = 'green'; // 绿色
-          }
-          else if (row.auditResult == '40'){
-            label = '驳回到上一级';
-            tagColor = 'volcano'; // 火红色
-          }
-          else if (row.auditResult == '50'){
-            label = '驳回到原点';
-            tagColor = 'red'; // 红色
-          }
-          else if (row.auditResult == '51'){
-            label = '流程终止';
-            tagColor = 'purple'; // 紫色
-          }
-          else if (row.auditResult == '60'){
-            label = '撤回';
-            tagColor = 'blue'; // 蓝色
-          }
-          else if (row.auditResult == '80'){
-            label = '跳转到指定节点';
-            tagColor = 'cyan'; // 青色
-          }
-          else if (row.auditResult == '83'){
-            label = '会签减签';
-            tagColor = 'red'; // 青色
-          }
-          else if (row.auditResult == '90'){
-            label = '驳回到指定节点';
-            tagColor = 'magenta'; // 品红色
-          }
-          else{
-            label = '待审核';
-            tagColor = 'orange'; // 默认橙色
+        render: (h, { row, column, index }) => {
+          let label = ''
+          let tagColor = ''
+          if (row.auditResult == '00') {
+            label = '流程发起'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '10') {
+            label = '自动跳过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '30') {
+            label = '通过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '40') {
+            label = '驳回到上一级'
+            tagColor = 'volcano' // 火红色
+          } else if (row.auditResult == '50') {
+            label = '驳回到原点'
+            tagColor = 'red' // 红色
+          } else if (row.auditResult == '51') {
+            label = '流程终止'
+            tagColor = 'purple' // 紫色
+          } else if (row.auditResult == '60') {
+            label = '撤回'
+            tagColor = 'blue' // 蓝色
+          } else if (row.auditResult == '61') {
+            label = '交回委派任务'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '62') {
+            label = '委派任务被撤回'
+            tagColor = 'blue' // 蓝色
+          } else if (row.auditResult == '80') {
+            label = '跳转到指定节点'
+            tagColor = 'cyan' // 青色
+          } else if (row.auditResult == '83') {
+            label = '会签减签'
+            tagColor = 'red' // 青色
+          } else if (row.auditResult == '90') {
+            label = '驳回到指定节点'
+            tagColor = 'magenta' // 品红色
+          } else {
+            label = '待审核'
+            tagColor = 'orange' // 默认橙色
           }
           return h('Tag', {
             props: {
               color: tagColor,
               value: row.auditResult
             }
-          }, label);
+          }, label)
         }
       })
       column.push({
         title: `${this.handleName}时间`, key: 'auditTime', minWidth: 150,
-        render: (h, {row}) => {
-          const displayDate = row.startDate || row.auditDate;
-          return h('span', displayDate);
+        render: (h, { row }) => {
+          const displayDate = row.startDate || row.auditDate
+          return h('span', displayDate)
         }
       })
       column.push({
         title: `${this.handleName}意见`, key: 'auditComment', minWidth: 180, tooltip: true,
-        render: (h, {row, column, index}) => {
-          let label = "";
-          if (row.auditComment == '' || row.auditComment == null) label = '无';
-          else label = row.auditComment;
+        render: (h, { row, column, index }) => {
+          let label = ''
+          if (row.auditComment == '' || row.auditComment == null) {
+            label = '无'
+          } else {
+            label = row.auditComment
+          }
           return h('Label', {
             props: {
               value: row.auditComment
@@ -768,12 +809,12 @@ export default {
           }, label)
         }
       })
-      if (this.showAttachmentFile){
+      if (this.showAttachmentFile) {
         column.push({
           title: `附件`, key: 'fileList', minWidth: 200,
           render: (h, { row }) => {
             if (!row.fileList || row.fileList.length === 0) {
-              return h('span', '无');  // 如果没有附件，显示“无”
+              return h('span', '无')  // 如果没有附件，显示“无”
             }
 
             //显示所有附件
@@ -782,7 +823,7 @@ export default {
                 style: {
                   display: 'block',
                   marginTop: '5px',
-                  marginRight:'5px',
+                  marginRight: '5px',
                   whiteSpace: 'nowrap',
                   overflow: 'hidden',
                   textOverflow: 'ellipsis',
@@ -793,11 +834,11 @@ export default {
                 },
                 on: {
                   click: () => {
-                    this.getAttach(file);
+                    this.getAttach(file)
                   }
                 },
-              }, file.attachName);
-            }));
+              }, file.attachName)
+            }))
           }
         })
       }
@@ -808,7 +849,7 @@ export default {
   provide() {
     return {
       toBeDoneListDoSearch: this.doSearch
-    };
+    }
   },
   methods: {
     getWidth() {
@@ -834,24 +875,28 @@ export default {
         taskId: this.taskId,
         auditGroup: this.auditGroup
       }
-      ajax.get(self.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/list', { params: param }).then(function (resp) {
         if (resp.data.code === '200') {
-          self.curTaskId = resp.data.data.rows[0].taskId
-          self.instanceId = resp.data.data.rows[0].procInstanceId
-          self.curAuditGroup = resp.data.data.rows[0].auditGroup
-          let procType = resp.data.data.rows[0].procType
-          ajax.get(self.smartFlowServerContext + "/manage/processType/lists?proType=" + procType)
+          let todoData = resp.data.data.rows[0]
+          self.curTaskId = todoData.taskId
+          self.instanceId = todoData.procInstanceId
+          self.curAuditGroup = todoData.auditGroup
+          self.revokeDelegateTask = todoData.delegateStatus ? todoData.delegateStatus === '10' : false
+          self.appointTask = todoData.delegateStatus ? todoData.delegateStatus === '20' : false
+          if (self.revokeDelegateTask) self.disable = true
+          let procType = todoData.procType
+          ajax.get(self.smartFlowServerContext + '/manage/processType/lists?proType=' + procType)
             .then(resp => {
               let data = resp.data.data.rows
               self.permScope = data[0].permScope
               self.defaultOrganTreeType = data[0].organTreeType ? data[0].organTreeType : '00'
               self.getNodeOrganTreeType(procType)
             }).catch(err => {
-            console.log(err);
+            console.log(err)
           })
           self.getAttachList(self.curTaskId)
-          self.getHisAudit(self.curTaskId);
-          self.getProcessHistory(self.curTaskId);
+          self.getHisAudit(self.curTaskId)
+          self.getProcessHistory(self.curTaskId)
         } else {
           self.$Message.error(resp.data.message)
         }
@@ -859,14 +904,14 @@ export default {
         console.log(err)
       })
     },
-    getNodeOrganTreeType(procType){
+    getNodeOrganTreeType(procType) {
       const self = this
       let param = {
         procType: procType,
         procId: this.procId,
         taskNode: this.taskNode
       }
-      ajax.get(self.smartFlowServerContext + "/manage/processTodo/getNodeOrganTreeType", {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getNodeOrganTreeType', { params: param }).then(function (resp) {
         if (resp.data.code === '200') {
           self.organTreeType = resp.data.data ? resp.data.data : self.defaultOrganTreeType
         } else {
@@ -885,7 +930,7 @@ export default {
         taskId: this.taskId,
         auditGroup: this.auditGroup
       }
-      ajax.get(self.smartFlowServerContext + "/manage/processDone/getDoneDetail", {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processDone/getDoneDetail', { params: param }).then(function (resp) {
         if (resp.data.code === '200') {
           let rows = resp.data.data.rows
           if (rows.length > 0) {
@@ -901,7 +946,7 @@ export default {
             self.curTaskId = taskList[0].taskId
             self.instanceId = taskList[0].procInstanceId
           } else {
-            ajax.get(self.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (todoResp) {
+            ajax.get(self.smartFlowServerContext + '/manage/processTodo/list', { params: param }).then(function (todoResp) {
               if (todoResp.data.code === '200') {
                 self.curTaskId = todoResp.data.data.rows[0].taskId
                 self.instanceId = todoResp.data.data.rows[0].procInstanceId
@@ -914,8 +959,8 @@ export default {
             })
           }
           self.getAttachList(self.curTaskId)
-          self.getHisAudit(self.curTaskId);
-          self.getProcessHistory(self.curTaskId);
+          self.getHisAudit(self.curTaskId)
+          self.getProcessHistory(self.curTaskId)
         } else {
           self.$Message.error(resp.data.message)
         }
@@ -932,12 +977,12 @@ export default {
       ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
         if (resp.data.code === '200') {
           self.handleButtons = resp.data.data[0].handleButtons
-          if (resp.data.data[0].hasOwnProperty('isSequential')){
-            self.isParallelCountersignature = !resp.data.data[0].isSequential
+          if (resp.data.data[0].hasOwnProperty('isSequential')) {
+            self.curNodeType = resp.data.data[0].isSequential ? 'sequentialMultiNode' : 'multiNode'
           }
           self.handleName = resp.data.data[0].handleName ? resp.data.data[0].handleName : '审批'
           self.auditOpinionTitle = resp.data.data[0].handleName ? resp.data.data[0].handleName + '意见' : '审批意见'
-          if (!self.handleButtons || (!self.handleButtons.includes('auditOpinion') && !self.handleButtons.includes('attachmentFile') && !self.handleButtons.includes('auditHistory'))){
+          if (!self.handleButtons || (!self.handleButtons.includes('auditOpinion') && !self.handleButtons.includes('attachmentFile') && !self.handleButtons.includes('auditHistory'))) {
             self.showProcessInfo = false
           }
         } else {
@@ -947,7 +992,7 @@ export default {
         console.log(err)
       })
     },
-    getNextNodes(){
+    getNextNodes() {
       const self = this
       self.nextNodesFormList = []
       self.nextNodesOldSettings = []
@@ -975,38 +1020,38 @@ export default {
               candidateGroups: '',
               isMultiInstance: data[i].isMultiInstance,
               actionType: 'ASSIGNEE',
-              remainDay : 0,
-              remainTime : 0,
-              inAdvanceDay : 0,
-              inAdvanceTime : 0,
-              processing : '00'
+              remainDay: 0,
+              remainTime: 0,
+              inAdvanceDay: 0,
+              inAdvanceTime: 0,
+              processing: '00'
             }
             //显示具体候选人信息
-            if (data[i].candidateGroups){
+            if (data[i].candidateGroups) {
               nextNodeForm.actionType = 'CAND'
-              let names = [];
-              let candidates = {};
+              let names = []
+              let candidates = {}
               for (let groupName in data[i].candidateGroups) {
                 if (data[i].candidateGroups.hasOwnProperty(groupName)) {
-                  let group = data[i].candidateGroups[groupName];
+                  let group = data[i].candidateGroups[groupName]
                   group.forEach(item => {
-                    names.push(item.name);
-                  });
-                  candidates[groupName] = group.map(item => item.id + ':' + item.name).join(',');
+                    names.push(item.name)
+                  })
+                  candidates[groupName] = group.map(item => item.id + ':' + item.name).join(',')
                 }
               }
-              nextNodeForm.candidateNames = names.join(',');
-              nextNodeForm.candidates = candidates;
-              nextNodeOldForm.candidates = candidates;
+              nextNodeForm.candidateNames = names.join(',')
+              nextNodeForm.candidates = candidates
+              nextNodeOldForm.candidates = candidates
             }
             if (data[i].timeLimit) {
-              let expireTime = data[i].timeLimit.split(";")[0].split(":")[1]
-              let warningTime = data[i].timeLimit.split(";")[1].split(":")[1]
-              let handleType = data[i].timeLimit.split(";")[2].split(":")[1]
-              let days = expireTime.slice(0, expireTime.indexOf("D")) //过期天
-              let hourOfDay = expireTime.slice(expireTime.indexOf("D") + 1, expireTime.indexOf("H")) //过期小时
-              let daysWarn = warningTime.slice(0, warningTime.indexOf("D")) //警告天
-              let hourOfDayWarn = warningTime.slice(warningTime.indexOf("D") + 1, warningTime.indexOf("H")) //警告小时
+              let expireTime = data[i].timeLimit.split(';')[0].split(':')[1]
+              let warningTime = data[i].timeLimit.split(';')[1].split(':')[1]
+              let handleType = data[i].timeLimit.split(';')[2].split(':')[1]
+              let days = expireTime.slice(0, expireTime.indexOf('D')) //过期天
+              let hourOfDay = expireTime.slice(expireTime.indexOf('D') + 1, expireTime.indexOf('H')) //过期小时
+              let daysWarn = warningTime.slice(0, warningTime.indexOf('D')) //警告天
+              let hourOfDayWarn = warningTime.slice(warningTime.indexOf('D') + 1, warningTime.indexOf('H')) //警告小时
               nextNodeForm.remainDay = parseInt(days)
               nextNodeForm.remainTime = parseInt(hourOfDay)
               nextNodeForm.inAdvanceDay = parseInt(daysWarn)
@@ -1030,10 +1075,10 @@ export default {
         procId: this.procId,
         applyId: this.applyId
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processDone/getAttachmentList', {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processDone/getAttachmentList', { params: param }).then(function (resp) {
         self.attachmentList = resp.data.data.rows
         self.attachmentList.forEach(item => {
-          const index = item.fileName.lastIndexOf(".")
+          const index = item.fileName.lastIndexOf('.')
           const fileType = item.fileName.substr(index + 1).toLowerCase()
           const imageList = ['jpg', 'gif', 'png', 'svg']
           const docList = ['doc', 'docx']
@@ -1043,7 +1088,7 @@ export default {
           item.showPreview = typeList.indexOf(fileType) !== -1
         })
       }).catch(err => {
-        console.log(err);
+        console.log(err)
       })
     },
     getHisAudit(taskId) {
@@ -1054,14 +1099,14 @@ export default {
         procId: self.procId,
         taskId: taskId
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getHisAudit', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getHisAudit', { params: params }).then(function (resp) {
         if (resp.data.code === '200') {
           self.hisAudit = resp.data.data
-          let uniqueDataMap = {};
+          let uniqueDataMap = {}
           self.hisAudit.forEach((item) => {
-            uniqueDataMap[item["taskNode"]] = item;
+            uniqueDataMap[item['taskNode']] = item
           })
-          self.hisNode = Object.values(uniqueDataMap);
+          self.hisNode = Object.values(uniqueDataMap)
 
         }
       })
@@ -1074,7 +1119,7 @@ export default {
         procId: self.procId,
         taskId: taskId
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessHis', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessHis', { params: params }).then(function (resp) {
         if (resp.data.code === '200') {
           self.processHistory = resp.data.data
         }
@@ -1087,7 +1132,7 @@ export default {
       self.submit()
     },
     submit() {
-      let self = this;
+      let self = this
       self.auditParams = {
         procId: self.procId,
         applyId: self.applyId,
@@ -1100,33 +1145,33 @@ export default {
         selectedUserId: self.selectedUserId,
       }
       if (self.auditResult == '' || self.auditResult == null) {
-        self.$Message.error(`请选择${self.handleName}结果！`);
-        return;
+        self.$Message.error(`请选择${self.handleName}结果！`)
+        return
       }
       if (self.form.auditOpinion == '' || self.form.auditOpinion == null) {
-        if (self.auditResult === '30'){
+        if (self.auditResult === '30') {
           self.auditParams.auditOpinion = '通过'
           self.businessFormSave ? self.businessFormSave(self.handleSaveResult) : self.handleSaveResult(true)
-          return;
+          return
         }
-        if (!self.handleButtons || self.handleButtons.includes('auditOpinion')) {
+        if ((!self.handleButtons || self.handleButtons.includes('auditOpinion')) && self.auditResult !== '84') {
           self.$Message.error(`请输入${self.handleName}意见！`)
-          return;
+          return
         } else {
-          self.auditParams.auditOpinion = self.handleButtonsNames[self.auditResult];
+          self.auditParams.auditOpinion = self.handleButtonsNames[self.auditResult]
         }
       }
       self.businessFormSave ? self.businessFormSave(self.handleSaveResult) : self.handleSaveResult(true)
     },
     handleSaveResult(saveResult, businessParams) {
       if (saveResult) {
-        this.executeButtonAction(businessParams);
+        this.executeButtonAction(businessParams)
       } else {
-        console.error('保存失败');
+        console.error('保存失败')
       }
     },
     executeButtonAction(businessParams) {
-      const self = this;
+      const self = this
       if (businessParams) {
         Object.assign(self.datas, businessParams)
         self.auditParams.params = JSON.stringify(self.datas)
@@ -1136,15 +1181,57 @@ export default {
         name: self.handleButtonsNames[self.auditResult]
       }
       if (self.auditResult === '82') {
+        //指定他人处理
         self.assigneeBoxData = self.auditParams
         self.assigneeBoxData.auditResultName = self.handleButtonsNames[self.auditResult]
         self.assigneeBoxData.instanceId = self.instanceId
         self.$refs.assigneeHelpBox.toggleShowHelpBox(self.organTreeType, '', 'transferCurTask')
+      } else if (self.auditResult === '84') {
+        //委派任务
+        self.$refs.assigneeHelpBox.toggleShowHelpBox(self.organTreeType, '', 'delegateTask')
+      } else if (self.auditResult === '62') {
+        //撤回委派任务
+        ajax.post(self.smartFlowServerContext + '/manage/processTodo/audit', self.auditParams).then(resp => {
+          let result = resp.data
+          if (result.code == '200') {
+            self.loading = false
+            self.disable = false
+            self.revokeDelegateTask = false
+            self.$Message.success('撤回委派成功')
+          } else {
+            self.loading = false
+            self.disable = false
+            self.$Message.error(result.message)
+          }
+        })
+      } else if (self.auditResult === '61') {
+        //交回委派任务
+        ajax.post(self.smartFlowServerContext + '/manage/processTodo/audit', self.auditParams).then(resp => {
+          let result = resp.data
+          if (result.code == '200') {
+            self.loading = false
+            self.disable = false
+            self.$Message.success('交回委派任务成功')
+            if (result.data) {
+              let taskIds = result.data.id ? result.data.id : result.data.map(item => item.id).join(',')
+              setTimeout(() => {
+                self.executionCompleted(true, result.data.id ? result.data.processInstanceId : result.data[0].processInstanceId, taskIds, auditResult, self.curTaskId)
+              }, 1000)
+            }
+          } else {
+            self.loading = false
+            self.disable = false
+            self.$Message.error(result.message)
+          }
+        })
       } else if (self.auditResult === '80') {
+        //跳转到后序指定节点
         self.getNodesBehind()
       } else if (self.auditResult === '90') {
+        //驳回到前序指定节点
         self.getAllPreNodes()
       } else if (self.auditResult === '40') {
+        //驳回到上一级
         self.loading = true
         self.disable = true
         let url = self.smartFlowServerContext + '/manage/processTodo/getPreNode'
@@ -1155,11 +1242,11 @@ export default {
             self.$Message.warning(result.message)
             //避免未提示消息直接回调
             setTimeout(() => {
-              self.executionCompleted(false, null, null, auditResult, self.curTaskId);
+              self.executionCompleted(false, null, null, auditResult, self.curTaskId)
             }, 1000)
           } else if (result.code == '30010') {
             self.$Modal.confirm({
-              title: "提示",
+              title: '提示',
               content: result.message,
               onOk: () => {
                 self.auditParams.auditResult = '70'
@@ -1169,10 +1256,10 @@ export default {
                   if (result.code == '200') {
                     self.loading = false
                     self.disable = false
-                    self.$Message.success(result.message);
+                    self.$Message.success(result.message)
                     //后端没有返回数据
                     setTimeout(() => {
-                      self.executionCompleted(true, null, null, auditResult, self.curTaskId);
+                      self.executionCompleted(true, null, null, auditResult, self.curTaskId)
                     }, 1000)
                     bus.$emit('triggerTimer')
                   } else {
@@ -1180,7 +1267,7 @@ export default {
                     self.disable = false
                     self.$Message.error(result.message)
                     setTimeout(() => {
-                      self.executionCompleted(false, null, null, auditResult, self.curTaskId);
+                      self.executionCompleted(false, null, null, auditResult, self.curTaskId)
                     }, 1000)
                   }
                   bus.$emit('triggerTimer')
@@ -1208,10 +1295,10 @@ export default {
               if (result.code == '200') {
                 self.loading = false
                 self.disable = false
-                self.$Message.success(result.message);
+                self.$Message.success(result.message)
                 setTimeout(() => {
                   if (result.data) {
-                    let taskIds = result.data.map(item => item.id).join(',');
+                    let taskIds = result.data.map(item => item.id).join(',')
                     self.executionCompleted(true, result.data[0].processInstanceId, taskIds, auditResult, self.curTaskId)
                   } else {
                     self.executionCompleted(true, null, null, auditResult, self.curTaskId)
@@ -1222,7 +1309,7 @@ export default {
                 self.disable = false
                 self.$Message.error(result.message)
                 setTimeout(() => {
-                  self.executionCompleted(false, null, null, auditResult, self.curTaskId);
+                  self.executionCompleted(false, null, null, auditResult, self.curTaskId)
                 }, 1000)
               }
               bus.$emit('triggerTimer')
@@ -1230,7 +1317,7 @@ export default {
           }
         })
       } else {
-        if (self.auditResult === '30' && (!self.handleButtons || self.handleButtons.includes('appointHandler') || self.handleButtons.includes('appointTimeoutTime'))){
+        if (self.auditResult === '30' && (!self.handleButtons || self.handleButtons.includes('appointHandler') || self.handleButtons.includes('appointTimeoutTime'))) {
           self.getNextNodes()
           self.appointBoxShow = true
         } else {
@@ -1238,16 +1325,16 @@ export default {
         }
       }
     },
-    doPass(){
-      let self = this;
+    doPass() {
+      let self = this
       this.modal = false
       let auditResult = {
         code: self.auditResult,
         name: self.handleButtonsNames[self.auditResult]
       }
       if (self.auditResult === '82' && (self.targetTaskNode == '' || self.targetTaskNode == null)) {
-        self.auditResult = '';
-        self.$Message.error(`请选择${self.handleName}节点！`);
+        self.auditResult = ''
+        self.$Message.error(`请选择${self.handleName}节点！`)
       } else {
         self.loading = true
         self.disable = true
@@ -1258,9 +1345,9 @@ export default {
           if (result.code == '200') {
             self.loading = false
             self.disable = false
-            self.$Message.success(result.message ? result.message : `${self.handleName}成功`);
-            if (result.data){
-              let taskIds = result.data.id ? result.data.id : result.data.map(item => item.id).join(',');
+            self.$Message.success(result.message ? result.message : `${self.handleName}成功`)
+            if (result.data) {
+              let taskIds = result.data.id ? result.data.id : result.data.map(item => item.id).join(',')
               setTimeout(() => {
                 self.executionCompleted(true, result.data.id ? result.data.processInstanceId : result.data[0].processInstanceId, taskIds, auditResult, self.curTaskId)
               }, 1000)
@@ -1297,9 +1384,9 @@ export default {
         })
       }
     },
-    showUpdateMultitaskInstanceModal(updateType){
+    showUpdateMultitaskInstanceModal(updateType) {
       const self = this
-      if (updateType === '81'){
+      if (updateType === '81') {
         this.$refs.assigneeHelpBox.toggleShowHelpBox(this.organTreeType, '', 'addMultitaskInstance')
       } else if (updateType === '83') {
         ajax.get(self.smartFlowServerContext + '/manage/processTodo/getUnapprovedListOfMultiNode?taskId=' + self.curTaskId).then(function (resp) {
@@ -1310,11 +1397,11 @@ export default {
             self.$Message.error(resp.data.message)
           }
         }).catch(err => {
-          console.log(err);
+          console.log(err)
         })
       }
     },
-    updateMultitaskInstance(updateType, assignees){
+    updateMultitaskInstance(updateType, assignees) {
       const self = this
       self.loading = true
       self.disable = true
@@ -1329,24 +1416,57 @@ export default {
         if (result.code == '200') {
           self.loading = false
           self.disable = false
-          self.$Message.success(result.message);
+          self.$Message.success(result.message)
         } else {
           self.loading = false
           self.disable = false
           self.$Message.error(result.message)
         }
       }).catch(err => {
-        console.log(err);
+        console.log(err)
+      })
+    },
+    //委派
+    delegateTask(assignee) {
+      const self = this
+      if (!assignee){
+        self.$Message.error('请选择加签人员')
+        return
+      }
+      let auditResult = {
+        code: self.auditResult,
+        name: self.handleButtonsNames[self.auditResult]
+      }
+      self.auditParams.selectedUserId = assignee
+      ajax.post(self.smartFlowServerContext + '/manage/processTodo/audit', self.auditParams).then(resp => {
+        let result = resp.data
+        if (result.code == '200') {
+          self.loading = false
+          self.disable = false
+          self.$Message.success('委派成功')
+          if (result.data) {
+            let taskIds = result.data.id ? result.data.id : result.data.map(item => item.id).join(',')
+            setTimeout(() => {
+              self.executionCompleted(true, result.data.id ? result.data.processInstanceId : result.data[0].processInstanceId, taskIds, auditResult, self.curTaskId)
+            }, 1000)
+          }
+        } else {
+          self.loading = false
+          self.disable = false
+          self.$Message.error(result.message)
+        }
+      }).catch(err => {
+        console.log(err)
       })
     },
     //加签
-    addMultitaskInstance(assingeeList){
+    addMultitaskInstance(assingeeList) {
       const assingees = assingeeList.join(',')
       this.updateMultitaskInstance('81', assingees)
     },
     //减签
-    reductionMultitaskInstance(){
-      if (this.reductionAssigneeList.length === 0){
+    reductionMultitaskInstance() {
+      if (this.reductionAssigneeList.length === 0) {
         this.$Message.error('请选择减签人员')
         return
       }
@@ -1361,25 +1481,25 @@ export default {
       console.log(tab)
     },
     getAttach(row) {
-      window.open(this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId, "_blank");
+      window.open(this.smartFlowServerContext + '/manage/oss/file/get/' + row.fileId, '_blank')
     },
     preViewAttach(row) {
       let reg = /\.(gif|jpg|jpeg|bmp|png|PNG)$/
       let regs = /\.(pdf)$/
       if (reg.test(row.fileName)) {
-        let url = this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId;
-        this.imgPreview(url);
+        let url = this.smartFlowServerContext + '/manage/oss/file/get/' + row.fileId
+        this.imgPreview(url)
       } else if (regs.test(row.fileName)) {
-        window.open(this.smartFlowServerContext + "/manage/oss/file/getFileStream?fileId=" + row.fileId, "_blank");
+        window.open(this.smartFlowServerContext + '/manage/oss/file/getFileStream?fileId=' + row.fileId, '_blank')
       } else {
         this.modalDocx = true
         axios({
           method: 'get',
           responseType: 'blob', // 因为是流文件，所以要指定blob类型
-          url: this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId// 一个word下载文件的接口
-        }).then(({data}) => {
+          url: this.smartFlowServerContext + '/manage/oss/file/get/' + row.fileId// 一个word下载文件的接口
+        }).then(({ data }) => {
             docx.renderAsync(data, this.$refs.file, null, {
-              className: "docx", //默认和文档样式类的类名/前缀
+              className: 'docx', //默认和文档样式类的类名/前缀
               inWrapper: true, //启用围绕文档内容呈现包装器
               ignoreWidth: false, //禁用页面的渲染宽度
               ignoreHeight: false, //禁用页面的渲染高度
@@ -1398,8 +1518,8 @@ export default {
       }
     },
     imgPreview(url) {
-      this.imageUrl = url;
-      this.modalVisible = true;
+      this.imageUrl = url
+      this.modalVisible = true
     },
 
     //打印流程图信息
@@ -1411,7 +1531,7 @@ export default {
         procId: self.procId,
         taskId: self.curTaskId,
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getPrintData', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getPrintData', { params: params }).then(function (resp) {
         let result = resp.data.data
         if (resp.data.code === '200') {
           let tableData = result
@@ -1430,16 +1550,16 @@ export default {
       if (this.processHistory.length > 0) {
         let task = null
         this.processHistory.some(itemList => {
-          task = itemList.find(item => item.taskId === taskId);
-          return task !== undefined;
-        });
+          task = itemList.find(item => item.taskId === taskId)
+          return task !== undefined
+        })
         return task ? task.taskName : ''
       }
       return ''
     },
     cancel() {
       this.modal = false
-      this.auditResult = '';
+      this.auditResult = ''
     },
     reductionModalCancel() {
       this.reductionMultitaskInstanceModal = false
@@ -1458,7 +1578,7 @@ export default {
         processDefId: self.procId,
         taskId: self.curTaskId,
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getAllPreNodes', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getAllPreNodes', { params: params }).then(function (resp) {
         if (resp.data.code === '200') {
           if (resp.data.data.length > 0) {
             self.allNode = resp.data.data
@@ -1477,7 +1597,7 @@ export default {
         processDefId: self.procId,
         taskId: self.curTaskId,
       }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getNodesBehind', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getNodesBehind', { params: params }).then(function (resp) {
         if (resp.data.code === '200') {
           if (resp.data.data.length > 0) {
             self.allNode = resp.data.data
@@ -1491,57 +1611,57 @@ export default {
       })
     },
     handleSelectedUser(userId) {
-      this.selectedUserId = userId;
+      this.selectedUserId = userId
     },
 
     //折叠动画效果
     beforeEnter(el) {
-      el.style.height = '0';
+      el.style.height = '0'
     },
     enter(el, done) {
       setTimeout(() => {
-        el.style.height = el.scrollHeight + 'px';
-      }, 0);
+        el.style.height = el.scrollHeight + 'px'
+      }, 0)
 
-      el.addEventListener('transitionend', done);
+      el.addEventListener('transitionend', done)
     },
     beforeLeave(el) {
-      el.style.height = el.scrollHeight + 'px';
+      el.style.height = el.scrollHeight + 'px'
     },
     leave(el, done) {
       setTimeout(() => {
-        el.style.height = '0';
-      }, 0);
+        el.style.height = '0'
+      }, 0)
 
-      el.addEventListener('transitionend', done);
+      el.addEventListener('transitionend', done)
     },
 
     beforeFlowInfoEnter(el) {
-      el.style.transform = 'translateX(100%)';
+      el.style.transform = 'translateX(100%)'
     },
     flowInfoEnter(el, done) {
-      const transitionDuration = 0.5;
-      el.style.transition = `transform ${transitionDuration}s`;
-      el.style.transform = 'translateX(0)';
-      el.addEventListener('transitionend', done);
+      const transitionDuration = 0.5
+      el.style.transition = `transform ${transitionDuration}s`
+      el.style.transform = 'translateX(0)'
+      el.addEventListener('transitionend', done)
     },
     beforeFlowInfoLeave(el) {
-      el.style.transform = 'translateX(0)';
+      el.style.transform = 'translateX(0)'
     },
     flowInfoLeave(el, done) {
-      const transitionDuration = 0.5;
-      el.style.transition = `transform ${transitionDuration}s`;
-      el.style.transform = 'translateX(100%)';
-      el.addEventListener('transitionend', done);
+      const transitionDuration = 0.5
+      el.style.transition = `transform ${transitionDuration}s`
+      el.style.transform = 'translateX(100%)'
+      el.addEventListener('transitionend', done)
     },
     uploadFile(file) {
-      const self = this;
+      const self = this
       self.fileList = []
       file.forEach(item => {
         self.fileList.push({
           fileName: item.fileName,
           fileId: item.fileCode,
-        });
+        })
       })
     },
 
@@ -1555,55 +1675,64 @@ export default {
         item.assignee ? acc[item.id].assignee = item.assignee : ''
         item.candidateGroups ? acc[item.id].candidateGroup = item.candidateGroups : ''
         let timeLimit = 'expireTime:0D0H;warningTime:0D0H;handleType:00'
-        if(!(item.remainDay === 0 && item.remainTime === 0 && item.inAdvanceDay === 0 && item.inAdvanceTime === 0)) {
-          timeLimit = 'expireTime:' + parseInt(item.remainDay) + "D" + parseInt(item.remainTime) + "H" + ";warningTime:" + parseInt(item.inAdvanceDay) + "D" + parseInt(item.inAdvanceTime) + "H;" + "handleType:" + item.processing;
+        if (!(item.remainDay === 0 && item.remainTime === 0 && item.inAdvanceDay === 0 && item.inAdvanceTime === 0)) {
+          timeLimit = 'expireTime:' + parseInt(item.remainDay) + 'D' + parseInt(item.remainTime) + 'H' + ';warningTime:' + parseInt(item.inAdvanceDay) + 'D' + parseInt(item.inAdvanceTime) + 'H;' + 'handleType:' + item.processing
           acc[item.id].timeLimit = timeLimit
         } else {
           acc[item.id].timeLimit = ''
         }
         oldSettings = self.nextNodesOldSettings.filter(oldSetting => oldSetting.id === item.id)[0]
-        if (oldSettings.assignee !== item.assignee || self.checkGroupsUpdate(oldSettings.candidates, item.candidateGroups) || self.checkTimeLimitUpdate(oldSettings.timeLimit, timeLimit)) {
+        if (oldSettings.assignee !== item.assignee || self.checkGroupsUpdate(oldSettings.candidates, item.candidateGroups, item.isMultiInstance) || self.checkTimeLimitUpdate(oldSettings.timeLimit, timeLimit)) {
           acc[item.id].needUpdate = 'true'
         }
-        return acc;
-      }, {});
+        return acc
+      }, {})
       self.auditParams.nodeConfigMaps = JSON.stringify(params)
       self.doPass((execResult, instanceId, taskIds, auditResult, curTaskId) => {
         if (this.executionCompleted) {
-          this.executionCompleted(execResult, instanceId, taskIds, auditResult, curTaskId);
+          this.executionCompleted(execResult, instanceId, taskIds, auditResult, curTaskId)
         }
       })
     },
-    checkGroupsUpdate(oldSetting, newSetting) {
+    checkGroupsUpdate(oldSetting, newSetting, isMultiInstance) {
       if (oldSetting && newSetting) {
         let oldIdList = []
         for (let [key, value] of Object.entries(oldSetting)) {
           if (value) {
             value.split(',').forEach(part => {
-              const [id] = part.split(':');
+              const [id] = part.split(':')
               if (id) {
-                oldIdList.push(id);
+                oldIdList.push(id)
               }
             })
           }
         }
-        const regex = /(?:O:|U:|P:|R:|T:)([^,]+)/g;
-        let match;
-        const newIds = [];
+        const regex = /(?:O:|U:|P:|R:|T:)([^,]+)/g
+        let match
+        const newIds = []
         while ((match = regex.exec(newSetting)) !== null) {
           newIds.push(...match[1].split(';'))
         }
-        const allInString = oldIdList.every(item => newIds.includes(item));
-        const hasExtra = newIds.some(item => !oldIdList.includes(item));
-        return !allInString || hasExtra
+
+        if (isMultiInstance) {
+          //串签的情况下可能只有顺序发生了变化
+          const oldStr = oldIdList.join(',')
+          const newStr = newIds.join(',')
+          return oldStr !== newStr
+        }else {
+          const allInString = oldIdList.every(item => newIds.includes(item));
+          const hasExtra = newIds.some(item => !oldIdList.includes(item));
+          return !allInString || hasExtra
+        }
+
       }
       return false
     },
-    checkTimeLimitUpdate(oldSetting, newSetting){
-      if (oldSetting && newSetting){
+    checkTimeLimitUpdate(oldSetting, newSetting) {
+      if (oldSetting && newSetting) {
         return oldSetting !== newSetting
       }
-      if (!oldSetting){
+      if (!oldSetting) {
         return newSetting !== 'expireTime:0D0H;warningTime:0D0H;handleType:00'
       }
       return false
@@ -1616,9 +1745,9 @@ export default {
     candidateGroupsReadingRangeClick(item) {
       let permScope = item.orgTreeType === this.defaultOrganTreeType ? this.permScope : 'all'
       let orgTreeType = item.orgTreeType ? item.orgTreeType : this.defaultOrganTreeType
-      this.$refs.candidateGroupsHelpBox.toggleShowHelpBox(permScope, item.candidates, orgTreeType, item.id);
+      this.$refs.candidateGroupsHelpBox.toggleShowHelpBox(permScope, item.candidates, orgTreeType, item.id)
     },
-    updateCandGroups(newCandGroups, nameStr, detail, nodeId){
+    updateCandGroups(newCandGroups, nameStr, detail, nodeId) {
       let oldSettings = this.nextNodesOldSettings.filter(item => item.id === nodeId)[0]
       if (JSON.stringify(oldSettings.candidates) != JSON.stringify(detail)) {
         let node = this.nextNodesFormList.filter(item => item.id === nodeId)[0]
@@ -1626,26 +1755,26 @@ export default {
         node.candidateNames = nameStr
         node.candidates = detail
         node.needUpdate = true
-        this.$forceUpdate();
+        this.$forceUpdate()
       }
     },
-    updateNextNodeAssignee(selectedAssigneeId, selectedAssigneeName, nodeId){
+    updateNextNodeAssignee(selectedAssigneeId, selectedAssigneeName, nodeId) {
       let oldSettings = this.nextNodesOldSettings.filter(item => item.id === nodeId)[0]
       if (oldSettings.assignee != selectedAssigneeId) {
         let node = this.nextNodesFormList.filter(item => item.id === nodeId)[0]
         node.assignee = selectedAssigneeId
         node.assigneeName = selectedAssigneeName
         node.needUpdate = true
-        this.$forceUpdate();
+        this.$forceUpdate()
       }
     }
   },
   watch: {
     auditOpinionText(label) {
-      this.form.auditOpinion = label;
+      this.form.auditOpinion = label
     },
     procId(val) {
-      this.procId = val;
+      this.procId = val
       this.initData()
     },
   }