@lambo-design-mobile/workflow-approve 1.0.0-beta.3 → 1.0.0-beta.30

package/src/FlowApproval.vue

@@ -1,10 +1,13 @@
 <template>
   <div>
-    <van-tabs ref="tabs" style="padding-bottom: 60px" v-model="active" @click="onTabClick" animated>
+    <van-tabs ref="tabs" style="padding-bottom: 60px" v-model="active"
+              @click="onTabClick"
+              sticky :offset-top="offsetTop"
+              animated>
       <slot name="business-content"/>
       <van-tab title="流程信息">
         <div style="padding: 0 10px">
-          <div v-if="!isDetail">
+          <div v-if="!isDetail && showAuditOpinion">
             <div class="title-info">
               <van-icon class="info-icon" style="background-color: #0d88ff" name="cluster-o"/>
               审批信息
@@ -12,9 +15,12 @@
             <div class="approvalForm-section">
               <van-cell-group>
                 <van-field
+                    v-if="handleButtons && handleButtons.includes('auditOpinion')"
                     v-model="approvalForm.auditOpinion"
                     rows="3"
                     autosize
+                    @focus="handleInputFocus"
+                    :error="approvalError"
                     required
                     label="审批意见"
                     type="textarea"
@@ -24,19 +30,17 @@
                 />
                 <div v-if="approvalForm.nextNode!==''">
                   <van-cell title="下一环节" :value="approvalForm.nextNode"/>
-                  <van-cell @click="nextNodePopupShow = true" title="办理人员" value-class="approvalForm-value"
-                            :value="approvalForm.handlingPersonnel">
-                    <template #right-icon>
-                      <van-icon name="friends-o" size="16" style="line-height: inherit;padding-left: 5px"/>
-                    </template>
-                  </van-cell>
-                  <div class="van-hairline--bottom"></div>
-                </div>
-                <div v-else>
-                  <van-cell title="下一环节" value="无下一环节"/>
+                  <div v-if="handleButtons && handleButtons.includes('appointHandler')">
+                    <van-cell @click="handleNextNodePopupShow" title="办理人员" value-class="approvalForm-value"
+                              :value="approvalForm.handlingPersonnel">
+                      <template #right-icon>
+                        <van-icon name="friends-o" size="16" style="line-height: inherit;padding-left: 5px"/>
+                      </template>
+                    </van-cell>
+                  </div>
                   <div class="van-hairline--bottom"></div>
                 </div>
-                <div v-if="handleButtons.includes('attachmentFile')">
+                <div v-if="handleButtons && handleButtons.includes('attachmentFile')">
                   <upload-file :multiple="true"
                                :oss-server-context="config.smartFlowServerContext"
                                :oss-file-put-url="config.ossFilePutUrl"
@@ -59,47 +63,14 @@
                 <van-collapse-item v-for="(items,index) in processHistory" :key="index" :title="items[0].taskName"
                                    :name="index">
                   <div v-for="(item,index) in items" :key="index" class="record-item">
-                    <van-cell center>
-                      <template #icon>
-                        <div
-                            v-if="['通过', '跳转指定节点'].includes(getAuditStatus(item.auditResult).text)"
-                            class="completed-icon">
-                          <van-icon class="iconfont" class-prefix='icon' :name=getAuditStatus(item.auditResult).icon
-                                    size="30px" color="#fff"/>
-                        </div>
-                        <div v-else class="pending-icon">
-                          <van-icon class="iconfont" class-prefix='icon' :name=getAuditStatus(item.auditResult).icon
-                                    size="30px" color="#fff"/>
-                        </div>
-                      </template>
-                      <template #title>
-                        <div :style="{ color: getAuditStatus(item.auditResult).color }"
-                             style="font-size: 16px;font-weight: bold;padding:5px 0;">
-                          {{ item.auditName[0] }}
-                        </div>
-                        <div>{{ item.auditOrganName[0] }}
-                          <span v-if="item.auditComment" @click="showAuditDetail(item.auditComment)">
-                          | 审批意见 <van-icon name="comment-circle-o"/>
-                          </span>
-                        </div>
-                      </template>
-                      <template #label>
-                        <div>{{ item.startDate }}{{ item.auditDate }}</div>
-                      </template>
-                      <template #default>
-                        <span :style="{ color: getAuditStatus(item.auditResult).color }">{{
-                            getAuditStatus(item.auditResult).text
-                          }}</span>
-                      </template>
-                    </van-cell>
+                    <approval-node-cell :node-detail="item" :folding-approval-comments="foldingApprovalComments" />
                     <div v-if="index !== items.length - 1" class="van-hairline--bottom"></div>
                   </div>
                 </van-collapse-item>
-
               </van-collapse>
             </div>
           </div>
-          <div v-if="handleButtons.includes('attachmentFile')">
+          <div v-if="handleButtons && handleButtons.includes('attachmentFile')">
             <div class="title-info">
               <van-icon class="info-icon" style="background-color: #029ea0" name="link-o"/>
               查看附件
@@ -144,30 +115,16 @@
     <!-- 底部按钮 等其他内容 -->
     <div>
       <van-popup v-model="popupShow" style="padding-top: 40px" closeable round position="bottom">
-        <div v-if="handleButtons.includes('auditTo70')" class="popup-option" @click="audit('70')">
-          {{ getAuditButtonStatus(70) }}
-        </div>
-        <div v-if="handleButtons.includes('auditTo40')" class="popup-option highlighted"
-             @click="audit('40')">
-          {{ getAuditButtonStatus(40) }}
-        </div>
-        <div v-if="handleButtons.includes('auditTo90')" class="popup-option" @click="audit('90')">
-          {{ getAuditButtonStatus(90) }}
-        </div>
-        <div v-if="handleButtons.includes('auditTo80')" class="popup-option" @click="audit('80')">
-          {{ getAuditButtonStatus(80) }}
-        </div>
-        <div v-if="handleButtons.includes('auditTo82')" class="popup-option" @click="audit('82')">
-          {{ getAuditButtonStatus(82) }}
-        </div>
-        <div v-if="handleButtons.includes('auditTo50')" class="popup-option" @click="audit('50')">
-          {{ getAuditButtonStatus(50) }}
-        </div>
+        <template v-for="(button, index) of operationButtons.moreOperations">
+          <div :class="button.class" @click="button.action">
+            {{ button.label }}
+          </div>
+        </template>
       </van-popup>
       <div class="custom-bottom-bar">
-        <div v-if="!isDetail" class="bar-item" @click="onMore">更多</div>
-        <div class="bar-item" @click="onTrack">流程跟踪</div>
-        <div v-if="!isDetail" class="bar-item approve" @click="audit('30')">{{ getAuditButtonStatus(30) }}</div>
+        <div v-for="(button, index) of operationButtons.bottomButtons" :class="button.class" @click="button.action">
+          {{ button.label }}
+        </div>
       </div>
     </div>
     <van-popup @click-close-icon="handleSelect('cancel')" v-model="nextNodePopupShow"
@@ -182,70 +139,75 @@
         <van-field name="radio" label="人员类型" input-align="right">
           <template #input>
             <van-radio-group v-model="item.personType" direction="horizontal">
-              <van-radio name="assignee">办理人</van-radio>
-              <van-radio name="candidate">候选人</van-radio>
+              <van-radio v-if="!nextAssigneeSelectionType || nextAssigneeSelectionType === 'assignee'" name="assignee">办理人</van-radio>
+              <van-radio v-if="!nextAssigneeSelectionType || nextAssigneeSelectionType === 'candidate'" name="candidate">候选人</van-radio>
             </van-radio-group>
           </template>
         </van-field>
         <van-cell v-if="item.personType === 'assignee'" title="办理人"
                   :value="(item.assignee.name ? item.assignee.name : '未指定') + ':' + (item.assignee.id ? item.assignee.id : '未指定')"
-                  @click="nextNodeHandleIndex=index;selectHandlePopupShow=true;">
+                  @click="handleNextNodeAssigneeSelect(index, 'appointHandler')">
         </van-cell>
         <van-cell v-if="item.personType === 'candidate'" title="候选人" @click="toggleDetails(index)"
                   :is-link="true" :arrow-direction="detailsVisible[index] ? 'down' : ''">
         </van-cell>
         <div v-if="detailsVisible[index] && item.personType === 'candidate'">
-          <van-field @click="handleSelectUserPopupShow(index)" label="候选用户" readonly placeholder="点击选择"
+          <van-field v-if="useTransferUser" @click="handleNextNodeUserSelect(index, 'appointHandlerWithCandGroups')" label="候选用户" readonly placeholder="点击选择"
+                     :value="(item.candidateGroups?.users ?? []).map(user => user.name).join(',')">
+          </van-field>
+          <van-field v-if="!useTransferUser && !useTransferOrgan" @click="handleCandUserSelect(index)" label="候选用户" readonly placeholder="点击选择"
                      :value="(item.candidateGroups?.users ?? []).map(user => user.name).join(',')">
           </van-field>
-          <van-field @click="handleSelectPositionPopupShow(index)" label="候选岗位" readonly placeholder="点击选择"
+          <van-field v-if="!useTransferUser && !useTransferOrgan" @click="handleSelectPositionPopupShow(index)" label="候选岗位" readonly placeholder="点击选择"
                      :value="(item.candidateGroups?.positions ?? []).map(position => position.name).join(',')">
           </van-field>
-          <van-field @click="handleSelectRolePopupShow(index)" label="候选角色" readonly placeholder="点击选择"
+          <van-field v-if="!useTransferUser && !useTransferOrgan" @click="handleSelectRolePopupShow(index)" label="候选角色" readonly placeholder="点击选择"
                      :value="(item.candidateGroups?.roles ?? []).map(role => role.name).join(',')">
           </van-field>
-          <van-field @click="handleSelectOrganizePopupShow(index)" label="候选组织" readonly placeholder="点击选择"
+          <van-field v-if="!useTransferUser" @click="handleSelectOrganizePopupShow(index)" label="候选组织" readonly placeholder="点击选择"
                      :value="(item.candidateGroups?.organs ?? []).map(organ => organ.name).join(',')">
           </van-field>
         </div>
-        <van-cell center title="停留时间">
-          <template #default>
-            <div style="display: flex; align-items: center;">
-              <div style="display: flex; align-items: center; margin-right: 16px;">
-                <van-stepper disable-input button-size="22" min="0" v-model="item.remainDay"/>
-                <span style="margin-left: 4px;">天</span>
-              </div>
+        <div v-if="handleButtons && handleButtons.includes('appointTimeoutTime')">
+          <van-cell center title="停留时间">
+            <template #default>
               <div style="display: flex; align-items: center;">
-                <van-stepper disable-input button-size="22" min="0" v-model="item.remainTime"/>
-                <span style="margin-left: 4px;">小时</span>
-              </div>
-            </div>
-          </template>
-        </van-cell>
-        <van-cell title="任务提前">
-          <template #default>
-            <div style="display: flex; align-items: center;">
-              <div style="display: flex; align-items: center; margin-right: 16px;">
-                <van-stepper disable-input button-size="22" min="0" v-model="item.inAdvanceDay"/>
-                <span style="margin-left: 4px;">天</span>
+                <div style="display: flex; align-items: center; margin-right: 16px;">
+                  <van-stepper disable-input button-size="22" min="0" v-model="item.remainDay"/>
+                  <span style="margin-left: 4px;">天</span>
+                </div>
+                <div style="display: flex; align-items: center;">
+                  <van-stepper disable-input button-size="22" min="0" v-model="item.remainTime"/>
+                  <span style="margin-left: 4px;">小时</span>
+                </div>
               </div>
+            </template>
+          </van-cell>
+          <van-cell title="任务提前">
+            <template #default>
               <div style="display: flex; align-items: center;">
-                <van-stepper disable-input button-size="22" min="0" v-model="item.inAdvanceTime"/>
-                <span style="margin-left: 4px;">小时</span>
+                <div style="display: flex; align-items: center; margin-right: 16px;">
+                  <van-stepper disable-input button-size="22" min="0" v-model="item.inAdvanceDay"/>
+                  <span style="margin-left: 4px;">天</span>
+                </div>
+                <div style="display: flex; align-items: center;">
+                  <van-stepper disable-input button-size="22" min="0" v-model="item.inAdvanceTime"/>
+                  <span style="margin-left: 4px;">小时</span>
+                </div>
               </div>
-            </div>
-          </template>
-        </van-cell>
-        <van-field
-            readonly
-            clickable
-            input-align="right"
-            name="picker"
-            :value="(handleTypeList.find(handleType => handleType.value === item.processing) || {}).label"
-            label="处理方式"
-            placeholder="点击选择处理方式"
-            @click="$set(showPicker, index, true)"
-        />
+            </template>
+          </van-cell>
+          <van-field
+              readonly
+              clickable
+              input-align="right"
+              name="picker"
+              :value="(handleTypeList.find(handleType => handleType.value === item.processing) || {}).label"
+              label="处理方式"
+              placeholder="点击选择处理方式"
+              @click="$set(showPicker, index, true)"
+          />
+        </div>
         <van-popup v-model="showPicker[index]" position="bottom">
           <van-picker
               show-toolbar
@@ -260,17 +222,19 @@
         <div class="bar-item approve" @click="handleSelect('select')">确认</div>
       </div>
     </van-popup>
-    <van-popup v-if="selectHandlePopupShow" v-model="selectHandlePopupShow" closeable round position="bottom"
-               :style="{ height: '80%' }" style="background: #f7f8fa">
-      <select-handle title="指定办理人" :multi-select="false" :procType="procType" @selectHandle="handleSelectResult"></select-handle>
+    <van-popup v-if="selectUserPopupShow" v-model="selectUserPopupShow" closeable round position="bottom"
+               :style="{ height: '80%' }" :class="selectUserPopupParams.class">
+      <select-handle :title="selectUserPopupParams.title" :multi-select="selectUserPopupParams.multiSelect" :procType="procType" :organ-tree-type="selectUserPopupParams.organTreeType"
+                     :org-list="selectUserPopupParams.orgList" :user-list="selectUserPopupParams.userList" @selectHandle="selectUserPopupParams.action"></select-handle>
     </van-popup>
     <van-popup v-if="selectOrganizePopupShow" v-model="selectOrganizePopupShow" closeable round position="bottom"
                :style="{ height: '80%' }">
-      <select-organize ref="selectOrganize" :all-organize="false" :organize-id-list="permissionsScope.O"  @selectOrganizeHandle="selectOrganizeHandle" ></select-organize>
+      <select-organize ref="selectOrganize" :treetype-id="orgTreeType" :all-organize="false" :organize-id-list="permissionsScope.O"  @selectOrganizeHandle="selectOrganizeHandle" ></select-organize>
     </van-popup>
-    <van-popup v-if="selectUserPopupShow" v-model="selectUserPopupShow" closeable round position="bottom"
+    <van-popup v-if="selectCandUserPopupShow" v-model="selectCandUserPopupShow" closeable round position="bottom"
                :style="{ height: '80%' }">
-      <select-handle title="选择用户" :multi-select="true" :procType="procType" @selectHandle="selectUserHandle" ></select-handle>
+      <select-handle title="选择用户" :multi-select="true" :procType="procType" :organ-tree-type="selectUserPopupParams.organTreeType" :org-list="selectUserPopupParams.orgList"
+                     :user-list="selectUserPopupParams.userList" @selectHandle="selectCandUserHandle"></select-handle>
     </van-popup>
     <van-popup v-if="selectPositionPopupShow" v-model="selectPositionPopupShow" closeable round position="bottom"
                :style="{ height: '80%' }">
@@ -280,7 +244,23 @@
                :style="{ height: '80%' }">
       <select-normal-list title="选择角色" :id-list="permissionsScope.R" @selectNormalListHandle="selectRoleHandle" :parse-function="parseRoleFunction"></select-normal-list>
     </van-popup>
-    <van-dialog v-model="nodeListDialogShow" @confirm="processJumpSpecifiedNode()" @close="nodeListDialogShowClose()"
+    <van-popup v-if="selectReductionUserPopupShow" v-model="selectReductionUserPopupShow" closeable round position="bottom" :style="{ height: '80%' }">
+      <div id="reductionListContent" style="background: #f7f8fa">
+        <div class="van-nav-bar__content">
+          <div class="van-nav-bar__title">{{ getAuditButtonStatus(83) }}</div>
+        </div>
+        <van-list style="padding-top: 15px">
+          <select-handle-card ref="selectHandleCard" :multi-select="true" :person-list="unapprovedAssigneeList"
+                              :result.sync="reductionUsers" :show-status="false">
+          </select-handle-card>
+        </van-list>
+      </div>
+      <div v-if="reductionUsers.length > 0" class="custom-bottom-bar">
+        <div class="bar-item" @click="handleReductionUserSelect('cancel')">取消</div>
+        <div class="bar-item approve" @click="handleReductionUserSelect('select')">选择</div>
+      </div>
+    </van-popup>
+    <van-dialog v-model="nodeListDialogShow" @confirm="processJumpSpecifiedNode()" @close="nodeListDialogShowClose()" :before-close="onBeforeClose"
                 :title="getAuditButtonStatus(auditResult)" show-cancel-button>
       <van-radio-group v-model="radio">
         <van-cell-group>
@@ -291,7 +271,7 @@
           </div>
           <div class="table-row"
                v-for="(item, index) in nodeList" :key="index"
-               @click="radio = index">
+               @click="selectNode(item, index)">
             <div>{{ item.taskName }}</div>
             <div>
               <van-tag v-if="item.auditResult" :type="getAuditStatus(item.auditResult).type">
@@ -305,9 +285,48 @@
               <van-radio :name='index'/>
             </div>
           </div>
+          <div v-if="showRejectOption" class="reject-attribute">
+            <div :style="{ width: rejectAttributeTitleWidth }">驳回给：</div>
+            <van-radio-group v-model="rejectToTakeOver">
+              <van-radio name="original">原办理人</van-radio>
+              <van-radio name="actual">实际办理人</van-radio>
+            </van-radio-group>
+          </div>
+          <div v-if="showRejectToSelected" class="table-row">
+            <van-field @click="handleSelectRejectUser" label="选择驳回人员：" :label-width="rejectAttributeTitleWidth" readonly placeholder="点击选择" :value="rejectUsers.name"></van-field>
+          </div>
+          <div v-if="showProcessControl" class="reject-attribute">
+            <div :style="{ width: rejectAttributeTitleWidth }">驳回的节点通过后：</div>
+            <van-radio-group v-model="rejectAttribute">
+              <van-radio v-for="(item, index) in rejectAttributeList" :key="index" :name="item.type">{{ item.name }}</van-radio>
+            </van-radio-group>
+          </div>
         </van-cell-group>
       </van-radio-group>
     </van-dialog>
+    <van-dialog v-model="rejectAttributesBoxShow" @confirm="processRejectNode()" @close="rejectAttributesDialogShowClose()"
+                title="驳回设置" show-cancel-button>
+      <div v-if="showProcessControl" class="reject-attribute">
+        <div :style="{ width: rejectAttributeTitleWidth }">驳回的节点通过后：</div>
+        <van-radio-group v-model="rejectAttribute">
+          <van-radio v-for="(item, index) in rejectAttributeList" :key="index" :name="item.type">{{ item.name }}</van-radio>
+        </van-radio-group>
+      </div>
+      <div v-if="showRejectOption" class="reject-attribute">
+        <div :style="{ width: rejectAttributeTitleWidth }">驳回给：</div>
+        <van-radio-group v-model="rejectToTakeOver">
+          <van-radio name="original">原办理人</van-radio>
+          <van-radio name="actual">实际办理人</van-radio>
+        </van-radio-group>
+      </div>
+      <div v-if="showRejectToSelected" class="reject-attribute">
+        <van-field @click="handleSelectRejectUser" label="选择驳回人员：" :label-width="rejectAttributeTitleWidth" readonly placeholder="点击选择" :value="rejectUsers.name"></van-field>
+      </div>
+    </van-dialog>
+    <van-popup v-if="selectRejectUserPopupShow" v-model="selectRejectUserPopupShow" closeable round position="bottom"
+               :style="{ height: '80%' }">
+      <select-handle title="选择驳回人员" :multi-select="true" :procType="procType" :user-list="rejectUserList" @selectHandle="selectRejectUserHandle"></select-handle>
+    </van-popup>
   </div>
 </template>
 
@@ -321,8 +340,16 @@ import {
   getNodesBehind,
   getPosition,
   getPreNode,
+  getNodeData,
   getProcessHis,
-  getProcessType, getRole
+  getProcessType, getRole,
+  getTransferRange,
+  updateMultitaskInstance,
+  getUnapprovedListOfMultiNode,
+  getProcessTodoList,
+  getProcessAttributes,
+  listAll,
+  getDoneDetail
 } from "../api";
 import {Dialog, Toast} from "vant";
 import UploadFile from '@lambo-design-mobile/upload-file';
@@ -331,15 +358,203 @@ import SelectHandle from "./SelectHandle.vue";
 import Tree from "./tree/Tree.vue";
 import SelectOrganize from "./SelectOrganize.vue";
 import SelectNormalList from "./SelectNormalList.vue";
+import ApprovalNodeCell from "./ApprovalNodeCell.vue";
+import {getAuditStatus} from "./js/global";
+import {NodeType} from "./utils/const";
+import SelectHandleCard from "./SelectHandleCard.vue";
 
 
 export default {
   computed: {
     config() {
       return config
+    },
+    rejectAttributeTitleWidth(){
+      if (this.showProcessControl) {
+        return '145px';
+      }
+      if (this.showRejectToSelected) {
+        return '100px';
+      }
+      if (this.showRejectOption) {
+        return '75px';
+      }
+      return 'auto';
+    },
+    showAuditOpinion(){
+      return this.handleButtons && (this.handleButtons.includes('auditOpinion') ||  this.handleButtons.includes('appointHandler') ||  this.handleButtons.includes('attachmentFile'))
+    },
+    operationButtons() {
+      // 流程跟踪按钮
+      const processTraceButton = {
+        id: 'processTrace',
+        label: '流程跟踪',
+        condition: this.handleButtons?.includes('processTrace'),
+        class: 'bar-item',
+        action: () => this.onTrack(),
+      }
+
+      // 审批按钮
+      const auditButtonDefinitions = [
+        {
+          id: 'auditTo30',
+          label: this.getAuditButtonStatus(30),
+          condition: this.handleButtons?.includes('auditTo30') && !this.isDetail && !this.revokeDelegateTask && !this.appointTask && !this.coSignVotingTask,
+          class: 'bar-item approve',
+          action: () => this.audit('30'),
+        },
+        {
+          id: 'auditTo62',
+          label: this.getAuditButtonStatus(62),
+          condition: !this.isDetail && this.revokeDelegateTask,
+          class: 'bar-item approve',
+          action: () => this.audit('62'),
+        },
+        {
+          id: 'auditTo61',
+          label: this.getAuditButtonStatus(61),
+          condition: !this.isDetail && this.appointTask,
+          class: 'bar-item approve',
+          action: () => this.audit('61'),
+        },
+        {
+          id: 'auditTo32',
+          label: this.getAuditButtonStatus(32),
+          condition: this.coSignVotingTask,
+          class: 'bar-item disagree',
+          action: () => this.audit('32'),
+        },
+        {
+          id: 'auditTo31',
+          label: this.getAuditButtonStatus(31),
+          condition: this.coSignVotingTask,
+          class: 'bar-item approve',
+          action: () => this.audit('31'),
+        },
+      ]
+
+      // 实际可以展示的审批按钮
+      const validAuditButtons = auditButtonDefinitions.filter(item => item.condition)
+      const showButtons = !this.appointTask && !this.rejectedTask && !this.revokeDelegateTask && !this.coSignVotingTask && !this.isDetail
+      const handleButtonsDefinitions = [
+        {
+          id: 'delegateTask',
+          label: this.getAuditButtonStatus(84),
+          condition: this.curNodeType === NodeType.UserTask &&
+              this.handleButtons?.includes('delegateTask') &&
+              showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item approve',
+          action: () => this.audit('84'),
+        },
+        {
+          id: 'addMultitaskInstance',
+          label: this.getAuditButtonStatus(81),
+          condition: this.curNodeType === NodeType.MultiNode &&
+              this.handleButtons?.includes('addMultitaskInstance') &&
+              showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item approve',
+          action: () => this.showUpdateMultitaskInstanceModal('81'),
+        },
+        {
+          id: 'reductionMultitaskInstance',
+          label: this.getAuditButtonStatus(83),
+          condition: this.curNodeType === NodeType.MultiNode &&
+              this.handleButtons?.includes('reductionMultitaskInstance') &&
+              showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item disagree',
+          action: () => this.showUpdateMultitaskInstanceModal('83'),
+        },
+        {
+          id: 'auditTo70',
+          label: this.getAuditButtonStatus(70),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo70') && showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item disagree',
+          action: () => this.audit('70'),
+        },
+        {
+          id: 'auditTo40',
+          label: this.getAuditButtonStatus(40),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo40') && showButtons,
+          class: 'popup-option highlighted',
+          barClass: 'bar-item disagree',
+          action: () => this.audit('40'),
+        },
+        {
+          id: 'auditTo90',
+          label: this.getAuditButtonStatus(90),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo90') && showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item disagree',
+          action: () => this.audit('90'),
+        },
+        {
+          id: 'auditTo80',
+          label: this.getAuditButtonStatus(80),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo80') && showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item approve',
+          action: () => this.audit('80'),
+        },
+        {
+          id: 'auditTo82',
+          label: this.getAuditButtonStatus(82),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo82') && showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item approve',
+          action: () => this.audit('82'),
+        },
+        {
+          id: 'auditTo50',
+          label: this.getAuditButtonStatus(50),
+          condition: this.handleButtons && this.handleButtons.includes('auditTo50') && showButtons,
+          class: 'popup-option',
+          barClass: 'bar-item disagree',
+          action: () => this.audit('50'),
+        },
+      ]
+
+      // 实际更多操作按钮
+      let moreOperations = handleButtonsDefinitions.filter(item => item.condition)
+
+      let moreButtons = []
+      let borrowedButton = null;
+      // 如果审批按钮为空，且更多操作里有按钮，则借调最后一个
+      if (validAuditButtons.length === 0 && moreOperations.length > 0) {
+        borrowedButton = moreOperations.pop();
+        borrowedButton.class = borrowedButton.barClass
+      }
+      if (!this.isDetail) {
+        if (moreOperations.length > 1) {
+          moreButtons.push({
+            id: 'onMore',
+            label: '更多',
+            condition: true,
+            class: 'bar-item',
+            action: () => this.onMore(),
+          })
+        } else if (moreOperations.length === 1) {
+          moreButtons.push({
+            id: moreOperations[0].id,
+            label: moreOperations[0].label,
+            condition: true,
+            class: 'bar-item',
+            action: () => moreOperations[0].action(),
+          })
+        }
+      }
+      const baseList = [...moreButtons, processTraceButton]
+      if (borrowedButton) {
+        baseList.splice(2, 0, borrowedButton);
+      }
+      const bottomButtons = [...baseList, ...validAuditButtons]
+      return { bottomButtons, moreOperations }
     }
   },
-  components: {SelectNormalList, SelectOrganize, Tree, SelectHandle, UploadFile},
+  components: {ApprovalNodeCell, SelectNormalList, SelectOrganize, Tree, SelectHandle, UploadFile, SelectHandleCard},
   props: {
     //业务表单保存方法
     businessFormSave: {
@@ -359,10 +574,39 @@ export default {
       required: false,
       default: false
     },
+    //审批人来源
+    auditGroup: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    //默认审批意见
+    defaultAuditOpinion: {
+      type: String,
+      required: false,
+      default: '',
+    },
     processTraceRouterName: {
       type: String,
       required: true,
-    }
+    },
+    activeFirstTab: {
+      type: Boolean,
+      default: false,
+    },
+    offsetTop: {
+      type: Number,
+      default: 0
+    },
+    foldingApprovalComments: {
+      type: Boolean,
+      default: false
+    },
+    //默认是否驳回给转办人
+    defaultRejectToTakeOver: {
+      type: Boolean,
+      default: false
+    },
   },
   data() {
     return {
@@ -378,20 +622,30 @@ export default {
       handleButtons: this.$route.query.handleButtons,
 
       approvalForm: {
-        auditOpinion: '',
+        auditOpinion: this.defaultAuditOpinion,
         nextNode: '',
         handlingPersonnel: '',
         nodeConfigMaps: '',
       },
+      approvalError: false,
+      orgTreeType: '00',
 
       processHistory: [],
       tableData: [],
 
       bpmnViewer: null,
 
-      activeNames: [0],
+      activeNames: [],
       popupShow: false,
-
+      appointTask: false,
+      revokeDelegateTask: false,
+      rejectedTask: false,
+      coSignVotingTask: false,
+      curNodeType: NodeType.UserTask,
+
+      nextAssigneeSelectionType: '',
+      useTransferUser: false,
+      useTransferOrgan: false,
       nextNodePopupShow: false,
       nextNodeHandleIndex: 0,
       nextNodeProcessedData: [], // 用于存储处理下一节点的数据
@@ -416,6 +670,8 @@ export default {
       ],
       handleTypeValue: '',
       showPicker: {},
+      rejectName: '驳回',
+      passName: '通过',
 
       nodeListDialogShow: false,
       nodeList: [],
@@ -428,16 +684,49 @@ export default {
       files: [],
       //文件上传列表
       fileList: [],
+      // 可以减签的人员
+      unapprovedAssigneeList: [],
+      // 减签人员
+      reductionUsers: [],
 
       permissionsScope: {},
       selectOrganizePopupShow: false,
+      selectCandUserPopupShow: false,
+      selectRejectUserPopupShow: false,
       selectUserPopupShow: false,
       selectRolePopupShow: false,
+      selectReductionUserPopupShow: false,
       selectPositionPopupShow: false,
+      selectUserPopupParams: {
+        title: '选择用户',
+        class: '',
+        multiSelect: true,
+        userList: [],
+        orgList: [],
+        organTreeType: '',
+        action: (checkResult) => { console.log('未定义回调方法') },
+      },
+      showRejectToSelected: false,
+      showProcessControl: false,
+      showRejectOption: false,
+      rejectAttributesBoxShow: false,
+      rejectAttribute: 'inSequence',
+      rejectToTakeOver: this.defaultRejectToTakeOver ? 'actual' : 'original',
+      rejectAttributeList: [],
+      taskAuditUserList: [],
+      rejectUserList: [],
+      targetTaskNodeProcessControl: '',
+      rejectUsers: {
+        name: '全部办理人',
+        id: 'all'
+      },
     };
   },
   methods: {
+    getAuditStatus,
     initData() {
+      this.getHandleButtons();
+      if (!this.isDetail) this.getTaskStatus();
       this.getProcessHistory();
       this.getNextNodes();
       this.getAttachmentList();
@@ -445,10 +734,79 @@ export default {
       //设置提示持续时间默认为500ms
       Toast.setDefaultOptions({duration: 500});
     },
+
+    // 计算有多少个可见的handleButtons
+    getVisibleButtonsCount() {
+      return ['auditTo70', 'auditTo40', 'auditTo90', 'auditTo80', 'auditTo82', 'auditTo50']
+          .filter(btn => this.handleButtons && this.handleButtons.includes(btn))
+          .length;
+    },
+
+    // 获取唯一按钮的文本
+    getSingleButtonText() {
+      const buttonIds = ['auditTo70', 'auditTo40', 'auditTo90', 'auditTo80', 'auditTo82', 'auditTo50'];
+      const singleButtonId = buttonIds.find(btn => this.handleButtons && this.handleButtons.includes(btn));
+      if (singleButtonId) {
+        const statusId = parseInt(singleButtonId.replace('auditTo', ''));
+        return this.getAuditButtonStatus(statusId);
+      }
+      return '';
+    },
+
+    // 处理唯一按钮的点击
+    handleSingleButton() {
+      const buttonIds = ['auditTo70', 'auditTo40', 'auditTo90', 'auditTo80', 'auditTo82', 'auditTo50'];
+      const singleButtonId = buttonIds.find(btn => this.handleButtons && this.handleButtons.includes(btn));
+      if (singleButtonId) {
+        const statusId = singleButtonId.replace('auditTo', '');
+        this.audit(statusId);
+      }
+    },
+
+    getTaskStatus() {
+      const self = this
+      let params = {
+        procId: self.procId,
+        applyId: self.applyId,
+        taskNode: self.taskNode,
+        taskId: self.taskId,
+        auditGroup: self.auditGroup,
+      }
+      getProcessTodoList(0, 10, params).then(resp => {
+        if (resp.data.code === '200') {
+          const todoData = resp.data.data.rows[0]
+          // 委派任务状态
+          self.revokeDelegateTask = todoData?.delegateStatus ? todoData.delegateStatus === '10' : false
+          self.appointTask = todoData?.delegateStatus ? todoData.delegateStatus === '20' : false
+          // 判断节点是否是被驳回的节点
+          const taskExtensionAttributes = todoData?.taskExtensionAttributes ? JSON.parse(todoData.taskExtensionAttributes) : ''
+          if (taskExtensionAttributes && taskExtensionAttributes.rejectAttributes) {
+            const rejectAttributes = taskExtensionAttributes.rejectAttributes
+            if (rejectAttributes && rejectAttributes.type && rejectAttributes.type != 'inSequence') self.rejectedTask = true
+          }
+        }
+      })
+    },
+    getHandleButtons() {
+      getNodeData(this.procId, this.taskNode).then(resp => {
+        if (resp.data.code === '200') {
+          const data = resp.data.data[0]
+          this.handleButtons = this.handleButtons ? this.handleButtons : data.handleButtons ? data.handleButtons : ["processTrace", "auditHistory", "auditOpinion", "attachmentFile", "auditTo30", "auditTo70", "auditTo40", "auditTo90", "auditTo80", "auditTo82", "auditTo50"];
+          this.coSignVotingTask = this.handleButtons && this.handleButtons.includes('coSignVoting')
+          this.nextAssigneeSelectionType = data.nextAssigneeSelectionType;
+          this.passName = data.handleName === '审批' ? '通过' : data.handleName;
+          this.rejectName = data.rejectName;
+          if (data.hasOwnProperty('isSequential')) {
+            this.curNodeType = data.isSequential ? NodeType.SequentialMultiNode : NodeType.MultiNode;
+          }
+        }
+      })
+    },
     getProcessHistory() {
       getProcessHis(this.applyId, this.instanceId, this.procId, this.taskId).then(resp => {
         if (resp.data.code === '200') {
           this.processHistory = resp.data.data
+          this.activeNames = this.processHistory.map((_, index) => index);
         }
       })
     },
@@ -459,7 +817,7 @@ export default {
           this.nextNodeProcessedData = this.processData(result.data);
           this.approvalForm.nextNode = result.data.map(node => node.name).join(',');
           this.approvalForm.handlingPersonnel = result.data
-              .map(node => node.assignee?.name || '未指定')
+              .map(node => node.assignee?.name || '候选人')
               .join(',');
         }
       })
@@ -537,7 +895,7 @@ export default {
     },
     processData(data) {
       return data.map(node => {
-        node.personType = node.assignee ? "assignee" : "candidate";
+        node.personType = this.nextAssigneeSelectionType ? this.nextAssigneeSelectionType : node.assignee ? "assignee" : "candidate";
         if (node.assignee) {
           node.candidateGroups = {
             organs: [],
@@ -574,7 +932,10 @@ export default {
         return node;
       });
     },
-    toggleDetails(index) {
+    async toggleDetails(index) {
+      if (!this.detailsVisible[index]){
+        await this.fetchTransferRange('appointHandlerWithCandGroups')
+      }
       this.$set(this.detailsVisible, index, !this.detailsVisible[index]);
     },
     onHandleTypeConfirm(selectedLabel, selectedIndex, index) {
@@ -595,6 +956,13 @@ export default {
       // 拼接成目标格式
       return `O:${organIds},U:${userIds},P:${positionIds},R:${roleIds},RP:,T:`;
     },
+    handleReductionUserSelect(handle) {
+      if (handle === 'select') {
+        this.updateMultitaskInstance('83', this.reductionUsers.map(item => item.userId).join(','))
+      } else {
+        this.checkResult = [];
+      }
+    },
     handleSelect(handle) {
       if (handle === 'select') {
         //处理审批参数
@@ -619,7 +987,7 @@ export default {
         }, {});
         this.approvalForm.nodeConfigMaps = JSON.stringify(params)
         this.approvalForm.handlingPersonnel = this.nextNodeProcessedData
-            .map(node => node.assignee?.name || '未指定')
+            .map(node => node.personType === "assignee" ?  node.assignee?.name : '候选人')
             .join(',');
         this.nextNodePopupShow = false;
       } else {
@@ -630,11 +998,77 @@ export default {
     },
     handleSelectOrganizePopupShow(index) {
       this.nextNodeHandleIndex = index;
+      if (this.useTransferOrgan){
+        this.permissionsScope.O = this.selectUserPopupParams.orgList.map(item => item.orgCode)
+      }
       this.selectOrganizePopupShow=true;
     },
-    handleSelectUserPopupShow(index) {
+    handleCandUserSelect(index){
+      this.nextNodeHandleIndex = index;
+      this.selectUserPopupParams.userList = []
+      this.selectUserPopupParams.orgList = []
+      this.selectCandUserPopupShow = true
+    },
+    async handleNextNodePopupShow(){
+      // 指定下一环节选人为单/多选并且给出具体选人范围则直接弹出选人框
+      if (this.nextAssigneeSelectionType){
+        const actionType = this.nextAssigneeSelectionType === 'assignee' ? 'appointHandler' : 'appointHandlerWithCandGroups'
+        const action = this.nextAssigneeSelectionType === 'assignee' ? (checkResult) => this.handleAssigneeSelectResult(checkResult) : (checkResult) => this.selectCandUserHandle(checkResult)
+        await this.fetchTransferRange(actionType);
+        if (this.selectUserPopupParams.userList?.length > 0 || this.selectUserPopupParams.orgList?.length > 0){
+          this.handleSelectUserPopupShow('选择用户', this.nextAssigneeSelectionType === 'candidate', action, actionType)
+          return
+        }
+      }
+      this.nextNodePopupShow = true;
+    },
+    handleNextNodeAssigneeSelect(index, actionType){
       this.nextNodeHandleIndex = index;
-      this.selectUserPopupShow=true;
+      this.handleSelectUserPopupShow('选择用户', true, (checkResult) => this.handleAssigneeSelectResult(checkResult), actionType)
+    },
+    handleNextNodeUserSelect(index, actionType){
+      this.nextNodeHandleIndex = index;
+      this.handleSelectUserPopupShow('选择用户', true, (checkResult) => this.selectCandUserHandle(checkResult), actionType)
+    },
+    async handleSelectUserPopupShow(title, multiSelect, action, actionType) {
+      this.selectUserPopupParams.title = title
+      this.selectUserPopupParams.multiSelect = multiSelect
+      this.selectUserPopupParams.action = action
+      const success = await this.fetchTransferRange(actionType);
+      if (success) {
+        this.selectUserPopupShow = true;
+      }
+    },
+    async fetchTransferRange(actionType) {
+      try {
+        const params = {
+          procType: this.procType,
+          procId: this.procId,
+          taskNode: this.taskNode,
+          applyId: this.applyId,
+          taskId: this.taskId,
+          instanceId: this.instanceId,
+          actionType: actionType,
+        };
+        const res = await getTransferRange(params);
+        const result = res.data;
+        if (result.code == 200) {
+          this.selectUserPopupParams.organTreeType = result.data.organTreeType;
+          this.selectUserPopupParams.userList = result.data.userList;
+          this.selectUserPopupParams.orgList = result.data.orgList;
+          if (actionType === 'appointHandlerWithCandGroups'){
+            this.useTransferUser = result.data.userList?.length > 0
+            this.useTransferOrgan = result.data.orgList?.length > 0
+          }
+          return true;
+        } else {
+          console.warn('获取选择人员范围失败，返回码:', result.code);
+          return false;
+        }
+      } catch (err) {
+        console.error('获取选择人员范围异常', err);
+        return false;
+      }
     },
     handleSelectRolePopupShow(index) {
       this.nextNodeHandleIndex = index;
@@ -680,32 +1114,23 @@ export default {
       if (ext === 'pdf') return 'P';
       return ext.charAt(0).toUpperCase();
     },
-    getAuditStatus(auditResult) {
-      const statusMap = {
-        '30': {text: '通过', icon: "tongguo", color: '#0d88ff', type: 'success'},
-        '40': {text: '驳回上一节点', icon: "bohui", color: '#ed4014', type: 'danger'},
-        '50': {text: '驳回到原点', icon: "bohui", color: '#ed4014', type: 'danger'},
-        '51': {text: '流程作废', icon: "liuchengzuofei", color: '#ed4014', type: 'danger'},
-        '60': {text: '撤回', icon: "chehui", color: '#ed4014', type: 'warning'},
-        '80': {text: '跳转指定节点', icon: "tiaozhuan", color: '#0d88ff', type: 'primary'},
-        '90': {text: '驳回指定节点', icon: "bohui", color: '#ed4014', type: 'primary'},
-      };
-      return {
-        text: (statusMap[auditResult] && statusMap[auditResult].text) || '待审批',
-        icon: (statusMap[auditResult] && statusMap[auditResult].icon) || 'daishenpi',
-        color: (statusMap[auditResult] && statusMap[auditResult].color) || '#ff9900',
-        type: (statusMap[auditResult] && statusMap[auditResult].type) || 'warning',
-      };
-    },
+
     getAuditButtonStatus(auditResult) {
       let statusMap = {
-        '30': '通过',
-        '40': '驳回上一节点',
+        '30': `${this.passName}`,
+        '31': '同意',
+        '32': '不同意',
+        '40': `${this.rejectName}上一节点`,
         '50': '直接结束流程',
-        '70': '驳回到原点',
+        '61': '交回',
+        '62': '撤回委派',
+        '70': `${this.rejectName}到原点`,
         '80': '跳转指定节点',
+        '81': '加签',
         '82': '指定他人处理',
-        '90': '驳回指定节点',
+        '83': '减签',
+        '84': '委派',
+        '90': `${this.rejectName}指定节点`,
       };
       return statusMap[auditResult];
     },
@@ -723,18 +1148,55 @@ export default {
           procId: this.procId,
           instanceId: this.instanceId,
           taskNode: this.taskNode,
+          taskId: this.taskId,
+          predictButtonEnabled: this.handleButtons && this.handleButtons.includes('predictiveRoute'),
         }
       })
     },
+    // 加减签
+    showUpdateMultitaskInstanceModal(updateType){
+      this.selectHandlePopupShow = true
+      const self = this
+      if (updateType === '81') {
+        self.handleSelectUserPopupShow('加签', true, (checkResult) => this.updateMultitaskInstance('81', checkResult.map(item => item.userId).join(',')), 'addMultitaskInstance')
+      } else if (updateType === '83') {
+        getUnapprovedListOfMultiNode(self.taskId).then(res => {
+          if (res.data.code === '200') {
+            self.unapprovedAssigneeList = res.data.data.map(item => ({...item, userName: item.auditName, userId: item.auditId, organName: item.auditUserOrgan ? item.auditUserOrgan.split(':')[1] : '未知部门'}))
+            self.selectReductionUserPopupShow = true
+          } else {
+            Toast.fail(resp.data.message)
+          }
+          this.selectUserPopupShow = false;
+        }).catch(err => {
+          console.log(err)
+          this.selectUserPopupShow = false;
+        })
+      }
+    },
+    updateMultitaskInstance(updateType, assignees) {
+      const self = this
+      updateMultitaskInstance(self.taskId, self.applyId, assignees, updateType).then(res => {
+        res.data.code == 200 ? Toast.success(res.data.message) :Toast.fail(res.data.message)
+        self.selectUserPopupShow = false;
+        self.selectReductionUserPopupShow = false
+      }).catch(err => {
+        console.log(err)
+        self.selectUserPopupShow = false;
+        self.selectReductionUserPopupShow = false
+      })
+    },
     audit(auditResult) {
       console.log('点击了审批:', auditResult);
 
       if (this.approvalForm.auditOpinion === '' || this.approvalForm.auditOpinion == null) {
-        if (!this.handleButtons || this.handleButtons.includes('auditOpinion')) {
+        if (!this.handleButtons || (this.handleButtons.includes('auditOpinion') && auditResult != '30' && auditResult != '31')) {
+          this.updateActiveTab()
+          this.approvalError = true
           Toast({message: '请输入审批意见', duration: '500'});
           return
         } else {
-          this.auditParams.auditOpinion = this.getAuditButtonStatus(self.auditResult);
+          this.approvalForm.auditOpinion = this.getAuditButtonStatus(auditResult);
         }
       }
 
@@ -746,6 +1208,9 @@ export default {
       this.popupShow = false;
 
     },
+    handleInputFocus() {
+      this.approvalError = false;
+    },
     submit() {
       let self = this;
       self.auditParams = {
@@ -760,21 +1225,35 @@ export default {
         //字段不清楚 暂不传递
         params: null,
       }
-      self.businessFormSave ? self.businessFormSave(self.handleSaveResult) : self.handleSaveResult(true)
+      let auditResult = {
+        code: self.auditResult,
+        name: self.getAuditButtonStatus(self.auditResult)
+      }
+      self.businessFormSave ? self.businessFormSave(self.handleSaveResult, auditResult) : self.handleSaveResult(true)
     },
-    handleSaveResult(saveResult) {
+    handleSaveResult(saveResult, businessParams) {
       if (saveResult) {
-        this.executeButtonAction();
+        this.executeButtonAction(businessParams);
       } else {
         console.error('保存失败');
       }
     },
 
-    executeButtonAction() {
+    executeButtonAction(businessParams) {
       const self = this;
+      if (businessParams) {
+        self.auditParams.params = JSON.stringify(businessParams)
+      }
+      let auditResult = {
+        code: self.auditResult,
+        name: self.getAuditButtonStatus(self.auditResult)
+      }
       if (self.auditResult === '82') {
         // 处理转办逻辑
-        this.selectHandlePopupShow = true;
+        this.handleSelectUserPopupShow('指定办理人', false, (checkResult) => this.handleSelectResult(checkResult), 'auditTo82')
+      } else if (self.auditResult === '84') {
+        // 处理委派逻辑
+        this.handleSelectUserPopupShow('委派', false, (checkResult) => this.handleDelegateTaskSelectResult(checkResult), 'delegateTaskTask')
       } else if (self.auditResult === '80') {
         // 处理调转到指定节点逻辑
         self.getNodesBehind()
@@ -788,6 +1267,7 @@ export default {
           // 处理驳回上一节点逻辑
           getPreNode(self.auditParams).then(function (resp) {
             let result = resp.data
+            // 上一节点为原点
             if (result.code === '30010') {
               Dialog.confirm({
                 title: "提示",
@@ -798,8 +1278,32 @@ export default {
                 self.auditRequest(self.auditParams)
               }).catch(() => {
               })
+            } else if (result.code == '30013' || result.code == '30014') {
+              //前序节点为子流程或当前节点为子流程第一个节点不可驳回上一级节点
+              const message = self.rejectName ? self.replaceName(result.message, '驳回', self.rejectName) : result.message
+              Toast.fail(message)
+              //避免未提示消息直接回调
+              setTimeout(() => {
+                self.executionCompleted(false, null, null, auditResult, self.taskId)
+              }, 1000)
+            } else if (result.code == '10012') {
+              // 数据同步
+              self.disable = false
+              Toast.fail(result.message)
+              setTimeout(() => {
+                self.executionCompleted(true, null, null, auditResult, self.taskId)
+              }, 1000)
             } else {
-              self.auditRequest(self.auditParams)
+              // 前序节点只有一个会签节点才可选择驳回人员
+              self.showRejectToSelected = result.data.length === 1 && result.data[0].handleButtons?.includes('rejectToSelected')
+              self.nodeList = Array.isArray(result.data) ? result.data : []
+              self.radio = 0
+              self.showRejectOption = Array.isArray(result.data) && result.data.some(item => item.taskTakedOver && (item.taskTakedOver === true || item.taskTakedOver === 'true'))
+              if ((self.showRejectToSelected || self.showRejectOption) && !self.handleButtons?.includes('rejectProcessControl')) {
+                self.rejectAttributesBoxShow = true
+              } else {
+                self.handleButtons && self.handleButtons.includes('rejectProcessControl') ? self.getProcessAttributes() : self.auditRequest(self.auditParams)
+              }
             }
           })
         }).catch(() => {
@@ -823,12 +1327,95 @@ export default {
         message: message,
       })
     },
+    getProcessAttributes(targetTaskNodeProcessControl){
+      const self = this
+      self.rejectAttributeList = []
+      if (!targetTaskNodeProcessControl || targetTaskNodeProcessControl != 'jump') {
+        self.rejectAttributeList.push({
+          _checked: true,
+          type: 'inSequence',
+          name: '按顺序流转'
+        })
+      }
+      getProcessAttributes(self.procId, self.taskNode).then(resp => {
+        if (resp.data.code === '200') {
+          if ((self.auditParams.auditResult == '70' && !resp.data.data.jumpFirstNode) || (self.auditParams.auditResult == '40' && (resp.data.data.multiNode || resp.data.data.preNodeGateway))) {
+            if ((self.showRejectToSelected && self.nodeList.length > 0) || self.showRejectOption) {
+              self.rejectAttributesBoxShow = true
+              return
+            }
+            self.auditRequest(self.auditParams)
+            return
+          } else {
+            let param = {
+              procId: self.procId,
+              applyId: self.applyId,
+              taskNode: self.taskNode,
+              taskId: self.curTaskId,
+            }
+            listAll(self.procId, self.applyId, self.taskNode, self.taskId).then(todoResp => {
+              if (todoResp.data.code === '200') {
+                const rows = todoResp.data.data.rows
+                self.taskAuditUserList = rows.map(item => item.auditName)
+                const isMultiNode = resp.data.data.multiNode
+                if (isMultiNode) {
+                  const parentExecutionId = String(rows[0].parentExecutionId).trim();
+                  const nodeDone = self.processHistory.filter(item => item[0].taskNode === self.taskNode && String(item[0].parentExecutionId).trim() === parentExecutionId)
+                  if (nodeDone) {
+                    const doneAuditName = nodeDone[0].flatMap(item => item.auditName);
+                    self.taskAuditUserList = new Set([...doneAuditName, ...self.taskAuditUserList])
+                  }
+                }
+                if (self.auditParams.auditResult == '40' || self.taskAuditUserList.length === 1) {
+                  self.rejectAttributeList.push(
+                      {
+                        type: 'returnToCurrentAuditUser',
+                        name: '返回我'
+                      }
+                  )
+                } else {
+                  self.rejectAttributeList.push(
+                      {
+                        type: 'returnToCurrentNode',
+                        name: '返回本节点'
+                      }
+                  )
+                  if (!isMultiNode) {
+                    self.rejectAttributeList.push(
+                        {
+                          type: 'returnToCurrentAuditUser',
+                          name: '返回我'
+                        }
+                    )
+                  }
+                }
+                self.showProcessControl = self.rejectAttributeList.length > 0 && self.handleButtons && self.handleButtons.includes('rejectProcessControl')
+                if (self.auditParams.auditResult == '70' || self.auditParams.auditResult == '40') {
+                  self.rejectAttributesBoxShow = self.rejectAttributeList.length > 0 && self.handleButtons && self.handleButtons.includes('rejectProcessControl')
+                }
+              }
+            }).catch((err) => {
+              console.log(err)
+            })
+          }
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch(err => {
+        console.log(err);
+        Toast.fail('获取流程配置失败')
+      })
+    },
     auditRequest(auditParams) {
       let self = this
       let auditResult = {
         code: self.auditResult,
         name: self.getAuditStatus(self.auditResult).text
       }
+      if (self.rejectUsers.id !== 'all'){
+        auditParams.rejectUsers = self.rejectUsers.id
+      }
+      auditParams.rejectToTakeOver = self.rejectToTakeOver && self.rejectToTakeOver != 'original'
       self.showToastLoading('处理审批中');
       //确认执行审批逻辑
       audit(auditParams).then((resp) => {  // 使用箭头函数
@@ -843,7 +1430,7 @@ export default {
               this.executionCompleted(true, result.data.processInstanceId, taskIds, auditResult, self.taskId);
             }
           } else {
-            this.executionCompleted(true, null, null);
+            this.executionCompleted(true, null, null, auditResult, self.taskId);
           }
           Toast.success(result.message);
         } else if (result.code === '20002') {
@@ -854,6 +1441,7 @@ export default {
           this.executionCompleted(false, null, null, auditResult, self.taskId)
           Toast.fail(result.message);
         }
+        this.selectUserPopupShow = false;
       })
     },
     getNodesBehind() {
@@ -889,12 +1477,85 @@ export default {
       this.nodeListDialogShow = false
       this.auditResult = '';
       this.radio = '';
+      this.rejectAttribute = 'inSequence';
+      this.targetTaskNodeProcessControl = ''
+    },
+    onBeforeClose(action, done) {
+      const self = this;
+      if (action === 'confirm') {
+        if (!self.nodeList[self.radio]) {
+          Toast.fail('请选择驳回节点！');
+          done(false);
+          return;
+        }
+        done(true);
+      } else {
+        done(true);
+      }
+    },
+    selectNode(currentRow, index) {
+      this.radio = index
+      this.targetTaskNodeProcessControl = currentRow.processControl
+      this.rejectUsers = { name: '全部办理人', id: 'all' }
+      this.showRejectToSelected = currentRow.rejectToSelected
+      this.rejectToTakeOver = this.defaultRejectToTakeOver ? 'actual' : 'original'
+      this.showRejectOption = currentRow.taskTakedOver && (currentRow.taskTakedOver === true || currentRow.taskTakedOver === 'true')
     },
     processJumpSpecifiedNode() {
       const self = this;
+      if (!self.nodeList[self.radio]) return;
       self.auditParams.targetTaskNode = self.nodeList[self.radio].taskNode;
+      self.auditParams.rejectAttribute = self.rejectAttribute ? self.rejectAttribute : 'inSequence'
+      self.auditRequest(self.auditParams)
+    },
+    processRejectNode() {
+      const self = this;
+      self.auditParams.rejectAttribute = self.rejectAttribute ? self.rejectAttribute : 'inSequence'
       self.auditRequest(self.auditParams)
     },
+    handleSelectRejectUser() {
+      let self = this
+      getDoneDetail(self.nodeList[self.radio].taskNode, self.applyId).then(function (resp) {
+        if (resp.data.code === '200') {
+          const data = resp.data.data.rows
+          const latestAudit = data.reduce((max, current) => {
+            return current.auditDate > max.auditDate ? current : max;
+          });
+          const seenNames = new Set();
+          self.rejectUserList = data.filter(item => {
+            if (item.parentExecutionId && latestAudit.parentExecutionId && item.parentExecutionId !== latestAudit.parentExecutionId) {
+              return false;
+            }
+            if (seenNames.has(item.auditName)) {
+              return false;
+            }
+            seenNames.add(item.auditName);
+            return true;
+          }).map(item => {
+            return {
+              ...item,
+              userName: item.auditName,
+              userId: item.auditId,
+              organName: item.auditUserOrgan?.split(':')[1]
+            }
+          });
+          self.selectRejectUserPopupShow = true
+        } else {
+          Toast.fail(resp.data.message)
+        }
+      })
+    },
+    rejectAttributesDialogShowClose(){
+      //重置
+      this.showRejectToSelected = false
+      this.showRejectOption = false
+      this.rejectToTakeOver = this.defaultRejectToTakeOver ? 'actual' : 'original'
+      this.showProcessControl = false
+      this.rejectAttributesBoxShow = false
+      this.auditResult = '';
+      this.radio = '';
+      this.rejectAttribute = 'inSequence';
+    },
 
     showAuditDetail(auditComment) {
       Dialog.alert({
@@ -926,6 +1587,21 @@ export default {
         }
       });
     },
+    handleDelegateTaskSelectResult(checkResult) {
+      console.log('Selected result:', checkResult);
+      if (!checkResult) {
+        Toast('请选择委派人员')
+        return
+      }
+      this.auditParams.selectedUserId = checkResult[0].userId
+      Dialog.confirm({
+        message: '确定执行：' + this.getAuditButtonStatus(this.auditResult) + ' ?',
+      }).then(() => {
+        this.auditRequest(this.auditParams)
+      }).catch(() => {
+        // on cancel
+      });
+    },
     handleSelectResult(checkResult) {
       console.log('Selected result:', checkResult);
       const self = this;
@@ -938,7 +1614,16 @@ export default {
         self.auditParams.selectedUserId = checkResult[0].userId;
         self.auditRequest(self.auditParams);
       }
-      self.selectHandlePopupShow = false;
+      self.selectUserPopupShow = false;
+    },
+    handleAssigneeSelectResult(checkResult) {
+      console.log('Selected result:', checkResult);
+      this.nextNodeProcessedData[this.nextNodeHandleIndex].assignee.id = checkResult[0].userId;
+      this.nextNodeProcessedData[this.nextNodeHandleIndex].assignee.name = checkResult[0].userName;
+      if (!this.nextNodePopupShow){
+        this.handleSelect('select')
+      }
+      this.selectUserPopupShow = false;
     },
     selectOrganizeHandle(handle, checkedNodes) {
       if (handle === 'select') {
@@ -950,13 +1635,22 @@ export default {
       }
       this.selectOrganizePopupShow = false
     },
-    selectUserHandle(checkResult) {
+    selectCandUserHandle(checkResult) {
       this.nextNodeProcessedData[this.nextNodeHandleIndex].candidateGroups.users =
           checkResult.map(item => ({
             name: item.userName,
             id: item.userId,
           }));
+      if (!this.nextNodePopupShow){
+        this.handleSelect('select')
+      }
       this.selectUserPopupShow = false;
+      this.selectCandUserPopupShow = false;
+    },
+    selectRejectUserHandle(checkResult) {
+      this.rejectUsers.name = checkResult.map(item => item.userName).join(',')
+      this.rejectUsers.id = checkResult.map(item => item.userId).join(',')
+      this.selectRejectUserPopupShow = false;
     },
     selectPositionHandle(handle, result) {
       if (handle === 'select') {
@@ -980,12 +1674,33 @@ export default {
     },
   },
   activated() {
-    this.updateActiveTab();
+    if (!this.activeFirstTab) {
+      this.updateActiveTab();
+    }
   },
   mounted() {
     this.initData()
     // 默认选中最后一个tab页
-    this.updateActiveTab();
+    if (!this.activeFirstTab) {
+      this.updateActiveTab();
+    }
+  },
+  watch: {
+    targetTaskNodeProcessControl(val) {
+      const self = this
+      if (self.handleButtons && self.handleButtons.includes('rejectProcessControl')) {
+        if (val == 'inSequence') {
+          self.showProcessControl = false
+          return
+        }
+        self.getProcessAttributes(val)
+      }
+    },
+    selectReductionUserPopupShow(newVal) {
+      if (newVal) {
+        this.reductionUsers = [];
+      }
+    }
   }
 
 };
@@ -994,6 +1709,10 @@ export default {
 <style scoped>
 @import 'styles/global.css';
 
+::v-deep .van-tabs__content {
+  background: #f7f8fa;
+}
+
 ::v-deep .van-collapse-item__content {
   padding: 0 0;
 }
@@ -1010,6 +1729,7 @@ export default {
 ::v-deep .van-tab--active .van-tab__text {
   color: #3478f6; /* 设置激活状态下的文字颜色为蓝色 */
   font-size: 16px; /* 增大激活状态下的字体大小 */
+  font-weight: bold;
 }
 
 ::v-deep .van-tabs__line {
@@ -1052,42 +1772,21 @@ export default {
   background-color: #1989fa;
 }
 
-.title-info {
-  font-weight: bold;
-  font-size: 14px;
-  padding: 20px 10px;
+.disagree {
+  color: #fff;
+  background: linear-gradient(90deg, #ff4d4f, #f5222d);
+  border-radius: 9px;
+  margin: 0 20px;
 }
 
-.completed-icon {
-  width: 45px; /* 自定义宽度 */
-  height: 45px; /* 自定义高度 */
-  background-clip: padding-box; /* 使背景不填充边框 */
-
-  border-radius: 50%;
-  margin-right: 15px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: linear-gradient(90deg, #0096FF, #1677FF);
-  border: 5px solid rgb(229, 244, 255); /* 半透明边框，颜色和背景色相同 */
+.disagree:active {
+  background-color: #ff7875;
 }
 
-.pending-icon {
-  width: 45px; /* 自定义宽度 */
-  height: 45px; /* 自定义高度 */
-  background-clip: padding-box; /* 使背景不填充边框 */
-
-  border-radius: 50%;
-  margin-right: 15px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: linear-gradient(90deg, #FF7E00, #FFA200);
-  border: 5px solid rgb(255, 245, 229); /* 半透明边框，颜色和背景色相同 */
+.title-info {
+  font-weight: bold;
+  font-size: 14px;
+  padding: 20px 10px;
 }
 
 .info-icon {
@@ -1156,10 +1855,11 @@ export default {
   font-size: 15px;
 }
 
-.table-row {
+.table-row, .reject-attribute  {
   display: flex;
   border-bottom: 1px solid #ebedf0;
   font-size: 14px;
+  padding-left: 5px;
 }
 
 .table-header > div,
@@ -1173,6 +1873,14 @@ export default {
   border-bottom: none;
 }
 
+.reject-attribute > div {
+  padding: 10px 10px 10px 5px;
+}
+.reject-attribute .van-radio {
+  padding: 5px;
+  justify-content: flex-start !important;
+}
+
 .van-radio {
   justify-content: center;
 }