@lambo-design/workflow-approve 1.0.0-beta.19 → 1.0.0-beta.20

package/src/portrait.vue

@@ -6,36 +6,42 @@
     <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%'}">
+    <div class="portrait-lambo-indicator-card"
+         :style="{float: 'left', width: isExpanded && showProcessInfo ? `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'}">
+    <a v-if="showProcessInfo" @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"
+    <transition v-if="showProcessInfo" 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">
+      <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')">
+          <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"/>
-              审批信息
+            <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">
+        <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')"
+                  v-if="handleButtons && handleButtons.includes('auditOpinion')"
                   style="margin: 10px 0 0 10px;" :rules="ruleValidate">
-              <FormItem label="审批意见：" prop="auditOpinion" >
+              <FormItem label="审批意见：" prop="auditOpinion">
                 <AuditOpinion v-model="form.auditOpinion" :attachment-file="handleButtons.includes('attachmentFile')"
-                              :attachmentdata="fileList" :smart-flow-server-context="smartFlowServerContext"></AuditOpinion>
+                              :attachmentdata="fileList"
+                              :smart-flow-server-context="smartFlowServerContext"></AuditOpinion>
               </FormItem>
             </Form>
             <Form ref="auditOpinion" justify="center" :label-width="100"
@@ -43,16 +49,20 @@
                   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>
+                  <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>
+                              :oss-server-context="smartFlowServerContext"
+                              :oss-file-put-url="ossFilePutUrl"></UploadFile>
                 </Tooltip>
               </FormItem>
             </Form>
           </div>
         </transition>
         <a v-if="taskNode && isDetail && hisAuditOpinion[0].auditOpinion" @click="auditShow = !auditShow">
-          <Title v-if="!handleButtons || handleButtons.includes('auditOpinion') || handleButtons.includes('attachmentFile')">
+          <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"/>
@@ -60,10 +70,11 @@
             </a>
           </Title>
         </a>
-        <transition v-if="taskNode && isDetail && hisAuditOpinion[0].auditOpinion" name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
+        <transition v-if="taskNode && isDetail && hisAuditOpinion[0].auditOpinion" name="draw" @before-enter="beforeEnter"
+                    @enter="enter" @before-leave="beforeLeave" @leave="leave">
           <div class="box" v-show="auditShow">
             <Form ref="auditOpinion" justify="center" :model="form"
-                  v-if="!handleButtons || handleButtons.includes('auditOpinion')"
+                  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">
@@ -78,18 +89,18 @@
           </div>
         </transition>
         <a @click="historyShow = !historyShow">
-          <Title v-if="!handleButtons || handleButtons.includes('auditHistory')">
+          <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"/>
-              审批记录
+            <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')">
+                  v-if="handleButtons && handleButtons.includes('auditHistory')">
               <processHistory :portrait-width="portraitWidth" :list="processHistory" :done-page="isDetail"
                               :smart-flow-server-context="smartFlowServerContext"></processHistory>
             </Card>
@@ -97,16 +108,17 @@
         </transition>
 
         <a @click="attachListShow = !attachListShow">
-          <Title v-if="(!handleButtons || handleButtons.includes('attachmentFile')) && attachmentList.length > 0">
+          <Title v-if="handleButtons && handleButtons.includes('attachmentFile') && attachmentList.length > 0">
             <a style="color: #989898">
-              <Icon v-if="attachListShow" type="ios-arrow-down"/>
-              <Icon v-if="!attachListShow" type="ios-arrow-up"/>
-              查看附件
+            <Icon v-if="attachListShow" type="ios-arrow-down"/>
+            <Icon v-if="!attachListShow" type="ios-arrow-up"/>
+            查看附件
             </a>
           </Title>
         </a>
         <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 class="box"
+               v-show="handleButtons && handleButtons.includes('auditHistory') && attachmentList.length > 0 && attachListShow">
             <div v-for="(item, index) in attachmentList" :key="index">
               <Card dis-hover class="attach-card">
                 <List item-layout="vertical">
@@ -114,16 +126,25 @@
                     <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' : ''"
+                        <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' : ''"
+                        <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' : ''"
+                        <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' : ''"
+                        <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' : ''"
+                        <avatar v-else icon="ios-document-outline" class="attach-avatar"
+                                :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
                       </Col>
                       <!-- 右边：附件信息 -->
@@ -159,13 +180,13 @@
           </div>
         </transition>
         <Modal title="查看附件" v-model="modalVisible" fullscreen scrollable :mask="false">
-          <img :src="imageUrl" v-if="modalVisible"  alt="" style="width: 100%">
+          <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>
+          <div ref="file"></div>
         </Modal>
         <Modal v-model="modal1" title="选择节点"
                @on-cancel="cancel"
@@ -177,41 +198,122 @@
                  @on-current-change="selectNode">
           </Table>
         </Modal>
-        <assigneeBox ref="assigneeHelpBox" :execution-completed="executionCompleted" @update-selected="handleSelectedUser"
-                     :data="assigneeBoxData" :smart-flow-server-context="smartFlowServerContext" :upms-server-context="upmsServerContext"/>
+        <assigneeBox ref="assigneeHelpBox" :execution-completed="executionCompleted"
+                     @update-selected="handleSelectedUser" @update-next-node-assignee="updateNextNodeAssignee"
+                     :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">
+                            :procId="process.procId"
+                            :tableData="process.tableData" :hisAudit="hisAudit"
+                            :smart-flow-server-context="smartFlowServerContext">
           </Workflow_Diagram>
         </Modal>
+        <Modal v-model="appointBoxShow" title="下一环节设置"
+               @on-cancel="appointBoxShow = false" width="600"
+               @on-ok="appointOk">
+          <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>
+              </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 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>
+        </Modal>
+        <candidateGroupsHelpBox ref="candidateGroupsHelpBox" :show="candidateGroupsHelpBoxShow" @update-cand-groups="updateCandGroups"
+                                :upms-server-context="upmsServerContext" :smart-flow-server-context="smartFlowServerContext"/>
       </lamboIndicatorCard>
     </transition>
     <template slot="page-footer">
       <div>
         <slot name="footer-button"></slot>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo70')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo70') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('70')">驳回到原点
         </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo40')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo40') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('40')">驳回上一节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo90')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo90') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('90')">驳回指定节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo80')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo80') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('80')">跳转指定节点
         </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo82')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo82') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('82')">指定他人处理
         </Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo50')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('auditTo50') && !isDetail"
                 :disabled="disable" :loading="loading" @click="audit('50')">直接结束流程
         </Button>
-        <Button style="margin-left: 10px;" v-if="!handleButtons || handleButtons.includes('processTrace')"
-                @click="processPrint" >流程跟踪图</Button>
-        <Button style="margin-left: 10px;" v-if="(!handleButtons || handleButtons.includes('auditTo30')) && !isDetail"
+        <Button style="margin-left: 10px;" v-if="handleButtons && handleButtons.includes('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>
@@ -229,6 +331,7 @@ 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-help-box";
 import LamboPagingTable from "@lambo-design/paging-table";
 import AuditOpinion from "./components/opinion";
 import axios from "axios";
@@ -273,7 +376,7 @@ export default {
       type: Function,
       required: false,
     },
-    title:{
+    title: {
       type: String,
       default: "流程办理"
     },
@@ -295,11 +398,13 @@ export default {
     LamboPagingTable,
     AuditOpinion,
     LamboIndicatorCard,
-    UploadFile
+    UploadFile,
+    CandidateGroupsHelpBox
   },
   data() {
     return {
       isExpanded: true,
+      showProcessInfo: true,
       portraitWidth: 0,
       requestSuccessCodes: [200, "200"],
       auditShow: true,
@@ -316,10 +421,19 @@ export default {
       auditParams: {},
       modal1: false,
       modalBoxShow: false,
+      candidateGroupsHelpBoxShow: false,
+      appointBoxShow: false,
+      autoOpenNode: '0',
+      nextNodesOldSettings: [],
+      nextNodesFormList: [],
       hisNode: [],
       processHistory: [],
+      permScope: '',
+      organTreeType: '',
       ruleValidate: {
-        auditOpinion: [{required: true, trigger: "blur", message: "审批意见不能为空"}]
+        auditOpinion: [{required: true, trigger: "blur", message: "审批意见不能为空"}],
+        assignee: [{required: true, trigger: "blur", message: "办理人不能为空"}],
+        candidateGroups: [{required: true, trigger: "blur", message: "候选人不能为空"}],
       },
       form: {
         auditOpinion: '',
@@ -356,37 +470,55 @@ export default {
         procId: ''
       },
       handleButtonsNames: {
-        '30': '同意',
-        '70': '驳回原点',
+        '30': '通过',
+        '70': '驳回到原点',
         '40': '驳回上一节点',
         '90': '驳回指定节点',
         '80': '跳转指定节点',
-        '82': '转办',
-        '50': '人工终止'
+        '82': '指定他人处理',
+        '50': '直接结束流程'
       },
+      handleTypeList: [
+        {
+          value: '00',
+          label: '只预警不处理'
+        },
+        {
+          value: '10',
+          label: '自动同意'
+        },
+        {
+          value: '20',
+          label: '直接终止流程'
+        },
+        {
+          value: '90',
+          label: '自动驳回'
+        }
+      ],
     }
 
   },
 
   mounted() {
     this.getWidth()
-    if (this.procId){
+    if (this.procId) {
       this.initData()
     }
 
   },
   computed: {
-    processHistoryHeight(){
+    processHistoryHeight() {
       let str = '';
-      const hasAuditOpinion = this.taskNode && (!this.handleButtons || this.handleButtons.includes('auditOpinion'))
-      const hasAttachmentFile = (!this.handleButtons || this.handleButtons.includes('attachmentFile')) && this.attachmentList.length > 0
+      const hasAuditOpinion = this.taskNode && this.handleButtons && this.handleButtons.includes('auditOpinion')
+      const hasAttachmentFile = this.handleButtons && this.handleButtons.includes('auditHistory') && this.attachmentList.length > 0
       const isDetail = this.isDetail && !this.hisAuditOpinion[0].auditOpinion.length > 0
-      if (hasAuditOpinion && !hasAttachmentFile && !isDetail){
-        str+= "height: 43vh"
-      } else if (hasAuditOpinion && hasAttachmentFile && !isDetail){
-        str+= "height: 40vh"
+      if (hasAuditOpinion && !hasAttachmentFile && !isDetail) {
+        str += "height: 43vh"
+      } else if (hasAuditOpinion && hasAttachmentFile && !isDetail) {
+        str += "height: 40vh"
       } else {
-        str+= "height: 67vh"
+        str += "height: 67vh"
       }
       return str;
     },
@@ -496,9 +628,9 @@ export default {
       }
       this.portraitWidth = this.width
     },
-    initData(){
+    initData() {
       this.getAttachList()
-      if (!this.isDetail){
+      if (!this.isDetail) {
         this.getTodoTaskId()
       } else {
         this.getDoneTaskId()
@@ -507,10 +639,6 @@ export default {
       this.getHisAudit();
       this.getProcessHistory();
     },
-    saveBusinessForm() {
-      this.businessFormSave(() => {
-      })
-    },
     getAttachList() {
       const self = this
       const param = {
@@ -538,12 +666,21 @@ export default {
       let param = {
         procId: this.procId,
         applyId: this.applyId,
-        taskNode:this.taskNode
+        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
+          let procType = resp.data.data.rows[0].procType
+          ajax.get(self.smartFlowServerContext + "/manage/processType/lists?proType=" + procType)
+            .then(resp => {
+              let data = resp.data.data.rows
+              self.permScope = data[0].permScope
+              self.organTreeType = data[0].organTreeType
+            }).catch(err => {
+            console.log(err);
+          })
         } else {
           self.$Message.error(resp.data.message)
         }
@@ -556,7 +693,7 @@ export default {
       let param = {
         procId: this.procId,
         applyId: this.applyId,
-        taskNode:this.taskNode
+        taskNode: this.taskNode
       }
       ajax.get(self.smartFlowServerContext + "/manage/processDone/getDoneDetail", {params: param}).then(function (resp) {
         if (resp.data.code === '200') {
@@ -600,6 +737,88 @@ export default {
       ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
         if (resp.data.code === '200') {
           self.handleButtons = resp.data.data[0].handleButtons
+          if (!self.handleButtons || (!self.handleButtons.includes('auditOpinion') && !self.handleButtons.includes('attachmentFile') && !self.handleButtons.includes('auditHistory'))){
+            self.showProcessInfo = false
+          }
+          /*if (self.handleButtons.includes('appointHandler') || self.handleButtons.includes('appointTimeoutTime')) {
+            //获取下个节点信息
+            self.getNextNodes()
+          }*/
+        } 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,
+              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)
         }
@@ -607,9 +826,77 @@ export default {
         console.log(err)
       })
     },
+    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);
+
+        }
+      })
+    },
+    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
+        }
+      })
+    },
+
+    audit: function (auditResult) {
+      let self = this
+      self.auditResult = auditResult
+      self.submit()
+    },
+    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)
+    },
     handleSaveResult(saveResult, businessParams) {
       if (saveResult) {
-        this.executeButtonAction(businessParams,(execResult, instanceId, taskIds, auditResult, curTaskId) => {
+        this.executeButtonAction(businessParams, (execResult, instanceId, taskIds, auditResult, curTaskId) => {
           if (this.executionCompleted) {
             this.executionCompleted(execResult, instanceId, taskIds, auditResult, curTaskId);
           }
@@ -620,7 +907,7 @@ export default {
     },
     executeButtonAction(businessParams, callback) {
       const self = this;
-      if (businessParams){
+      if (businessParams) {
         Object.assign(self.datas, businessParams)
         self.auditParams.params = JSON.stringify(self.datas)
       }
@@ -632,7 +919,7 @@ export default {
         self.assigneeBoxData = self.auditParams
         self.assigneeBoxData.auditResultName = self.handleButtonsNames[self.auditResult]
         self.assigneeBoxData.instanceId = self.instanceId
-        self.$refs.assigneeHelpBox.toggleShowHelpBox();
+        self.$refs.assigneeHelpBox.toggleShowHelpBox(self.organTreeType, '', 'transferCurTask')
       } else if (self.auditResult === '80') {
         self.getNodesBehind()
       } else if (self.auditResult === '90') {
@@ -643,7 +930,7 @@ export default {
         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') {
+          if (result.code == '30013' || result.code == '30014') {
             //前序节点为子流程或当前节点为子流程第一个节点不可驳回上一级节点
             self.$Message.warning(result.message)
             //避免未提示消息直接回调
@@ -692,7 +979,7 @@ export default {
                 self.loading = false
                 self.disable = false
                 self.$Message.success(result.message);
-                if (result.data){
+                if (result.data) {
                   let taskIds = result.data.map(item => item.id).join(',');
                   callback(true, result.data[0].processInstanceId, taskIds, auditResult, self.taskId)
                 } else {
@@ -711,39 +998,49 @@ export default {
           }
         })
       } 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){
-              let taskIds = result.data.map(item => item.id).join(',');
-              callback(true, result.data[0].processInstanceId, taskIds, auditResult, self.taskId)
-            } else {
-              callback(true, null, null, auditResult, self.taskId)
-            }
-            self.$Message.success(result.message);
-          } else if (result.code == '20002') {
-            // 流程结束
-            self.loading = false
-            self.disable = false
-            callback(true, '流程已结束', '流程已结束', auditResult, self.taskId)
-            self.$Message.success(result.message)
+         if (!self.handleButtons || self.handleButtons.includes('appointHandler') || self.handleButtons.includes('appointTimeoutTime')){
+           self.getNextNodes()
+           self.appointBoxShow = true
+         } else {
+           self.doPass(callback)
+         }
+      }
+    },
+    doPass(callback){
+      const self = this
+      let auditResult = {
+        code: self.auditResult,
+        name: self.handleButtonsNames[self.auditResult]
+      }
+      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){
+            let taskIds = result.data.map(item => item.id).join(',');
+            callback(true, result.data[0].processInstanceId, taskIds, auditResult, self.taskId)
           } else {
-            self.loading = false
-            self.disable = false
-            self.$Message.error(result.message)
-            setTimeout(() => {
-              callback(false, null, null, auditResult, self.taskId);
-            }, 1000)
+            callback(true, null, null, auditResult, self.taskId)
           }
-          bus.$emit('triggerTimer')
-        })
-
-      }
+          self.$Message.success(result.message ? result.message : '审批成功');
+        } else if (result.code == '20002') {
+          // 流程结束
+          self.loading = false
+          self.disable = false
+          callback(true, '流程已结束', '流程已结束', auditResult, self.taskId)
+          self.$Message.success(result.message)
+        } else {
+          self.loading = false
+          self.disable = false
+          callback(false, null, null, auditResult, self.taskId)
+          self.$Message.error(result.message ? result.message : '审批失败')
+        }
+        bus.$emit('triggerTimer')
+      })
     },
 
     doSearch() {
@@ -752,11 +1049,6 @@ export default {
     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");
     },
@@ -798,35 +1090,6 @@ export default {
       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() {
@@ -852,26 +1115,6 @@ export default {
       })
     },
 
-    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
@@ -883,20 +1126,6 @@ export default {
       }
       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 = '';
@@ -965,10 +1194,10 @@ export default {
       }
       ajax.get(self.smartFlowServerContext + '/manage/processTodo/getAllPreNodes', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
-          if (resp.data.data.length > 0){
+          if (resp.data.data.length > 0) {
             self.allNode = resp.data.data
             self.modal1 = true
-          }else {
+          } else {
             self.$Message.warning('当前流程无前序节点')
           }
         } else {
@@ -984,10 +1213,10 @@ export default {
       }
       ajax.get(self.smartFlowServerContext + '/manage/processTodo/getNodesBehind', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
-          if (resp.data.data.length > 0){
+          if (resp.data.data.length > 0) {
             self.allNode = resp.data.data
             self.modal1 = true
-          }else {
+          } else {
             self.$Message.warning('当前流程无后续节点')
           }
         } else {
@@ -1039,7 +1268,7 @@ export default {
       el.style.transform = 'translateX(100%)';
       el.addEventListener('transitionend', done);
     },
-    uploadFile(file){
+    uploadFile(file) {
       const self = this;
       self.fileList = []
       file.forEach(item => {
@@ -1049,6 +1278,94 @@ export default {
         });
       })
     },
+
+    appointOk() {
+      const self = this
+      let oldSettings
+      let params = this.nextNodesFormList.reduce((acc, item) => {
+        acc[item.id] = {
+          assignee: item.assignee,
+          candidateGroup: item.candidateGroups,
+          needUpdate: 'false',
+        }
+        let timeLimit = 'expireTime:' + item.remainDay + "D" + item.remainTime + "H" + ";warningTime:" + item.inAdvanceDay + "D" + item.inAdvanceTime + "H;" + "handleType:" + item.processing;
+        if (!(item.remainDay === 0 && item.remainTime === 0 && item.inAdvanceDay === 0 && item.inAdvanceTime === 0)){
+          acc[item.id].timeLimit = timeLimit
+        }
+        oldSettings = self.nextNodesOldSettings.filter(oldSetting => oldSetting.id === item.id)[0]
+        if (oldSettings.assignee !== item.assignee || self.checkGroupsUpdate(oldSettings.candidates, item.candidateGroups) || self.checkTimeLimitUpdate(oldSettings.timeLimit, timeLimit)) {
+          acc[item.id].needUpdate = 'true'
+        }
+        return acc;
+      }, {});
+      self.auditParams.nodeConfigMaps = JSON.stringify(params)
+      self.doPass((execResult, instanceId, taskIds, auditResult, curTaskId) => {
+        if (this.executionCompleted) {
+          this.executionCompleted(execResult, instanceId, taskIds, auditResult, curTaskId);
+        }
+      })
+    },
+    checkGroupsUpdate(oldSetting, newSetting) {
+      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:)([^,]+)/g;
+        let match;
+        const newIds = [];
+        while ((match = regex.exec(newSetting)) !== null) {
+          newIds.push(...match[1].split(';'))
+        }
+        const allInString = oldIdList.every(item => newIds.includes(item));
+        const hasExtra = newIds.some(item => !oldIdList.includes(item));
+        return !allInString || hasExtra
+      }
+      return false
+    },
+    checkTimeLimitUpdate(oldSetting, newSetting){
+      if (oldSetting && newSetting){
+        return oldSetting !== newSetting
+      }
+      if (!oldSetting){
+        return newSetting !== 'expireTime:0D0H;warningTime:0D0H;handleType:00'
+      }
+      return false
+    },
+    readingRangeClick(item) {
+      this.$refs.assigneeHelpBox.toggleShowHelpBox(this.organTreeType, this.permScope, 'transferNextTask', item.id)
+    },
+    candidateGroupsReadingRangeClick(item) {
+      this.$refs.candidateGroupsHelpBox.toggleShowHelpBox(this.permScope, item.candidates, this.organTreeType, item.id);
+    },
+    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();
+      }
+    },
+    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();
+      }
+    }
   },
   watch: {
     auditOpinionText(label) {
@@ -1064,14 +1381,17 @@ export default {
 
 <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{
+
+/deep/ .ivu-card-body {
   padding: 10px;
 }
-.page-info /deep/ .page-body{
+
+.page-info /deep/ .page-body {
   overflow-y: hidden;
 }
 </style>