@lambo-design/workflow-approve 1.0.0-beta.9 → 1.0.0-beta.91

package/src/portrait.vue

@@ -1,1051 +1,2173 @@
-<template>
-  <LamboPageContainer>
-    <template slot="page-title">
-      {{ title }}
-    </template>
-    <template slot="page-extend">
-      <slot name="return-button"></slot>
-    </template>
-    <div class="portrait-lambo-indicator-card" :style="{float: 'left', width: isExpanded ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
-      <slot name="business-content">
-      </slot>
-    </div>
-
-    <a @click="isExpanded = !isExpanded" class="arrow-button-container" :style="{right: isExpanded ? portraitWidth+10 + 'px' : '10px'}">
-      <Icon class="icon-class" v-if="isExpanded" type="ios-arrow-forward"/>
-      <Icon class="icon-class" v-if="!isExpanded" type="ios-arrow-back"/>
-    </a>
-    <transition name="draw" @before-enter="beforeFlowInfoEnter" @enter="flowInfoEnter"
-                @before-leave="beforeFlowInfoLeave" @leave="flowInfoLeave">
-      <lamboIndicatorCard  v-if="isExpanded" class="portrait-lambo-indicator-card" :style="{width: portraitWidth + 'px', float: 'right'}" :hasExtend="false">
-        <div slot="content-title">流程信息</div>
-        <a v-if="!isDetail" @click="auditShow = !auditShow">
-          <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"/>
-              审批信息
-            </a>
-          </Title>
-        </a>
-        <transition v-if="!isDetail" name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
-          <div class="box" v-show="auditShow">
-            <Form ref="auditOpinion" justify="center" :label-width="100" :model="form"
-                  v-if="!handleButtons || handleButtons.includes('auditOpinion')"
-                  style="margin: 10px 0 0 10px;" :rules="ruleValidate">
-              <FormItem label="审批意见：" prop="auditOpinion" >
-                <AuditOpinion v-model="form.auditOpinion" :attachment-file="handleButtons.includes('attachmentFile')"
-                              :attachmentdata="fileList" :smart-flow-server-context="smartFlowServerContext"></AuditOpinion>
-              </FormItem>
-            </Form>
-            <Form ref="auditOpinion" justify="center" :label-width="100"
-                  v-if="handleButtons && !handleButtons.includes('auditOpinion') && handleButtons.includes('attachmentFile')"
-                  style="margin: 10px 0 0 10px;">
-              <FormItem style="min-height: 70px">
-                <Tooltip placement="bottom" max-width="200">
-                  <div style="font-size: smaller" slot="content">支持扩展名：.pdf .doc .docx .txt .xls .xlsx .jpg .jpeg .png .gif</div>
-                  <UploadFile @upload-result="uploadFile" :multiple="true"
-                              :oss-server-context="smartFlowServerContext" :oss-file-put-url="ossFilePutUrl"></UploadFile>
-                </Tooltip>
-              </FormItem>
-            </Form>
-          </div>
-        </transition>
-        <a v-if="isDetail && hisAuditOpinion[0].auditOpinion" @click="auditShow = !auditShow">
-          <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"/>
-            审批信息
-            </a>
-          </Title>
-        </a>
-        <transition v-if="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"
-                  v-if="!handleButtons || handleButtons.includes('auditOpinion')"
-                  style="margin: 10px 0 0 10px;" :rules="ruleValidate">
-              <FormItem style="margin-left: -60px">
-                <Card v-for="(item, index) in hisAuditOpinion" :key="index">
-                  <Row>
-                    <Col span="12" style="word-wrap: break-word">{{ item.auditOpinion }}</Col>
-                    <Col span="2"></Col>
-                    <Col span="10">{{ item.auditTime }}</Col>
-                  </Row>
-                </Card>
-              </FormItem>
-            </Form>
-          </div>
-        </transition>
-        <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"/>
-              审批记录
-            </a>
-          </Title>
-        </a>
-        <transition name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
-          <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"
-                              :smart-flow-server-context="smartFlowServerContext"></processHistory>
-            </Card>
-          </div>
-        </transition>
-
-        <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"/>
-              查看附件
-            </a>
-          </Title>
-        </a>
-        <transition name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
-          <div class="box" v-show="(!handleButtons || handleButtons.includes('attachmentFile')) && attachmentList.length > 0 && attachListShow">
-            <div v-for="(item, index) in attachmentList" :key="index">
-              <Card dis-hover class="attach-card">
-                <List item-layout="vertical">
-                  <ListItem style="margin-top: -8px">
-                    <Row style="display: flex; align-items: center;">
-                      <!-- 左边：图片 -->
-                      <Col span="4" style="margin-top: -25px">
-                        <avatar v-if="item.fileType === 'image'" icon="ios-image-outline" class="attach-avatar" style="background-color: #005aff" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
-                                :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else-if="item.fileType === 'doc'" icon="ios-document-outline" class="attach-avatar" style="background-color: #005aff" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
-                                :size="portraitWidth >= 600 ? 'middle' : 'small'">
-                        </avatar>
-                        <avatar v-else-if="item.fileType === 'xlsx'" icon="ios-document-outline" class="attach-avatar" style="background-color: #19be6b" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
-                                :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else-if="item.fileType === 'pdf'" icon="ios-document-outline" class="attach-avatar" style="background-color: #ed4014" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
-                                :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else icon="ios-document-outline" class="attach-avatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
-                                :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                      </Col>
-                      <!-- 右边：附件信息 -->
-                      <Col span="20">
-                        <Row>
-                          <tooltip>
-                            <span class="attach-name-style"> {{ item.attachName }}</span>
-                            <div slot="content" style="white-space: normal"> {{ item.attachName }}</div>
-                          </tooltip>
-                        </Row>
-                        <Row style="margin-top: 3px">
-                          <span style="color: #005aff; font-size: 13px;">{{ item.uploadUserName }}</span>
-                          <Divider style="background-color:#808695;height: 1em;margin: 4px 9px 0 6px;"
-                                   type="vertical"/>
-                          <span style="color: #808695;font-size: 13px"
-                          >{{ showTaskNode(item.taskId) }}</span>
-                        </Row>
-                        <Row style="margin-bottom: -10px; margin-top: 10px">
-                          <template>
-                            <Button @click="getAttach(item)" size="small">下载</Button>
-                            <Button v-if="item.showPreview" ghost type="primary" @click="preViewAttach(item)"
-                                    style="margin-left: 10px" size="small">预览
-                            </Button>
-                          </template>
-                        </Row>
-                      </Col>
-                    </Row>
-
-                  </ListItem>
-                </List>
-              </Card>
-            </div>
-          </div>
-        </transition>
-        <Modal title="查看附件" v-model="modalVisible" fullscreen scrollable :mask="false">
-          <img :src="imageUrl" v-if="modalVisible"  alt="" style="width: 100%">
-          <div slot="footer">
-            <Button type="primary" @click="modalVisible = false">关闭</Button>
-          </div>
-        </Modal>
-        <Modal title="查看附件" v-model="modalDocx" fullscreen scrollable :mask="false">
-          <div ref="file" ></div>
-        </Modal>
-        <Modal v-model="modal1" title="选择节点"
-               @on-cancel="cancel"
-               @on-ok="ok">
-          <Table border
-                 :data="allNode"
-                 :columns="nodeColumn"
-                 highlight-row
-                 @on-current-change="selectNode">
-          </Table>
-        </Modal>
-        <assigneeBox ref="assigneeHelpBox" :executionCompleted="executionCompleted" @update-selected="handleSelectedUser"
-                     :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"
-                          :tableData="process.tableData" :hisAudit="hisAudit"
-                          :smart-flow-server-context="smartFlowServerContext">
-          </Workflow_Diagram>
-        </Modal>
-      </lamboIndicatorCard>
-    </transition>
-    <template slot="page-footer">
-      <div>
-        <slot name="footer-button"></slot>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo70')) && !isDetail"
-                :disabled="disable" :loading="loading" @click="audit('70')">驳回到原点
-        </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo40')) && !isDetail"
-                :disabled="disable" :loading="loading" @click="audit('40')">驳回到上一级
-        </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo90')) && !isDetail"
-                :disabled="disable" :loading="loading" @click="audit('90')">驳回指定节点
-        </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo80')) && !isDetail"
-                :disabled="disable" :loading="loading" @click="audit('80')">跳转指定节点
-        </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo82')) && !isDetail"
-                :disabled="disable" :loading="loading" @click="audit('82')">指定他人处理
-        </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo50')) && !isDetail"
-                :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"
-                :disabled="disable" :loading="loading" type="primary" @click="audit('30')">通过
-        </Button>
-      </div>
-    </template>
-  </LamboPageContainer>
-</template>
-
-
-<script>
-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 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');
-
-
-export default {
-  props: {
-    isDetail: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    width: {
-      type: Number,
-      required: false,
-      default: 400
-    },
-    procId: {
-      type: String,
-      required: true,
-    },
-    taskNode: {
-      type: String,
-      required: true,
-    },
-    applyId: {
-      type: String,
-      required: true,
-    },
-    //业务表单保存方法
-    businessFormSave: {
-      type: Function,
-      required: false
-    },
-    //按钮执行完毕回调方法
-    executionCompleted: {
-      type: Function,
-      required: false,
-    },
-    title:{
-      type: String,
-      default: "流程办理"
-    },
-    smartFlowServerContext: {
-      type: String,
-      default: '/api/smart-flow-server',
-    },
-    upmsServerContext: {
-      type: String,
-      default: '/api/upms-server',
-    },
-  },
-  components: {
-    Title,
-    LamboPageContainer,
-    Workflow_Diagram,
-    processHistory,
-    assigneeBox,
-    LamboPagingTable,
-    AuditOpinion,
-    LamboIndicatorCard,
-    UploadFile
-  },
-  data() {
-    return {
-      isExpanded: true,
-      portraitWidth: 0,
-      requestSuccessCodes: [200, "200"],
-      auditShow: true,
-      historyShow: true,
-      attachListShow: true,
-      attachmentList: [],
-      modalVisible: false,
-      modalDocx: false,
-      imageUrl: '',
-      assigneeBoxData: {},
-      selectedUserId: '',
-      targetTaskNode: '',
-      allNode: [],
-      auditParams: {},
-      modal1: false,
-      modalBoxShow: false,
-      hisNode: [],
-      processHistory: [],
-      ruleValidate: {
-        auditOpinion: [{required: true, trigger: "blur", message: "审批意见不能为空"}]
-      },
-      form: {
-        auditOpinion: '',
-      },
-      loading: false,
-      disable: false,
-      instanceId: '',
-      taskId: '',
-      handleButtons: [],
-      auditResult: '',
-      custChange: 'auditInfo',
-      auditInfo: "auditInfo",
-      auditProcess: "auditProcess",
-      fileList: [],
-      ossFilePutUrl: '/manage/oss/file/put',
-      hisAudit: [],
-      hisAuditOpinion: [{
-        auditOpinion: '',
-        auditTime: '',
-      }],
-      datas: {
-        orgName: "",
-        orgId: ""
-      },
-      editForm: {
-        approvalCost: '',
-        cost: '',
-        activityDate: []
-      },
-      process: {
-        tableData: [],
-        instanceId: '',
-        applyId: '',
-        procId: ''
-      },
-      handleButtonsNames: {
-        '30': '同意',
-        '70': '驳回原点',
-        '40': '驳回上一节点',
-        '90': '驳回指定节点',
-        '80': '跳转指定节点',
-        '82': '转办',
-        '50': '人工终止'
-      },
-    }
-
-  },
-
-  mounted() {
-    this.getWidth()
-    if (this.procId){
-      this.initData()
-    }
-
-  },
-  computed: {
-    processHistoryHeight(){
-      let str = '';
-      const hasAuditOpinion = !this.handleButtons || this.handleButtons.includes('auditOpinion')
-      const hasAttachmentFile = (!this.handleButtons || this.handleButtons.includes('attachmentFile')) && this.attachmentList.length > 0
-      const isDetail = this.isDetail && this.hisAuditOpinion[0].auditOpinion
-      if (hasAuditOpinion && !hasAttachmentFile && !isDetail){
-        str+= "height: 43vh"
-      } else if (hasAuditOpinion && hasAttachmentFile && !isDetail){
-        str+= "height: 40vh"
-      } else {
-        str+= "height: 60vh"
-      }
-      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: '节点状态', key: 'auditResult', minWidth: 150, align: 'center', fixed: 'left',
-        render: (h, params) => {
-          if (params.row.taskNode == this.taskNode) {
-            return h('div', [
-              h('tag', {
-                props: {
-                  color: '#ff9900'
-                }
-              }, '当前节点')
-            ])
-          } else if (!params.row.auditResult) {
-            return h('div', [
-              h('tag', {
-                props: {
-                  color: '#ff9900'
-                }
-              }, '未审批')
-            ])
-          } else {
-            if (params.row.auditResult == '30' && params.row.taskNode != this.taskNode) {
-              return h('div', [
-                h('tag', {
-                  props: {
-                    color: '#19be6b'
-                  }
-                }, '已审批通过')
-              ])
-            } else if (params.row.auditResult == '40' && params.row.taskNode != this.taskNode) {
-              return h('div', [
-                h('tag', {
-                  props: {
-                    color: '#ed4014'
-                  }
-                }, '已驳回到上一节点')
-              ])
-            } else if (params.row.auditResult == '60' && 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', {
-                  props: {
-                    color: '#19be6b'
-                  }
-                }, '已跳转到指定节点')
-              ])
-            } else if (params.row.auditResult == '80' && params.row.taskNode != this.taskNode) {
-              return h('div', [
-                h('tag', {
-                  props: {
-                    color: '#19be6b'
-                  }
-                }, '已驳回到指定节点')
-              ])
-            }
-          }
-        }
-      })
-      column.push({
-        title: "操作", width: 100, align: 'center',
-        render: (h, params) => {
-          return h('div', [
-            h('Button', {
-              props: {
-                type: 'primary',
-                size: 'small'
-              },
-              style: {
-                marginRight: '5px'
-              },
-              on: {
-                click: () => {
-                  this.selectNode(params.row)
-                }
-              }
-            }, '选择')
-          ])
-        },
-      })
-      return column
-    },
-
-  },
-  provide() {
-    return {
-      toBeDoneListDoSearch: this.doSearch
-    };
-  },
-  methods: {
-    getWidth() {
-      if (this.width && this.width < 400) {
-        this.portraitWidth = 400
-      }
-      this.portraitWidth = this.width
-    },
-    initData(){
-      this.getAttachList()
-      if (!this.isDetail){
-        this.getTodoTaskId()
-      } else {
-        this.getDoneTaskId()
-      }
-      this.getHandleButtons()
-      this.getHisAudit();
-      this.getProcessHistory();
-    },
-    saveBusinessForm() {
-      this.businessFormSave(() => {
-      })
-    },
-    getAttachList() {
-      const self = this
-      const param = {
-        procId: this.procId,
-        applyId: this.applyId
-      }
-      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 fileType = item.fileName.substr(index + 1).toLowerCase()
-          const imageList = ['jpg', 'gif', 'png', 'svg']
-          const docList = ['doc', 'docx']
-          const zipList = ['rar', 'zip']
-          const typeList = ['jpg', 'gif', 'png', 'docx']
-          item.fileType = imageList.indexOf(fileType) !== -1 ? 'image' : docList.indexOf(fileType) !== -1 ? 'doc' : zipList.indexOf(fileType) !== -1 ? 'zip' : fileType
-          item.showPreview = typeList.indexOf(fileType) !== -1
-        })
-      }).catch(err => {
-        console.log(err);
-      })
-    },
-    getTodoTaskId() {
-      const self = this
-      let param = {
-        procId: this.procId,
-        applyId: this.applyId,
-        taskNode:this.taskNode
-      }
-      ajax.get(self.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (resp) {
-        if (resp.data.code === '200') {
-          self.taskId = resp.data.data.rows[0].taskId
-          self.instanceId = resp.data.data.rows[0].procInstanceId
-        } else {
-          self.$Message.error(resp.data.message)
-        }
-      }).catch((err) => {
-        console.log(err)
-      })
-    },
-    getDoneTaskId() {
-      const self = this
-      let param = {
-        procId: this.procId,
-        applyId: this.applyId,
-        taskNode:this.taskNode
-      }
-      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) {
-            self.hisAuditOpinion = []
-            let taskList = resp.data.data.rows
-            taskList.forEach(item => {
-              self.hisAuditOpinion.push({
-                auditOpinion: item.auditComment,
-                auditTime: timestampToTime(item.auditDate)
-              })
-            })
-            self.taskId = taskList[0].taskId
-            self.instanceId = taskList[0].procInstanceId
-          } else {
-            ajax.get(self.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (todoResp) {
-              if (todoResp.data.code === '200') {
-                self.taskId = todoResp.data.data.rows[0].taskId
-                self.instanceId = todoResp.data.data.rows[0].procInstanceId
-              } else {
-                self.$Message.error(todoResp.data.message)
-              }
-            }).catch((err) => {
-              console.log(err)
-            })
-          }
-        } else {
-          self.$Message.error(resp.data.message)
-        }
-      }).catch((err) => {
-        console.log(err)
-      })
-    },
-    getHandleButtons() {
-      const self = this
-      let param = {
-        procId: this.procId,
-        taskNode: this.taskNode
-      }
-      ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
-        if (resp.data.code === '200') {
-          self.handleButtons = resp.data.data[0].handleButtons
-        } else {
-          self.$Message.error(resp.data.message)
-        }
-      }).catch((err) => {
-        console.log(err)
-      })
-    },
-    handleSaveResult(saveResult) {
-      if (saveResult) {
-        this.executeButtonAction((execResult, instanceId, taskId) => {
-          if (this.executionCompleted) {
-            this.executionCompleted(execResult, instanceId, taskId);
-          }
-        });
-      } else {
-        console.error('保存失败');
-      }
-    },
-    executeButtonAction(callback) {
-      const self = this;
-      if (self.auditResult == '82') {
-        self.assigneeBoxData = self.auditParams
-        self.$refs.assigneeHelpBox.toggleShowHelpBox();
-      } 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'
-        ajax.post(url, self.auditParams).then(function (resp) {
-          let result = resp.data
-          if (result.code == '30010') {
-            self.$Modal.confirm({
-              title: "提示",
-              content: result.message,
-              onOk: () => {
-                self.auditParams.auditResult = '70'
-                let url = self.smartFlowServerContext + '/manage/processTodo/audit'
-                ajax.post(url, self.auditParams).then(function (resp) {
-                  let result = resp.data
-                  if (result.code == '200') {
-                    self.loading = false
-                    self.disable = false
-                    self.$Message.success(result.message);
-                    //后端没有返回数据
-                    callback(true, null, null);
-                    bus.$emit('triggerTimer')
-                  } else {
-                    self.loading = false
-                    self.disable = false
-                    self.$Message.error(result.message)
-                    callback(false, null, null);
-                  }
-                  bus.$emit('triggerTimer')
-                })
-              },
-              onCancel: () => {
-                self.loading = false
-                self.disable = false
-              }
-            })
-          } else {
-            self.loading = true
-            self.disable = true
-            let url = self.smartFlowServerContext + '/manage/processTodo/audit'
-            ajax.post(url, self.auditParams).then(function (resp) {
-              let result = resp.data
-              if (result.code == '200') {
-                self.loading = false
-                self.disable = false
-                self.$Message.success(result.message);
-                if (result.data){
-                  callback(true, result.data.processInstanceId, result.data.id)
-                }else {
-                  callback(true, null, null)
-                }
-              } else {
-                self.loading = false
-                self.disable = false
-                self.$Message.error(result.message)
-                callback(false, null, null);
-              }
-              bus.$emit('triggerTimer')
-            })
-          }
-        })
-      } else {
-        self.loading = true
-        self.disable = true
-        let url = self.smartFlowServerContext + '/manage/processTodo/audit'
-        ajax.post(url, self.auditParams).then(function (resp) {
-          let result = resp.data
-          if (result.code == '200') {
-            self.loading = false
-            self.disable = false
-            if (result.data){
-              callback(true, result.data.processInstanceId, result.data.id)
-            }else {
-              callback(true, null, null)
-            }
-            self.$Message.success(result.message);
-          } else if (result.code == '20002') {
-            // 流程结束
-            self.loading = false
-            self.disable = false
-            callback(true, null, null)
-            self.$Message.success(result.message)
-          } else {
-            self.loading = false
-            self.disable = false
-            callback(false, null, null)
-            self.$Message.error(result.message)
-          }
-          bus.$emit('triggerTimer')
-        })
-
-      }
-    },
-
-    doSearch() {
-      //不需要实现，是子组件assigneeBox要求使用父组件的这个方法
-    },
-    tabsChange(tab) {
-      console.log(tab)
-    },
-    audit: function (auditResult) {
-      let self = this
-      self.auditResult = auditResult
-      self.submit()
-    },
-    getAttach(row) {
-      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);
-      } else if (regs.test(row.fileName)) {
-        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}) => {
-            docx.renderAsync(data, this.$refs.file, null, {
-              className: "docx", //默认和文档样式类的类名/前缀
-              inWrapper: true, //启用围绕文档内容呈现包装器
-              ignoreWidth: false, //禁用页面的渲染宽度
-              ignoreHeight: false, //禁用页面的渲染高度
-              ignoreFonts: false, //禁用字体渲染
-              breakPages: true, //在分页符上启用分页
-              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页
-              experimental: false, //启用实验功能（制表符停止计算）
-              trimXmlDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明
-              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL
-              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。
-              showChanges: false, //启用文档更改的实验渲染（插入/删除）
-              debug: false, //启用额外的日志记录
-            })
-          }
-        )
-      }
-    },
-    imgPreview(url) {
-      this.imageUrl = url;
-      this.modalVisible = true;
-    },
-    submit() {
-      let self = this;
-
-      self.auditParams = {
-        procId: self.procId,
-        applyId: self.applyId,
-        taskId: self.taskId,
-        auditOpinion: self.form.auditOpinion,
-        fileListStr: JSON.stringify(self.fileList),
-        auditResult: self.auditResult,
-        params: JSON.stringify(self.datas),
-        targetTaskNode: self.targetTaskNode,
-        selectedUserId: self.selectedUserId,
-      }
-      if (self.auditResult == '' || self.auditResult == null) {
-        self.$Message.error("请选择审批结果！");
-        return;
-      }
-      if (self.form.auditOpinion == '' || self.form.auditOpinion == null) {
-        if (!self.handleButtons || self.handleButtons.includes('auditOpinion')) {
-          self.$Message.error("请输入审批意见！")
-          return;
-        } else {
-          self.auditParams.auditOpinion = self.handleButtonsNames[self.auditResult];
-        }
-      }
-
-      self.businessFormSave ? self.businessFormSave(self.handleSaveResult) : self.handleSaveResult(true)
-    },
-
-    //打印流程图信息
-    processPrint() {
-      let self = this
-      let params = {
-        applyId: self.applyId,
-        instanceId: self.instanceId,
-        procId: self.procId,
-        taskId: self.taskId,
-      }
-      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
-          self.process.tableData = tableData
-          self.process.applyId = self.applyId
-          self.process.instanceId = self.instanceId
-          self.process.procId = self.procId
-          self.datas.orgId = tableData[0].orgId
-          self.datas.orgName = tableData[0].orgName
-          self.modalBoxShow = true
-        }
-      })
-    },
-
-    pageGoBack() {
-      bus.$emit('triggerTimer')
-      window.history.back()
-    },
-
-    getHisAudit() {
-      let self = this
-      let params = {
-        applyId: self.applyId,
-        instanceId: self.instanceId,
-        procId: self.procId,
-        taskId: self.taskId
-      }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getHisAudit', {params: params}).then(function (resp) {
-        if (resp.data.code === '200') {
-          self.hisAudit = resp.data.data
-          let uniqueDataMap = {};
-          self.hisAudit.forEach((item) => {
-            uniqueDataMap[item["taskNode"]] = item;
-          })
-          self.hisNode = Object.values(uniqueDataMap);
-
-        }
-      })
-    },
-    showTaskNode(taskId) {
-      if (this.processHistory.length > 0) {
-        let task = null
-        this.processHistory.some(itemList => {
-          task = itemList.find(item => item.taskId === taskId);
-          return task !== undefined;
-        });
-        return task ? task.taskName : ''
-      }
-      return ''
-    },
-    getProcessHistory() {
-      let self = this
-      let params = {
-        applyId: self.applyId,
-        instanceId: self.instanceId,
-        procId: self.procId,
-        taskId: self.taskId
-      }
-      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessHis', {params: params}).then(function (resp) {
-        if (resp.data.code === '200') {
-          self.processHistory = resp.data.data
-        }
-      })
-    },
-    cancel() {
-      this.modal = false
-      this.auditResult = '';
-    },
-    ok() {
-      this.modal = false
-      if (this.targetTaskNode == '' || this.targetTaskNode == null) {
-        this.auditResult = '';
-        this.$Message.error("请选择审批节点！");
-      } else {
-        let self = this;
-
-        self.auditParams = {
-          procId: self.procId,
-          applyId: self.applyId,
-          taskId: self.taskId,
-          auditOpinion: self.form.auditOpinion,
-          fileListStr: JSON.stringify(self.fileList),
-          auditResult: self.auditResult,
-          params: JSON.stringify(self.datas),
-          targetTaskNode: self.targetTaskNode,
-          selectedUserId: self.selectedUserId,
-        }
-        self.loading = true
-        self.disable = true
-
-        let url = self.smartFlowServerContext + '/manage/processTodo/audit'
-        ajax.post(url, self.auditParams).then(function (resp) {
-          let result = resp.data
-          if (result.code === '200') {
-            setTimeout(() => {
-              self.loading = false
-              self.disable = false
-              self.$Message.success("审批成功");
-              if (self.executionCompleted) {
-                self.executionCompleted(true, result.data.processInstanceId, result.data.id);
-              }
-              bus.$emit('triggerTimer')
-            }, 500)
-          } else {
-            self.loading = false
-            self.disable = false
-            self.$Message.error(result.message)
-            if (self.executionCompleted) {
-              self.executionCompleted(false, null, null);
-            }
-          }
-        })
-      }
-    },
-    selectNode(currentRow, oldCurrentRow) {
-      let self = this
-      self.targetTaskNode = currentRow.taskNode
-    },
-    getAllPreNodes() {
-      let self = this
-      let params = {
-        processDefId: self.procId,
-        taskId: self.taskId,
-      }
-      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
-            self.modal1 = true
-          }else {
-            self.$Message.warning('当前流程无前序节点')
-          }
-        } else {
-          self.$Message.error(resp.data.message)
-        }
-      })
-    },
-    getNodesBehind() {
-      let self = this
-      let params = {
-        processDefId: self.procId,
-        taskId: self.taskId,
-      }
-      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
-            self.modal1 = true
-          }else {
-            self.$Message.warning('当前流程无后续节点')
-          }
-        } else {
-          self.$Message.error(resp.data.message)
-        }
-      })
-    },
-    handleSelectedUser(userId) {
-      this.selectedUserId = userId;
-    },
-
-    //折叠动画效果
-    beforeEnter(el) {
-      el.style.height = '0';
-    },
-    enter(el, done) {
-      setTimeout(() => {
-        el.style.height = el.scrollHeight + 'px';
-      }, 0);
-
-      el.addEventListener('transitionend', done);
-    },
-    beforeLeave(el) {
-      el.style.height = el.scrollHeight + 'px';
-    },
-    leave(el, done) {
-      setTimeout(() => {
-        el.style.height = '0';
-      }, 0);
-
-      el.addEventListener('transitionend', done);
-    },
-
-    beforeFlowInfoEnter(el) {
-      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);
-    },
-    beforeFlowInfoLeave(el) {
-      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);
-    },
-    uploadFile(file){
-      const self = this;
-      self.fileList = []
-      file.forEach(item => {
-        self.fileList.push({
-          fileName: item.fileName,
-          fileId: item.fileCode,
-        });
-      })
-    },
-  },
-  watch: {
-    auditOpinionText(label) {
-      this.form.auditOpinion = label;
-    },
-    procId(val) {
-      this.procId = val;
-      this.initData()
-    },
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import "./styles/css/index.less";
-/deep/ .ivu-table-row-highlight td {
-  background-color: #50c1ff !important;
-  color: #fff !important;
-}
-/deep/ .ivu-card-body{
-  padding: 10px;
-}
-.page-info /deep/ .page-body{
-  overflow-y: hidden;
-}
-</style>
+<template>
+  <LamboPageContainer style="overflow: hidden">
+    <template slot="page-title">
+      <Tabs v-if="processTraceInTab" value="business" @on-click="changeTab">
+        <TabPane :label="title" name="business"></TabPane>
+        <TabPane label="流程跟踪" name="processTrace"></TabPane>
+      </Tabs>
+      <span v-else>{{ title }}</span>
+    </template>
+    <template slot="page-extend">
+      <slot name="return-button"></slot>
+    </template>
+
+    <!--  横版  -->
+    <div v-if="inHorizontal && currentTab === 'business'" class="workflow-inHorizontal-content" style="display: flex; flex-direction: column; height: 100%; right: 0; left: 0">
+      <!--   业务内容区插槽   -->
+      <div class="portrait-lambo-indicator-card" :style="{height: `${soltHeight}px`}">
+        <slot name="business-content"></slot>
+      </div>
+
+      <!--   流程信息区   -->
+      <div
+          v-if="openProcessInfo"
+          class="resizable-container"
+          :style="{
+        height: `${currentHeight}px`,
+        maxHeight: `${maxHeight}px`,
+        minHeight: `${minHeight}px`,
+      }">
+        <div
+            class="resizer"
+            @mousedown="startDrag"
+            :class="{ 'resizing': isResizing }">
+          <div class="resizer-handle"></div>
+        </div>
+
+        <div class="resizable-content portrait-lambo-indicator-card">
+          <div class="process-info-header">
+            <span style="flex: 1">流程信息</span>
+            <Icon type="md-remove" @click="changeShowHeight('reduce')" class="process-info-header-icon"/>
+            <Icon type="md-expand" @click="changeShowHeight('amplify')" class="process-info-header-icon"/>
+            <Icon type="md-refresh" @click="changeShowHeight('refresh')" class="process-info-header-icon"/>
+          </div>
+          <ProcessInfo ref="processInfo" v-show="openProcessInfo"
+                       v-model="form.auditOpinion"
+                       :apply-id="applyId"
+                       :task-node="taskNode"
+                       :proc-id="procId"
+                       :task-id="curTaskId"
+                       :is-detail="isDetail"
+                       :default-audit-opinion="defaultAuditOpinion"
+                       :push-button="pushButton"
+                       :in-horizontal="inHorizontal"
+                       :handle-name="handleName"
+                       :handle-buttons="handleButtons"
+                       :process-history="processHistory"
+                       :portrait-width="portraitWidth"
+                       :smart-flow-server-context="smartFlowServerContext"
+                       @upload-file="uploadFile"/>
+        </div>
+      </div>
+      <div v-else>
+        <div class="process-info-hidden-header">
+          <span style="flex: 1">流程信息</span>
+          <Icon type="md-remove" @click="changeShowHeight('reduce')" class="process-info-header-icon"/>
+          <Icon type="md-expand" @click="changeShowHeight('amplify')" class="process-info-header-icon"/>
+          <Icon type="md-refresh" @click="changeShowHeight('refresh')" class="process-info-header-icon"/>
+        </div>
+      </div>
+    </div>
+
+    <div ref="processTraceTab" v-if="inHorizontal && currentTab === 'processTrace'">
+      <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId" :key="currentTab"
+                        :procId="process.procId" :table-columns="diagramTableColumns" :scroll-element="scrollElement"
+                        :tableData="process.tableData" :hisAudit="hisAudit"
+                        :approve-detail-show-way="approveDetailShowWay"
+                        :smart-flow-server-context="smartFlowServerContext">
+      </Workflow_Diagram>
+    </div>
+
+    <!--  竖版  -->
+    <div v-if="!inHorizontal" class="portrait-lambo-indicator-card"
+         :style="{paddingBottom: '50px', position: 'absolute', top: '55px', height: 'calc(100% - 50px)', left: '0', width: isExpanded && showProcessInfo ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
+      <!--   业务内容区插槽   -->
+      <slot v-if="currentTab === 'business'" name="business-content"></slot>
+      <div ref="processTraceTab" v-if="currentTab === 'processTrace'">
+        <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId" :key="currentTab"
+                          :procId="process.procId" :table-columns="diagramTableColumns" :scroll-element="scrollElement"
+                          :tableData="process.tableData" :hisAudit="hisAudit"
+                          :approve-detail-show-way="approveDetailShowWay"
+                          :smart-flow-server-context="smartFlowServerContext">
+        </Workflow_Diagram>
+      </div>
+    </div>
+    <!--   流程信息区   -->
+    <a v-if="showProcessInfo && !inHorizontal" @click="isExpanded = !isExpanded" class="arrow-button-container"
+       :style="{right: isExpanded ? portraitWidth+10 + 'px' : '10px'}">
+      <Icon class="icon-class" v-if="isExpanded" type="ios-arrow-forward"/>
+      <Icon class="icon-class" v-if="!isExpanded" type="ios-arrow-back"/>
+    </a>
+    <transition style="position: relative; overflow-x: hidden" v-if="showProcessInfo && !inHorizontal" name="draw" @before-enter="beforeFlowInfoEnter" @enter="flowInfoEnter"
+                @before-leave="beforeFlowInfoLeave" @leave="flowInfoLeave">
+      <lamboIndicatorCard v-show="isExpanded" class="portrait-lambo-indicator-card"
+                          :style="{width: portraitWidth + 'px', paddingBottom: '50px', position: 'absolute', top: '55px', right: '0', height: 'calc(100% - 50px)'}" :hasExtend="false">
+        <div slot="content-title">流程信息</div>
+        <ProcessInfo ref="processInfo"
+                     v-model="form.auditOpinion"
+                     :apply-id="applyId"
+                     :task-node="taskNode"
+                     :proc-id="procId"
+                     :task-id="curTaskId"
+                     :is-detail="isDetail"
+                     :default-audit-opinion="defaultAuditOpinion"
+                     :push-button="pushButton"
+                     :in-horizontal="inHorizontal"
+                     :handle-name="handleName"
+                     :handle-buttons="handleButtons"
+                     :process-history="processHistory"
+                     :portrait-width="portraitWidth"
+                     :smart-flow-server-context="smartFlowServerContext"
+                     @upload-file="uploadFile"/>
+      </lamboIndicatorCard>
+    </transition>
+
+    <!--  节点跳转选择弹框  -->
+    <Modal v-model="modal1" title="选择节点"
+           @on-cancel="cancel"
+           @on-ok="doJump">
+      <Table border
+             :data="allNode"
+             :columns="nodeColumn"
+             highlight-row
+             @on-current-change="selectNode">
+      </Table>
+      <Card v-if="showProcessControl && auditResult == '90'">
+        <p slot="title">驳回的节点通过后：</p>
+        <RadioGroup v-model="rejectAttribute">
+          <Radio v-for="(item, index) in rejectAttributeList" :key="index" :label="item.type">{{item.name}}</Radio>
+        </RadioGroup>
+      </Card>
+    </Modal>
+    <!--  指定他人处理弹框  -->
+    <assigneeBox ref="assigneeHelpBox" :execution-completed="executionCompleted"
+                 @update-selected="handleSelectedUser" @update-next-node-assignee="updateNextNodeAssignee"
+                 @add-multitask-instance="addMultitaskInstance" @delegate-task-assignee="delegateTask"
+                 @appoint-handler-with-candGroups="updateNextNodeCandGroups"
+                 :data="assigneeBoxData" :smart-flow-server-context="smartFlowServerContext"
+                 :upms-server-context="upmsServerContext"/>
+    <!--  流程跟踪图弹框  -->
+    <Modal v-if="!processTraceInTab" ref="processTraceModal" v-model="modalBoxShow" width="1000" title="流程跟踪图">
+      <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId"
+                        :procId="process.procId" :table-columns="diagramTableColumns" :scroll-element="scrollElement"
+                        :tableData="process.tableData" :hisAudit="hisAudit"
+                        :approve-detail-show-way="approveDetailShowWay"
+                        :smart-flow-server-context="smartFlowServerContext">
+      </Workflow_Diagram>
+    </Modal>
+    <!--  减签弹框  -->
+    <Modal v-model="reductionMultitaskInstanceModal" title="选择减签人员"
+           @on-cancel="reductionModalCancel"
+           @on-ok="reductionMultitaskInstance">
+      <Table border
+             :data="unapprovedAssigneeList"
+             :columns="reductionColumn"
+             @on-selection-change="selectAssignee">
+      </Table>
+    </Modal>
+    <!--  下一环节设置弹框  -->
+    <Modal v-model="appointBoxShow" title="下一环节设置" width="600">
+      <Card v-for="(item,index) of nextNodesFormList" :key="index" style="margin-bottom: 10px"
+            v-if="handleButtons && (handleButtons.includes('appointHandler') || handleButtons.includes('appointTimeoutTime'))">
+        <Form ref="appointBox" justify="center" :label-width="100" :model="item"
+              style="margin: 10px 0 0 10px;" :rules="ruleValidate">
+          <div v-if="handleButtons && handleButtons.includes('appointHandler')">
+            <FormItem label="下一环节：">
+              {{ item.name }}
+            </FormItem>
+            <FormItem label="人员类型：" v-if="!item.isMultiInstance">
+              <RadioGroup v-model="item.actionType">
+                <Radio label="ASSIGNEE">办理人</Radio>
+                <Radio label="CAND">候选人</Radio>
+              </RadioGroup>
+            </FormItem>
+            <FormItem label="办理人员：" prop="assignee" v-if="!item.isMultiInstance && item.actionType === 'ASSIGNEE'">
+              <Input v-model="item.assigneeName"
+                     placeholder="请选择办理人"
+                     style="width: 68%"
+                     icon="md-apps"
+                     @on-focus="readingRangeClick(item)"
+                     @on-click="readingRangeClick(item)"/>
+            </FormItem>
+            <FormItem label="候选人员：" prop="candidateGroups"
+                      v-if="!item.isMultiInstance && item.actionType === 'CAND'">
+              <Input v-model="item.candidateNames"
+                     placeholder="请选择候选人"
+                     style="width: 68%"
+                     icon="md-apps"
+                     @on-focus="candidateGroupsReadingRangeClick(item)"
+                     @on-click="candidateGroupsReadingRangeClick(item)"/>
+            </FormItem>
+            <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"/>
+          </div>
+          <div v-if="handleButtons && handleButtons.includes('appointTimeoutTime')">
+            <Row>
+              <Col span="12">
+                <FormItem label="停留时间：">
+                  <Input v-model="item.remainDay" style="width: 100px" type="number" :min="0"></Input>
+                  天
+                </FormItem>
+              </Col>
+              <Col span="12">
+                <FormItem>
+                  <Input v-model="item.remainTime" style="margin-left: -140px; width: 100px" type="number"
+                         :min="0"></Input>
+                  小时 自动处理
+                </FormItem>
+              </Col>
+            </Row>
+            <Row>
+              <Col span="12">
+                <FormItem label="任务提前：">
+                  <Input v-model="item.inAdvanceDay" style="width: 100px" type="number" :min="0"></Input>
+                  天
+                </FormItem>
+              </Col>
+              <Col span="12">
+                <FormItem>
+                  <Input v-model="item.inAdvanceTime" style="margin-left: -140px;width: 100px" type="number"
+                         :min="0"></Input>
+                  小时 标红预警
+                </FormItem>
+              </Col>
+            </Row>
+            <FormItem v-if="item.remainDay != 0 || item.remainTime != 0 || item.inAdvanceDay != 0 || item.inAdvanceTime != 0" label="处理方式：">
+              <Select v-model="item.processing" style="width:200px" placeholder="自动同意">
+                <Option v-for="item in handleTypeList" :value="item.value" :key="item.value">
+                  {{ item.label }}
+                </Option>
+              </Select>
+            </FormItem>
+          </div>
+        </Form>
+      </Card>
+      <template slot="footer">
+        <Button @click="appointBoxShow = false">取消</Button>
+        <Button type="primary" @click="appointOk">确定</Button>
+      </template>
+    </Modal>
+    <Modal v-model="rejectAttributesBoxShow" title="驳回的节点通过后"
+           @on-cancel="rejectAttributesCancel"
+           @on-ok="rejectProcessWithRejectAttributes">
+      <RadioGroup v-model="rejectAttribute">
+        <Radio v-for="(item, index) in rejectAttributeList" :key="index" :label="item.type">{{item.name}}</Radio>
+      </RadioGroup>
+    </Modal>
+    <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
+            v-for="button in buttons"
+            :key="button.id"
+            style="margin-left: 10px;"
+            v-if="button.condition"
+            :disabled="button.disabled || disable"
+            :loading="loading"
+            :type="button.type || 'default'"
+            @click="button.action"
+        >
+          {{ button.label }}
+        </Button>
+      </div>
+    </template>
+  </LamboPageContainer>
+</template>
+
+
+<script>
+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 { timestampToTime } from '@lambo-design/shared/utils/date'
+import ProcessInfo from './components/process-info'
+import { nodeType } from './utils/const'
+
+export default {
+  props: {
+    isDetail: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    width: {
+      type: Number,
+      required: false,
+      default: 400
+    },
+    procId: {
+      type: String,
+      required: true,
+    },
+    taskNode: {
+      type: String,
+      required: true,
+    },
+    applyId: {
+      type: String,
+      required: true,
+    },
+    taskId: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    auditGroup: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    defaultAuditOpinion: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    //详情页催办按钮
+    pushButton: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    //流程跟踪图附件列
+    showAttachmentFile: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    //流程跟踪图审批详情触发方式
+    approveDetailShowWay: {
+      type: String,
+      required: false,
+      default: 'click',
+    },
+    //业务表单保存方法
+    businessFormSave: {
+      type: Function,
+      required: false
+    },
+    //按钮执行完毕回调方法
+    executionCompleted: {
+      type: Function,
+      required: false,
+      default: () => {
+      }
+    },
+    //是否显示竖向布局
+    inHorizontal: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '流程办理'
+    },
+    //流程跟踪图以tab形式展示
+    processTraceInTab: {
+      type: Boolean,
+      default: false
+    },
+    smartFlowServerContext: {
+      type: String,
+      default: '/api/smart-flow-server',
+    },
+    upmsServerContext: {
+      type: String,
+      default: '/api/upms-server',
+    },
+  },
+  components: {
+    Title,
+    LamboPageContainer,
+    Workflow_Diagram,
+    processHistory,
+    assigneeBox,
+    LamboIndicatorCard,
+    CandidateGroupsHelpBox,
+    CountersingersBox,
+    ProcessInfo,
+  },
+  data() {
+    return {
+      isExpanded: true,
+      showProcessInfo: true,
+      portraitWidth: 0,
+      openProcessInfo: true,
+      currentHeight: 0,
+      soltHeight: 0,
+      maxHeight: 0,
+      isResizing: false,
+      startY: 0,
+      minHeight: 0,
+      maxHeightPercent: 85,
+      initialHeightPercent: 30,
+      procType: '',
+      requestSuccessCodes: [200, '200'],
+      auditShow: true,
+      historyShow: true,
+      attachListShow: true,
+      modalVisible: false,
+      modalDocx: false,
+      imageUrl: '',
+      assigneeBoxData: {},
+      selectedUserId: '',
+      targetTaskNode: '',
+      targetTaskNodeProcessControl: '',
+      allNode: [],
+      auditParams: {},
+      scrollElement: null,
+      modal1: false,
+      modalBoxShow: false,
+      reductionMultitaskInstanceModal: false,
+      candidateGroupsHelpBoxShow: false,
+      appointBoxShow: false,
+      rejectAttributesBoxShow: false,
+      rejectAttributes: {},
+      showProcessControl: false,
+      autoOpenNode: '0',
+      unapprovedAssigneeList: [],
+      rejectAttribute: 'inSequence',
+      rejectAttributeList: [],
+      reductionAssigneeList: [],
+      nextNodesOldSettings: [],
+      nextNodesFormList: [],
+      hisNode: [],
+      processHistory: [],
+      permScope: '',
+      organTreeType: '00',
+      defaultOrganTreeType: '00',
+      ruleValidate: {
+        auditOpinion: [{ required: true, trigger: 'blur', message: '意见不能为空' }],
+        assignee: [{ required: true, trigger: 'blur', message: '办理人不能为空' }],
+        candidateGroups: [{ required: true, trigger: 'blur', message: '候选人不能为空' }],
+      },
+      form: {
+        auditOpinion: '',
+      },
+      loading: false,
+      disable: false,
+      rejectedTask: false,
+      revokeDelegateTask: false,
+      appointTask: false,
+      instanceId: '',
+      curTaskId: '',
+      curNodeType: nodeType.userTask,
+      handleButtons: [],
+      handleName: '审批',
+      passName: '通过',
+      rejectName: '驳回',
+      auditOpinionTitle: '',
+      auditResult: '',
+      curAuditGroup: '',
+      custChange: 'auditInfo',
+      auditInfo: 'auditInfo',
+      auditProcess: 'auditProcess',
+      fileList: [],
+      ossFilePutUrl: '/manage/oss/file/put',
+      currentTab: 'business',
+      hisAudit: [],
+      hisAuditOpinion: [{
+        auditOpinion: '',
+        auditTime: '',
+      }],
+      datas: {
+        orgName: '',
+        orgId: ''
+      },
+      editForm: {
+        approvalCost: '',
+        cost: '',
+        activityDate: []
+      },
+      process: {
+        tableData: [],
+        instanceId: '',
+        applyId: '',
+        procId: ''
+      },
+      handleButtonsNames: {
+        '30': '通过',
+        '70': `${this.rejectName}到原点`,
+        '40': `${this.rejectName}上一节点`,
+        '90': `${this.rejectName}指定节点`,
+        '80': '跳转指定节点',
+        '82': '指定他人处理',
+        '50': '直接结束流程',
+        '84': '委派任务',
+        '61': '交回委派任务',
+        '62': '撤回委派任务',
+        'passContinue': '通过并继续',
+      },
+      isPassContinue: false, // 标记是否为通过并继续操作
+      handleTypeList: [
+        {
+          value: '00',
+          label: '只预警不处理'
+        },
+        {
+          value: '10',
+          label: '自动同意'
+        },
+        {
+          value: '20',
+          label: '直接终止流程'
+        },
+        {
+          value: '90',
+          label: '自动驳回'
+        }
+      ],
+    }
+
+  },
+
+  mounted() {
+    this.calculateDimensions();
+    // 监听窗口大小变化
+    window.addEventListener('resize', this.handleWindowResize);
+
+    this.getWidth()
+    if (this.procId) {
+      this.initData()
+    }
+    if (!this.processTraceInTab){
+      let modalElement = this.$refs.processTraceModal.$el
+      for (let i = 0; i < modalElement.children.length; i++) {
+        //找到滚动的目标element
+        let targetElement = modalElement.children[i]
+        if (targetElement.classList.toString().includes('-wrap')){
+          this.scrollElement = targetElement
+          break
+        }
+      }
+    }
+  },
+  beforeDestroy() {
+    // 移除事件监听
+    window.removeEventListener('resize', this.handleWindowResize);
+  },
+  computed: {
+    buttons() {
+      const showButtons = !this.isDetail && !this.appointTask && !this.rejectedTask
+      return [
+        {
+          id: 'auditTo70',
+          label: `${this.rejectName}到原点`,
+          condition: this.handleButtons?.includes('auditTo70') && showButtons,
+          action: () => this.audit('70')
+        },
+        {
+          id: 'auditTo40',
+          label: `${this.rejectName}上一节点`,
+          condition: this.handleButtons?.includes('auditTo40') && showButtons,
+          action: () => this.audit('40')
+        },
+        {
+          id: 'auditTo90',
+          label: `${this.rejectName}指定节点`,
+          condition: this.handleButtons?.includes('auditTo90') && showButtons,
+          action: () => this.audit('90')
+        },
+        {
+          id: 'auditTo80',
+          label: '跳转指定节点',
+          condition: this.handleButtons?.includes('auditTo80') && showButtons,
+          action: () => this.audit('80')
+        },
+        {
+          id: 'auditTo82',
+          label: '指定他人处理',
+          condition: this.handleButtons?.includes('auditTo82') && showButtons,
+          action: () => this.audit('82')
+        },
+        {
+          id: 'delegateTask',
+          label: '委派',
+          condition: this.curNodeType === nodeType.userTask &&
+              this.handleButtons?.includes('delegateTask') &&
+              showButtons,
+          action: () => this.audit('84')
+        },
+        {
+          id: 'addMultitaskInstance',
+          label: '加签',
+          condition: this.curNodeType === nodeType.multiNode &&
+              this.handleButtons?.includes('addMultitaskInstance') &&
+              showButtons,
+          action: () => this.showUpdateMultitaskInstanceModal('81')
+        },
+        {
+          id: 'reductionMultitaskInstance',
+          label: '减签',
+          condition: this.curNodeType === nodeType.multiNode &&
+              this.handleButtons?.includes('reductionMultitaskInstance') &&
+              showButtons,
+          action: () => this.showUpdateMultitaskInstanceModal('83')
+        },
+        {
+          id: 'auditTo50',
+          label: '直接结束流程',
+          condition: this.handleButtons?.includes('auditTo50') && showButtons,
+          action: () => this.audit('50')
+        },
+        {
+          id: 'processTrace',
+          label: '流程跟踪图',
+          condition: this.handleButtons?.includes('processTrace') && !this.processTraceInTab,
+          action: () => this.processPrint()
+        },
+        {
+          id: 'auditTo30',
+          label: this.passName,
+          condition: this.handleButtons?.includes('auditTo30') && !this.isDetail && !this.appointTask,
+          action: () => this.audit('30'),
+          type: 'primary'
+        },
+        {
+          id: 'passContinue',
+          label: `${this.passName}并继续`,
+          condition: this.handleButtons?.includes('passContinue') && !this.isDetail && !this.appointTask,
+          action: () => this.passContinueAudit(),
+          type: 'primary'
+        },
+        {
+          id: 'revokeDelegateTask',
+          label: '撤回委派',
+          condition: this.revokeDelegateTask,
+          action: () => this.audit('62'),
+          disabled: !this.revokeDelegateTask
+        },
+        {
+          id: 'appointTask',
+          label: '交回',
+          condition: this.appointTask,
+          action: () => this.audit('61'),
+          type: 'primary'
+        }
+      ];
+    },
+    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: '节点状态', key: 'auditResult', minWidth: 150, align: 'center', fixed: 'left',
+        render: (h, params) => {
+          if (params.row.taskNode == this.taskNode) {
+            return h('div', [
+              h('tag', {
+                props: {
+                  color: '#ff9900'
+                }
+              }, '当前节点')
+            ])
+          } else if (!params.row.auditResult) {
+            return h('div', [
+              h('tag', {
+                props: {
+                  color: '#ff9900'
+                }
+              }, `未${params.row.handleName ? params.row.handleName : '审批'}`)
+            ])
+          } else {
+            if (params.row.auditResult == '30' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, `已${params.row.handleName ? params.row.handleName : '审批'}通过`)
+              ])
+            } else if (params.row.auditResult == '10' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '已自动跳过')
+              ])
+            } else if (params.row.auditResult == '11' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '与上一环节办理人相同自动跳过')
+              ])
+            } else if (params.row.auditResult == '12' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '与发起人相同自动跳过')
+              ])
+            } else if (params.row.auditResult == '13' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '办理人为空自动跳过')
+              ])
+            } else if (params.row.auditResult == '14' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '符合流程变量条件自动跳过')
+              ])
+            } else if (params.row.auditResult == '40' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#ed4014'
+                  }
+                }, `已${params.row.rejectName ? params.row.rejectName : '驳回'}到上一节点`)
+              ])
+            } else if (params.row.auditResult == '60' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#ed4014'
+                  }
+                }, '已撤回')
+              ])
+            } 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', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, '已跳转到指定节点')
+              ])
+            } else if (params.row.auditResult == '90' && params.row.taskNode != this.taskNode) {
+              return h('div', [
+                h('tag', {
+                  props: {
+                    color: '#19be6b'
+                  }
+                }, `已${params.row.rejectName ? params.row.rejectName : '驳回'}到指定节点`)
+              ])
+            }
+          }
+        }
+      })
+      column.push({
+        title: '操作', width: 100, align: 'center',
+        render: (h, params) => {
+          return h('div', [
+            h('Button', {
+              props: {
+                type: 'primary',
+                size: 'small'
+              },
+              style: {
+                marginRight: '5px'
+              },
+              on: {
+                click: () => {
+                  this.selectNode(params.row)
+                }
+              }
+            }, '选择')
+          ])
+        },
+      })
+      return column
+    },
+    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' })
+      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: `${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 == '11') {
+            label = '与上一环节办理人相同自动跳过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '12') {
+            label = '与发起人相同自动跳过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '13') {
+            label = '办理人为空自动跳过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '14') {
+            label = '符合流程变量条件自动跳过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '30') {
+            label = '通过'
+            tagColor = 'green' // 绿色
+          } else if (row.auditResult == '40') {
+            label = `${row.rejectName ? row.rejectName : '驳回'}到上一级`
+            tagColor = 'volcano' // 火红色
+          } else if (row.auditResult == '50') {
+            label = `${row.rejectName ? row.rejectName : '驳回'}到原点`
+            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 == '82') {
+            label = '指定他人处理'
+            tagColor = 'cyan' // 青色
+          } else if (row.auditResult == '83') {
+            label = '会签减签'
+            tagColor = 'red' // 红色
+          } else if (row.auditResult == '90') {
+            label = `${row.rejectName ? row.rejectName : '驳回'}到指定节点`
+            tagColor = 'magenta' // 品红色
+          } else {
+            label = '待审核'
+            tagColor = 'orange' // 默认橙色
+          }
+          return h('Tag', {
+            props: {
+              color: tagColor,
+              value: row.auditResult
+            }
+          }, label)
+        }
+      })
+      column.push({
+        title: `${this.handleName}时间`, key: 'auditTime', minWidth: 150,
+        render: (h, { row }) => {
+          const displayDate = 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
+          }
+          return h('Label', {
+            props: {
+              value: row.auditComment
+            }
+          }, label)
+        }
+      })
+      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('div', row.fileList.map(file => {
+              return h('a', {
+                style: {
+                  display: 'block',
+                  marginTop: '5px',
+                  marginRight: '5px',
+                  whiteSpace: 'nowrap',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  maxWidth: '100px',
+                },
+                attrs: {
+                  title: file.attachName  // 鼠标悬停时显示完整名称
+                },
+                on: {
+                  click: () => {
+                    this.getAttach(file)
+                  }
+                },
+              }, file.attachName)
+            }))
+          }
+        })
+      }
+
+      return column
+    },
+  },
+  provide() {
+    return {
+      toBeDoneListDoSearch: this.doSearch
+    }
+  },
+  methods: {
+    changeShowHeight(option){
+      const windowHeight = window.innerHeight - 50;
+      switch (option){
+        case 'reduce':
+          this.openProcessInfo = false
+          this.soltHeight = windowHeight - 80;
+          break;
+        case 'amplify':
+          this.openProcessInfo = true
+          this.currentHeight = 0.8 * windowHeight;
+          this.soltHeight = windowHeight - this.currentHeight - 40;
+          break;
+        case 'refresh':
+          this.openProcessInfo = true
+          this.calculateDimensions()
+          break;
+      }
+    },
+    calculateDimensions() {
+      const windowHeight = window.innerHeight - 50;
+      this.maxHeight = (this.maxHeightPercent / 100) * windowHeight;
+      this.minHeight = 0.15 * windowHeight;
+
+      let initialHeight = (this.initialHeightPercent / 100) * windowHeight;
+      initialHeight = Math.max(this.minHeight, Math.min(initialHeight, this.maxHeight));
+      this.currentHeight = initialHeight;
+      this.soltHeight = windowHeight - initialHeight - 40;
+    },
+
+    startDrag(e) {
+      e.preventDefault();
+      this.isResizing = true;
+      this.startY = e.clientY;
+
+      document.addEventListener('mousemove', this.handleDrag);
+      document.addEventListener('mouseup', this.stopDrag);
+
+      document.body.style.userSelect = 'none';
+    },
+
+    handleDrag(e) {
+      if (!this.isResizing) return;
+
+      const windowHeight = window.innerHeight - 50;
+      const deltaY = e.clientY - this.startY;
+      let newHeight = this.currentHeight - deltaY;
+
+      newHeight = Math.max(this.minHeight, Math.min(newHeight, this.maxHeight));
+
+      this.currentHeight = newHeight;
+      this.soltHeight = windowHeight - newHeight - 40;
+      this.startY = e.clientY;
+      this.$emit('height-change', this.currentHeight);
+    },
+
+    stopDrag() {
+      this.isResizing = false;
+
+      document.removeEventListener('mousemove', this.handleDrag);
+      document.removeEventListener('mouseup', this.stopDrag);
+      document.body.style.userSelect = '';
+
+      this.$emit('resize-end', this.currentHeight);
+    },
+
+    handleWindowResize() {
+      this.calculateDimensions();
+    },
+
+    getWidth() {
+      if (this.width && this.width < 400) {
+        this.portraitWidth = 400
+      }
+      this.portraitWidth = this.width
+    },
+    initData() {
+      if (!this.isDetail) {
+        this.getTodoTask()
+      } else {
+        this.getDoneTask()
+      }
+      this.getHandleButtons()
+    },
+    getTodoTask() {
+      const self = this
+      let param = {
+        procId: this.procId,
+        applyId: this.applyId,
+        taskNode: this.taskNode,
+        taskId: this.taskId,
+        auditGroup: this.auditGroup
+      }
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/list', { params: param }).then(function (resp) {
+        if (resp.data.code === '200') {
+          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
+          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
+          }
+          self.appointTask = todoData.delegateStatus ? todoData.delegateStatus === '20' : false
+          if (self.revokeDelegateTask) self.disable = true
+          let procType = todoData.procType
+          self.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)
+          })
+          self.getHisAudit(self.curTaskId)
+          self.getProcessHistory(self.curTaskId)
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+    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) {
+        if (resp.data.code === '200') {
+          self.organTreeType = resp.data.data ? resp.data.data : self.defaultOrganTreeType
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+    getDoneTask() {
+      const self = this
+      let param = {
+        procId: this.procId,
+        applyId: this.applyId,
+        taskNode: this.taskNode,
+        taskId: this.taskId,
+        auditGroup: this.auditGroup
+      }
+      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) {
+            self.curAuditGroup = rows[0].auditGroup
+            self.hisAuditOpinion = []
+            let taskList = resp.data.data.rows
+            taskList.forEach(item => {
+              self.hisAuditOpinion.push({
+                auditOpinion: item.auditComment,
+                auditTime: timestampToTime(item.auditDate)
+              })
+            })
+            self.curTaskId = taskList[0].taskId
+            self.instanceId = taskList[0].procInstanceId
+          } else {
+            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
+                self.curAuditGroup = todoResp.data.data.rows[0].auditGroup
+              } else {
+                self.$Message.error(todoResp.data.message)
+              }
+            }).catch((err) => {
+              console.log(err)
+            })
+          }
+          self.getHisAudit(self.curTaskId)
+          self.getProcessHistory(self.curTaskId)
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+    getHandleButtons() {
+      const self = this;
+      let param = {
+        procId: this.procId,
+        taskNode: this.taskNode
+      };
+      ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
+        if (resp.data.code === '200') {
+          self.handleButtons = resp.data.data[0].handleButtons ? resp.data.data[0].handleButtons : ["processTrace","auditHistory","auditOpinion","attachmentFile","auditTo30","auditTo70","auditTo40","auditTo90","auditTo80","auditTo82","auditTo50"];
+          if (resp.data.data[0].hasOwnProperty('isSequential')) {
+            self.curNodeType = resp.data.data[0].isSequential ? nodeType.sequentialMultiNode : nodeType.multiNode;
+          }
+          self.handleName = resp.data.data[0].handleName ? resp.data.data[0].handleName : '审批';
+          self.rejectName = resp.data.data[0].rejectName ? resp.data.data[0].rejectName : '驳回';
+          self.auditOpinionTitle = self.handleName + '意见';
+          self.passName = self.handleName==='审批' ? '通过' : self.handleName;
+          if (!self.handleButtons || (!self.handleButtons.includes('auditOpinion') && !self.handleButtons.includes('attachmentFile') && !self.handleButtons.includes('auditHistory'))) {
+            self.showProcessInfo = false;
+          }
+        } else {
+          self.$Message.error(resp.data.message);
+        }
+      }).catch((err) => {
+        console.log(err);
+      })
+    },
+    getNextNodes() {
+      const self = this
+      self.nextNodesFormList = []
+      self.nextNodesOldSettings = []
+      let param = {
+        procId: this.procId,
+        taskNode: this.taskNode
+      }
+      ajax.post(self.smartFlowServerContext + '/manage/processTodo/getNextNodes', param).then(function (resp) {
+        if (resp.data.code === '200') {
+          let nextNodeForm = {}
+          let nextNodeOldForm = {}
+          let data = resp.data.data
+          for (let i = 0; i < data.length; i++) {
+            nextNodeOldForm = {
+              id: data[i].id,
+              assignee: data[i].assignee ? data[i].assignee.id : '',
+              timeLimit: data[i].timeLimit,
+            }
+            nextNodeForm = {
+              id: data[i].id,
+              name: data[i].name,
+              orgTreeType: data[i].orgTreeType,
+              assignee: data[i].assignee ? data[i].assignee.id : '',
+              assigneeName: data[i].assignee ? data[i].assignee.name : '',
+              candidateGroups: '',
+              isMultiInstance: data[i].isMultiInstance,
+              actionType: 'ASSIGNEE',
+              remainDay: 0,
+              remainTime: 0,
+              inAdvanceDay: 0,
+              inAdvanceTime: 0,
+              processing: '00'
+            }
+            //显示具体候选人信息
+            if (data[i].candidateGroups) {
+              nextNodeForm.actionType = 'CAND'
+              let names = []
+              let candidates = {}
+              for (let groupName in data[i].candidateGroups) {
+                if (data[i].candidateGroups.hasOwnProperty(groupName)) {
+                  let group = data[i].candidateGroups[groupName]
+                  group.forEach(item => {
+                    names.push(item.name)
+                  })
+                  candidates[groupName] = group.map(item => item.id + ':' + item.name).join(',')
+                }
+              }
+              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')) //警告小时
+              nextNodeForm.remainDay = parseInt(days)
+              nextNodeForm.remainTime = parseInt(hourOfDay)
+              nextNodeForm.inAdvanceDay = parseInt(daysWarn)
+              nextNodeForm.inAdvanceTime = parseInt(hourOfDayWarn)
+              nextNodeForm.processing = handleType
+            }
+            self.nextNodesFormList.push(nextNodeForm)
+            self.nextNodesOldSettings.push(nextNodeOldForm)
+          }
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+    getHisAudit(taskId) {
+      let self = this
+      let params = {
+        applyId: self.applyId,
+        instanceId: self.instanceId,
+        procId: self.procId,
+        taskId: taskId
+      }
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getHisAudit', { params: params }).then(function (resp) {
+        if (resp.data.code === '200') {
+          self.hisAudit = resp.data.data
+          let uniqueDataMap = {}
+          self.hisAudit.forEach((item) => {
+            uniqueDataMap[item['taskNode']] = item
+          })
+          self.hisNode = Object.values(uniqueDataMap)
+
+        }
+      })
+    },
+    getProcessHistory(taskId) {
+      let self = this
+      let params = {
+        applyId: self.applyId,
+        instanceId: self.instanceId,
+        procId: self.procId,
+        taskId: taskId
+      }
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessHis', { params: params }).then(function (resp) {
+        if (resp.data.code === '200') {
+          self.processHistory = resp.data.data
+        }
+      })
+    },
+
+    audit: function (auditResult) {
+      let self = this
+      self.auditResult = auditResult
+      self.submit()
+    },
+
+    // 通过并继续审批
+    passContinueAudit: function () {
+      let self = this
+      self.auditResult = '30' // 设置为通过
+      self.isPassContinue = true // 标记为通过并继续
+      self.submit()
+    },
+
+    // 获取下一条待办并刷新页面
+    getNextTodoAndRefresh() {
+      let self = this
+      let param = {
+        procType: self.procType
+      }
+      // 获取待办列表，获取下一条数据，排除当前已处理的任务
+      ajax.get(self.smartFlowServerContext + "/manage/processTodo/list",{params:param}).then(function (resp) {
+        if (resp.data.code === '200' && resp.data.data.rows && resp.data.data.rows.length > 0) {
+          // 过滤掉当前已处理的任务
+          const availableTodos = resp.data.data.rows.filter(todo => todo.applyId !== self.applyId)
+          if (availableTodos.length === 0) {
+            self.$Message.info('该类型没有更多待办任务了')
+            self.isPassContinue = false // 重置标志
+            self.executionCompleted(true, null, null, { code: '30', name: '通过' }, self.curTaskId)
+            return
+          }
+          const nextTodo = availableTodos[0]
+          // 获取节点配置信息
+          let param = {
+            procId: nextTodo.procId,
+            taskNode: nextTodo.taskNode
+          }
+          ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (nodeResp) {
+            if (nodeResp.data.code === '200' && nodeResp.data.data && nodeResp.data.data.length > 0) {
+              const nodeData = nodeResp.data.data[0]
+              // 跳转处理
+              self.jumpToNextTodo(nextTodo, nodeData)
+            } else {
+              self.$Message.warning('无法获取下一条待办的节点配置信息')
+              self.isPassContinue = false // 重置标志
+              self.executionCompleted(true, null, null, { code: '30', name: '通过' }, self.curTaskId)
+            }
+          }).catch(err => {
+            console.error('获取节点配置失败:', err)
+            self.$Message.error('获取节点配置失败')
+            self.isPassContinue = false // 重置标志
+            self.executionCompleted(true, null, null, { code: '30', name: '通过' }, self.curTaskId)
+          })
+        } else {
+          self.$Message.info('没有更多待办任务了')
+          self.isPassContinue = false // 重置标志
+          self.executionCompleted(true, null, null, { code: '30', name: '通过' }, self.curTaskId)
+        }
+      }).catch(err => {
+        console.error('获取待办列表失败:', err)
+        self.$Message.error('获取下一条待办失败')
+        self.isPassContinue = false // 重置标志
+        self.executionCompleted(true, null, null, { code: '30', name: '通过' }, self.curTaskId)
+      })
+    },
+
+    // 通过executionCompleted回调通知父组件进行页面跳转
+    jumpToNextTodo(nextTodo, nodeData) {
+      // 先重置标志
+      this.isPassContinue = false
+
+      this.$Message.success(`已切换到下一条待办`)
+
+      // 构建特殊的auditResult对象，包含下一条待办的信息
+      let auditResult = {
+        code: 'passContinueSuccess',
+        name: '通过并继续',
+        nextTodo: nextTodo,
+        nodeData: nodeData
+      }
+
+      // 通过executionCompleted回调通知父组件处理跳转
+      this.executionCompleted(true, null, null, auditResult, this.curTaskId)
+    },
+    submit() {
+      let self = this
+      self.auditParams = {
+        procId: self.procId,
+        applyId: self.applyId,
+        taskId: self.curTaskId,
+        auditOpinion: self.form.auditOpinion,
+        fileListStr: JSON.stringify(self.fileList),
+        auditResult: self.auditResult,
+        params: JSON.stringify(self.datas),
+        targetTaskNode: self.targetTaskNode,
+        selectedUserId: self.selectedUserId,
+      }
+      if (self.auditResult == '' || self.auditResult == null) {
+        self.$Message.error(`请选择${self.handleName}结果！`)
+        return
+      }
+      let auditResult = {
+        code: self.auditResult,
+        name: self.handleButtonsNames[self.auditResult]
+      }
+      if (self.form.auditOpinion == '' || self.form.auditOpinion == null) {
+        if (self.auditResult === '30') {
+          self.form.auditOpinion = '通过'
+          self.auditParams.auditOpinion = '通过'
+          self.businessFormSave ? self.businessFormSave(self.handleSaveResult, auditResult) : self.handleSaveResult(true)
+          return
+        }
+        if ((!self.handleButtons || self.handleButtons.includes('auditOpinion')) && self.auditResult !== '84') {
+          self.$Message.error(`请输入${self.handleName}意见！`)
+          return
+        } else {
+          self.auditParams.auditOpinion = self.handleButtonsNames[self.auditResult]
+        }
+      }
+      self.businessFormSave ? self.businessFormSave(self.handleSaveResult, auditResult) : self.handleSaveResult(true)
+    },
+    handleSaveResult(saveResult, businessParams) {
+      if (saveResult) {
+        this.executeButtonAction(businessParams)
+      } else {
+        console.error('保存失败')
+      }
+    },
+    executeButtonAction(businessParams) {
+      const self = this
+      if (businessParams) {
+        Object.assign(self.datas, businessParams)
+        self.auditParams.params = JSON.stringify(self.datas)
+      }
+      let auditResult = {
+        code: self.auditResult,
+        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.getTransferRangeAndOpenModal(self.organTreeType, '', 'auditTo82')
+      } else if (self.auditResult === '84') {
+        //委派任务
+        this.getTransferRangeAndOpenModal(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)
+                self.isPassContinue = false // 重置标志
+              }, 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'
+        ajax.post(url, self.auditParams).then(function (resp) {
+          let result = resp.data
+          if (result.code == '30013' || result.code == '30014') {
+            //前序节点为子流程或当前节点为子流程第一个节点不可驳回上一级节点
+            const message = self.rejectName ? self.replaceName(result.message, '驳回', self.rejectName) : result.message
+            self.$Message.warning(message)
+            //避免未提示消息直接回调
+            setTimeout(() => {
+              self.executionCompleted(false, null, null, auditResult, self.curTaskId)
+            }, 1000)
+          } else if (result.code == '30010') {
+            const message = self.rejectName ? self.replaceName(result.message, '驳回', self.rejectName) : result.message
+            self.$Modal.confirm({
+              title: '提示',
+              content: message,
+              onOk: () => {
+                self.auditParams.auditResult = '70'
+                let url = self.smartFlowServerContext + '/manage/processTodo/audit'
+                ajax.post(url, self.auditParams).then(function (resp) {
+                  let result = resp.data
+                  const auditMessage = self.rejectName ? self.replaceName(result.message, '驳回', self.rejectName) : result.message
+                  if (result.code == '200') {
+                    self.loading = false
+                    self.disable = false
+                    self.$Message.success(auditMessage)
+                    //后端没有返回数据
+                    setTimeout(() => {
+                      self.executionCompleted(true, null, null, auditResult, self.curTaskId)
+                      self.isPassContinue = false // 重置标志
+                    }, 1000)
+                    bus.$emit('triggerTimer')
+                  } else {
+                    self.loading = false
+                    self.disable = false
+                    self.$Message.error(auditMessage)
+                    setTimeout(() => {
+                      self.executionCompleted(false, null, null, auditResult, self.curTaskId)
+                      self.isPassContinue = false // 重置标志
+                    }, 1000)
+                  }
+                  bus.$emit('triggerTimer')
+                })
+              },
+              onCancel: () => {
+                self.loading = false
+                self.disable = false
+              }
+            })
+          } else if (result.code == '10012') {
+            // 数据同步
+            self.loading = false
+            self.disable = false
+            self.$Message.warning(result.message)
+            setTimeout(() => {
+              self.executionCompleted(true, null, null, auditResult, self.curTaskId)
+            }, 1000)
+          } else {
+            self.handleButtons && self.handleButtons.includes('rejectProcessControl') ? self.getProcessAttributes() : self.doPass()
+          }
+        })
+      } else {
+        if (self.auditResult === '30' && !self.rejectedTask && (!self.handleButtons || self.handleButtons.includes('appointHandler') || self.handleButtons.includes('appointTimeoutTime'))) {
+          self.getNextNodes()
+          self.appointBoxShow = true
+        } else if (self.handleButtons && self.handleButtons.includes('rejectProcessControl') && self.auditResult === '70'){
+          self.getProcessAttributes()
+        } else {
+          self.doPass()
+        }
+      }
+    },
+    doPass() {
+      let self = this
+      this.modal = false
+      let auditResult = {
+        code: self.isPassContinue ? 'passContinue' : self.auditResult,
+        name: self.isPassContinue ? self.handleButtonsNames['passContinue'] : self.handleButtonsNames[self.auditResult]
+      }
+      if (self.auditResult === '82' && (self.targetTaskNode == '' || self.targetTaskNode == null)) {
+        self.auditResult = ''
+        self.$Message.error(`请选择${self.handleName}节点！`)
+      } else {
+        self.loading = true
+        self.disable = true
+        self.auditParams.targetTaskNode = self.targetTaskNode
+        let url = self.smartFlowServerContext + '/manage/processTodo/audit'
+        ajax.post(url, self.auditParams).then(function (resp) {
+          let result = resp.data
+          if (result.code == '200') {
+            self.loading = false
+            self.disable = false
+            let message = result.message ? result.message : `${self.handleName}成功`
+            if (self.auditResult === '40' || self.auditResult === '70' || self.auditResult === '90'){
+              message = result.message ? self.replaceName(result.message, '驳回', self.rejectName) : `${self.rejectName}成功`
+            }
+            self.$Message.success(message)
+            if (self.isPassContinue) {
+              // 通过并继续操作，获取下一条待办
+              self.getNextTodoAndRefresh()
+            } else {
+              // 普通操作，正常回调
+              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 {
+                setTimeout(() => {
+                  self.executionCompleted(true, null, null, auditResult, self.curTaskId)
+                }, 1000)
+              }
+            }
+          } else if (result.code == '10012') {
+            // 数据同步
+            self.loading = false
+            self.disable = false
+            self.$Message.warning(result.message)
+            setTimeout(() => {
+              self.executionCompleted(true, null, null, auditResult, self.curTaskId)
+            }, 1000)
+          } else if (result.code == '20002') {
+            // 流程结束
+            self.loading = false
+            self.disable = false
+            self.$Message.success(result.message)
+            if (self.isPassContinue) {
+              // 通过并继续操作，获取下一条待办
+              setTimeout(() => {
+                self.getNextTodoAndRefresh()
+              }, 500)
+            }else {
+              setTimeout(() => {
+                self.executionCompleted(true, '流程已结束', '流程已结束', auditResult, self.curTaskId)
+                self.isPassContinue = false // 重置标志
+              }, 1000)
+            }
+          } else {
+            self.loading = false
+            self.disable = false
+            let failedMessage = result.message ? result.message : `${self.handleName}失败`
+            if (self.auditResult === '40' || self.auditResult === '70' || self.auditResult === '90'){
+              failedMessage = result.message ? self.replaceName(result.message, '驳回', self.rejectName) : `${self.rejectName}失败`
+            }
+            self.$Message.error(failedMessage)
+            setTimeout(() => {
+              self.executionCompleted(false, null, null, auditResult, self.curTaskId)
+            }, 1000)
+          }
+          bus.$emit('triggerTimer')
+        })
+      }
+    },
+    doJump(){
+      if (this.auditResult === '90'){
+        this.auditParams.rejectAttribute = this.rejectAttribute ? this.rejectAttribute :'inSequence'
+      }
+      this.doPass()
+    },
+    showUpdateMultitaskInstanceModal(updateType) {
+      const self = this
+      if (updateType === '81') {
+        this.getTransferRangeAndOpenModal(this.organTreeType, '', 'addMultitaskInstance', '')
+      } else if (updateType === '83') {
+        ajax.get(self.smartFlowServerContext + '/manage/processTodo/getUnapprovedListOfMultiNode?taskId=' + self.curTaskId).then(function (resp) {
+          if (resp.data.code === '200') {
+            self.unapprovedAssigneeList = resp.data.data
+            self.reductionMultitaskInstanceModal = true
+          } else {
+            self.$Message.error(resp.data.message)
+          }
+        }).catch(err => {
+          console.log(err)
+        })
+      }
+    },
+    updateMultitaskInstance(updateType, assignees) {
+      const self = this
+      self.loading = true
+      self.disable = true
+      let param = {
+        taskId: self.curTaskId,
+        applyId: self.applyId,
+        assignees: assignees,
+        updateType: updateType
+      }
+      ajax.post(self.smartFlowServerContext + '/manage/processTodo/updateMultitaskInstance', param).then(resp => {
+        let result = resp.data
+        if (result.code == '200') {
+          self.loading = false
+          self.disable = false
+          self.$Message.success(result.message)
+        } else {
+          self.loading = false
+          self.disable = false
+          self.$Message.error(result.message)
+        }
+      }).catch(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) {
+      const assingees = assingeeList.join(',')
+      this.updateMultitaskInstance('81', assingees)
+    },
+    //减签
+    reductionMultitaskInstance() {
+      if (this.reductionAssigneeList.length === 0) {
+        this.$Message.error('请选择减签人员')
+        return
+      }
+      const assingees = this.reductionAssigneeList.map(item => item.auditId).join(',')
+      this.updateMultitaskInstance('83', assingees)
+    },
+    rejectProcessWithRejectAttributes(){
+      this.auditParams.rejectAttribute = this.rejectAttribute ? this.rejectAttribute :'inSequence'
+      this.doPass()
+    },
+
+    doSearch() {
+      //不需要实现，是子组件assigneeBox要求使用父组件的这个方法
+    },
+    getAttach(row) {
+      window.open(this.smartFlowServerContext + '/manage/oss/file/get/' + row.fileId, '_blank')
+    },
+    //打印流程图信息
+    processPrint() {
+      let self = this
+      let params = {
+        applyId: self.applyId,
+        instanceId: self.instanceId,
+        procId: self.procId,
+        taskId: self.curTaskId,
+      }
+      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
+          self.process.tableData = tableData
+          self.process.applyId = self.applyId
+          self.process.instanceId = self.instanceId
+          self.process.procId = self.procId
+          self.datas.orgId = tableData[0].orgId
+          self.datas.orgName = tableData[0].orgName
+          self.modalBoxShow = true
+        }
+      })
+    },
+
+    cancel() {
+      this.modal = false
+      this.auditResult = ''
+      this.rejectAttribute = 'inSequence'
+      this.targetTaskNodeProcessControl = ''
+    },
+    reductionModalCancel() {
+      this.reductionMultitaskInstanceModal = false
+      this.reductionAssigneeList = []
+    },
+    rejectAttributesCancel() {
+      this.rejectAttributesBoxShow = false
+      this.rejectAttribute = 'inSequence'
+      this.loading = false
+      this.disable = false
+    },
+    selectAssignee(selection) {
+      this.reductionAssigneeList = selection
+    },
+    selectNode(currentRow, oldCurrentRow) {
+      let self = this
+      self.targetTaskNode = currentRow.taskNode
+      self.targetTaskNodeProcessControl = currentRow.processControl
+    },
+    getAllPreNodes() {
+      let self = this
+      let params = {
+        processDefId: self.procId,
+        taskId: self.curTaskId,
+      }
+      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
+            self.modal1 = true
+          } else {
+            self.$Message.warning('当前流程无前序节点')
+          }
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      })
+    },
+    getNodesBehind() {
+      let self = this
+      let params = {
+        processDefId: self.procId,
+        taskId: self.curTaskId,
+      }
+      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
+            self.modal1 = true
+          } else {
+            self.$Message.warning('当前流程无后续节点')
+          }
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      })
+    },
+    handleSelectedUser(userId) {
+      this.selectedUserId = userId
+    },
+
+    //折叠动画效果
+    beforeEnter(el) {
+      el.style.height = '0'
+    },
+    enter(el, done) {
+      setTimeout(() => {
+        el.style.height = el.scrollHeight + 'px'
+      }, 0)
+
+      el.addEventListener('transitionend', done)
+    },
+    beforeLeave(el) {
+      el.style.height = el.scrollHeight + 'px'
+    },
+    leave(el, done) {
+      setTimeout(() => {
+        el.style.height = '0'
+      }, 0)
+
+      el.addEventListener('transitionend', done)
+    },
+
+    beforeFlowInfoEnter(el) {
+      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)
+    },
+    beforeFlowInfoLeave(el) {
+      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)
+    },
+    uploadFile(fileList) {
+      this.fileList = fileList
+    },
+
+    appointOk() {
+      const self = this
+      let oldSettings
+      let illegalNodes = []
+      let params = this.nextNodesFormList.reduce((acc, item) => {
+        acc[item.id] = {
+          needUpdate: 'false',
+        }
+        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
+          acc[item.id].timeLimit = timeLimit
+        } else {
+          acc[item.id].timeLimit = ''
+        }
+        oldSettings = self.nextNodesOldSettings.filter(oldSetting => oldSetting.id === item.id)[0]
+        if ((!item.assignee && !oldSettings.assignee && !item.candidateGroups && !oldSettings.candidates) || (item.isMultiInstance && !item.candidateGroups && !oldSettings.candidates)){
+          illegalNodes = [...illegalNodes, item.name]
+        }
+        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
+      }, {})
+      if (illegalNodes.length > 0){
+        self.$Message.error(`请选择节点${illegalNodes.join(',')}的审批人！`);
+        return
+      }
+      self.auditParams.nodeConfigMaps = JSON.stringify(params)
+      self.doPass((execResult, instanceId, taskIds, auditResult, curTaskId) => {
+        if (this.executionCompleted) {
+          this.executionCompleted(execResult, instanceId, taskIds, auditResult, curTaskId)
+        }
+      })
+      self.appointBoxShow = false
+    },
+    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(':')
+              if (id) {
+                oldIdList.push(id)
+              }
+            })
+          }
+        }
+        const regex = /(?:O:|U:|P:|R:|T:)([^,]+)/g
+        let match
+        const newIds = []
+        while ((match = regex.exec(newSetting)) !== null) {
+          newIds.push(...match[1].split(';'))
+        }
+
+        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 !oldSetting !== !newSetting
+    },
+    checkTimeLimitUpdate(oldSetting, newSetting) {
+      if (oldSetting && newSetting) {
+        return oldSetting !== newSetting
+      }
+      if (!oldSetting) {
+        return newSetting !== 'expireTime:0D0H;warningTime:0D0H;handleType:00'
+      }
+      return false
+    },
+    readingRangeClick(item) {
+      let permScope = item.orgTreeType === this.defaultOrganTreeType ? this.permScope : 'all'
+      let orgTreeType = item.orgTreeType ? item.orgTreeType : this.defaultOrganTreeType
+      this.getTransferRangeAndOpenModal(orgTreeType, permScope, 'appointHandler', item.id)
+    },
+    candidateGroupsReadingRangeClick(item) {
+      let permScope = item.orgTreeType === this.defaultOrganTreeType ? this.permScope : 'all'
+      let orgTreeType = item.orgTreeType ? item.orgTreeType : this.defaultOrganTreeType
+      const self = this
+      const params = {
+        procType: self.procType,
+        procId: self.procId,
+        taskNode: self.taskNode,
+        applyId: self.applyId,
+        taskId: self.curTaskId,
+        processInstanceId: self.instanceId,
+        auditGroup: self.auditGroup,
+        actionType: 'appointHandlerWithCandGroups',
+      }
+      const url = self.smartFlowServerContext + '/manage/nodeConfig/getTransferRange';
+      ajax.post(url, params).then(resp => {
+        if (resp.data.code === '200'){
+          const data = resp.data.data
+          if (data && (data.orgList || data.userList)){
+            self.$refs.assigneeHelpBox.toggleShowHelpBox(orgTreeType, permScope, 'appointHandlerWithCandGroups', item.id, data)
+          } else {
+            this.$refs.candidateGroupsHelpBox.toggleShowHelpBox(permScope, item.candidates, orgTreeType, item.id)
+          }
+        }
+      }).catch(error => {
+        self.$Message.error('获取人员范围失败');
+        console.log(error)
+      })
+    },
+    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]
+        node.candidateGroups = newCandGroups
+        node.candidateNames = nameStr
+        node.candidates = detail
+        node.needUpdate = true
+        this.$forceUpdate()
+      }
+    },
+    updateNextNodeCandGroups(idSelectedArr, nodeId) {
+      const userStr = idSelectedArr.map(item => item.split(',')[0]).join(';')
+      const nameStr = idSelectedArr.map(item => item.split(',')[1]).join(',')
+      const detail = { users: idSelectedArr }
+      let node = this.nextNodesFormList.filter(item => item.id === nodeId)[0]
+      node.candidateGroups = `O:,U:${userStr},P:,R:,RP:,T:`
+      node.candidateNames = nameStr
+      node.candidates = detail
+      node.needUpdate = true
+      this.$forceUpdate()
+    },
+    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()
+      }
+    },
+    getProcessAttributes(targetTaskNodeProcessControl){
+      const self = this
+      let params = {
+        procId: self.procId,
+        taskNode: self.taskNode
+      }
+      self.rejectAttributeList = []
+      if (!targetTaskNodeProcessControl || targetTaskNodeProcessControl != 'jump'){
+        self.rejectAttributeList.push({
+          _checked: true,
+          type: 'inSequence',
+          name: '按顺序流转'
+        })
+      }
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessAttributes', { params: params }).then(function (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))){
+            self.doPass()
+            return
+          } else {
+            if (self.auditParams.auditResult == '40'){
+              self.rejectAttributeList.push(
+                  {
+                    type: 'returnToCurrentAuditUser',
+                    name: '返回我'
+                  }
+              )
+            } else {
+              self.rejectAttributeList.push(
+                  {
+                    type: 'returnToCurrentNode',
+                    name: '返回本节点'
+                  }
+              )
+              if (!resp.data.data.multiNode){
+                self.rejectAttributeList.push(
+                    {
+                      type: 'returnToCurrentAuditUser',
+                      name: '返回我'
+                    }
+                )
+              }
+            }
+            if (self.auditParams.auditResult == '90'){
+              self.showProcessControl = self.rejectAttributeList.length > 0 && self.handleButtons && self.handleButtons.includes('rejectProcessControl')
+            } else {
+              self.rejectAttributesBoxShow = self.handleButtons && self.handleButtons.includes('rejectProcessControl')
+            }
+          }
+        } else {
+          self.$Message.error(resp.data.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+    replaceName(originalString, replacedString, replaceString){
+      const index = originalString.indexOf(replacedString)
+      if (index != -1){
+        const regex = new RegExp(replacedString, 'g')
+        // 替换所有匹配的子字符串
+        return originalString.replace(regex, replaceString)
+      }
+      return originalString
+    },
+    changeTab(name){
+      if (name === 'processTrace'){
+        this.processPrint()
+        this.$nextTick(() => {
+          setTimeout(() => {
+            if (this.$refs.processTraceTab.$el) {
+              let modalElement = this.$refs.processTraceTab.$el
+              for (let i = 0; i < modalElement.children.length; i++) {
+                //找到滚动的目标element
+                let targetElement = modalElement.children[i]
+                if (targetElement.classList.toString().includes('-wrap')){
+                  this.scrollElement = targetElement
+                  break
+                }
+              }
+            }
+          }, 1000);
+        })
+      }
+      this.currentTab = name
+    },
+    getTransferRangeAndOpenModal(organTreeType, permScope, actionType, id){
+      const self = this
+      const params = {
+        procType: self.procType,
+        procId: self.procId,
+        taskNode: self.taskNode,
+        applyId: self.applyId,
+        taskId: self.curTaskId,
+        processInstanceId: self.instanceId,
+        auditGroup: self.auditGroup,
+        actionType: actionType,
+      }
+      const url = self.smartFlowServerContext + '/manage/nodeConfig/getTransferRange';
+      ajax.post(url, params).then(resp => {
+        if (resp.data.code === '200'){
+          const data = resp.data.data
+          self.$refs.assigneeHelpBox.toggleShowHelpBox(organTreeType, permScope, actionType, id, data)
+        }
+      }).catch(error => {
+        self.$Message.error('获取人员范围失败');
+        console.log(error)
+      })
+    },
+  },
+  watch: {
+    auditOpinionText(label) {
+      this.form.auditOpinion = label
+    },
+    procId(val) {
+      this.procId = val
+      this.initData()
+    },
+    targetTaskNodeProcessControl(val){
+      const self = this
+      if (self.handleButtons && self.handleButtons.includes('rejectProcessControl')) {
+        if (val == 'inSequence'){
+          self.showProcessControl = false
+          return
+        }
+        self.getProcessAttributes(val)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "./styles/css/index.less";
+
+/deep/ .ivu-table-row-highlight td {
+  background-color: #50c1ff !important;
+  color: #fff !important;
+}
+
+/deep/ .ivu-card-body {
+  padding: 10px;
+}
+
+/deep/ .ivu-tabs-bar {
+  margin-bottom: 0;
+}
+
+/deep/ .ivu-tabs-nav .ivu-tabs-tab {
+  padding: 4px 16px;
+}
+
+</style>