n20-common-lib 2.9.13 → 2.9.14

package/src/components/ApprovalButtons/indexApp.vue

@@ -0,0 +1,1102 @@
+/* 审批按钮组 */
+<template>
+  <div :class="prefixCls">
+    <!-- 自定义项 -->
+    <ExpandablePane
+      v-if="taskId && showBtn && authList.includes('isShowOtherAtt')"
+      title="自定义项"
+      :default-expand="false"
+    >
+      <el-form ref="approveBtnGroup" label-position="right" :label-width="_lang === 'zh' ? '12em' : '12em'">
+        <div
+          class="p-b-lg p-t-lg p-r-lg"
+          style="max-height: 150px; overflow-y: auto; border: 1px dashed var(--border-color-base); border-radius: 5px"
+        >
+          <show-other-att-new ref="showOtherAttNew" :task-id="taskId" :form="customizationDtos" :required="true" />
+        </div>
+      </el-form>
+    </ExpandablePane>
+    <!-- <div class="n20-form-expandable-pane">
+      <div class="n20-title flex-box flex-lr flex-v" :class="titleClass">
+        <span class="n20-tips flex-item">
+          <slot name="title">
+            <span>{{ $lc('流程处理') }}</span>
+          </slot>
+        </span>
+      </div>
+    </div> -->
+    <!-- 抄送加签 -->
+    <el-form ref="approveBtnGroup" label-position="right" :label-width="_lang === 'zh' ? '6em' : '12em'">
+      <div v-if="taskId && showBtn" class="flex-box">
+        <el-form-item v-if="authList.includes('isCarboncopy')" :label="'抄送' | $lc" class="flex-1 m-b-s">
+          <el-input
+            :value="carbonCopyList.map((c) => c.uname).join(', ')"
+            type="textarea"
+            :autosize="{ minRows: 1 }"
+            @focus="setCarboncopyV = true"
+          />
+        </el-form-item>
+        <el-form-item
+          v-if="authList.includes('isAddtask') || authList.includes('isAddForwardTask') || preAddTask"
+          :label="'加签' | $lc"
+          :error="addMsg"
+          class="flex-1 m-b-s"
+        >
+          <label slot="label">
+            <span>{{ '加签' | $lc }}</span>
+            <!-- <el-tooltip placement="top">
+              <span class="n20-icon-xinxitishi m-l-ss" style="position: static"></span>
+              <div slot="content" style="width: 16em; line-height: 1.6">
+                {{ '会签并行：增加一个会签节点，全部审批人同意才可通过审批' | $lc }}<br />
+                {{ '普通串行：按照加签人数增加节点，每个节点审批通过才可完成当前加签流程' | $lc }}
+              </div>
+            </el-tooltip> -->
+          </label>
+          <div class="flex-box">
+            <el-select
+              v-if="authList.includes('isAddtask') || authList.includes('isAddForwardTask') || preAddTask"
+              v-model="addTaskWay"
+              class="m-r-ss"
+              clearable
+              :placeholder="'请选择加签类型' | $lc"
+              style="width: 10em"
+            >
+              <template>
+                <el-option
+                  v-if="authList.includes('isAddForwardTask') || preAddTask"
+                  :label="'向前加签' | $lc"
+                  value="2"
+                />
+                <el-option v-if="authList.includes('isAddtask') || preAddTask" :label="'向后加签' | $lc" value="1" />
+              </template>
+            </el-select>
+
+            <el-select
+              v-if="addTaskMode === '0' || addTaskWay === '2'"
+              v-model="addTaskType"
+              disabled
+              clearable
+              :placeholder="'请选择审批方式' | $lc"
+              style="width: 10em"
+            >
+              <el-option :label="'普通节点' | $lc" value="1" />
+            </el-select>
+            <el-select v-else v-model="addTaskType" clearable :placeholder="'请选择审批方式' | $lc" style="width: 10em">
+              <el-option :label="'普通节点' | $lc" value="1" />
+              <el-option :label="'会签并行' | $lc" value="2" />
+              <el-option :label="'普通串行' | $lc" value="3" />
+            </el-select>
+
+            <el-input
+              class="flex-item"
+              type="textarea"
+              :value="addTaskList.map((c) => c.uname).join(', ')"
+              :autosize="{ minRows: 1 }"
+              clearable
+              @focus="setAddtaskV = true"
+            />
+            <el-select v-model="addTaskTag" class="m-l-ss" clearable>
+              <el-option v-for="item in remarkOpt" :key="item.code" :label="item.name" :value="item.code" />
+            </el-select>
+          </div>
+        </el-form-item>
+      </div>
+      <el-form-item v-if="approveBtns" :label="'审批意见' | $lc" :error="errMsg" :required="requiredC" class="m-t-s">
+        <el-input
+          ref="msg-input"
+          v-model="messageC"
+          type="textarea"
+          placeholder="请输入审批意见"
+          :maxlength="messageMax"
+          show-word-limit
+          :autosize="{ minRows: 2 }"
+        />
+        <!--  <template v-if="taskId && showBtn">
+          <show-app-opi
+            v-if="opiAndUser || authList.includes('showAppOpi')"
+            :task-id="taskId"
+            :message.sync="messageC"
+            :and-user="opiAndUser"
+          />
+          <show-other-att
+            v-if="authList.includes('showOtherAtt')"
+            class="flex-1 m-l"
+            :task-id="taskId"
+            :other-att="otherAtt"
+            style="width: 18%"
+          />
+        </template> -->
+      </el-form-item>
+    </el-form>
+    <!-- 加签按钮 -->
+    <div v-if="authList.includes('byAddTask') && addTaskList.length > 0" class="text-c">
+      <el-button v-if="authList.includes('approval')" type="primary" @click="checkFlowFn">{{
+        '加 签' | $lc
+      }}</el-button>
+    </div>
+    <!-- 审批按钮 -->
+    <div v-if="authList.includes('byAddTask') && !addTaskList.length" class="text-c">
+      <el-button type="primary" @click="showAdvancePop">{{ btnsNames['approval'] }}</el-button>
+      <!--       <el-button type="primary" @click="approvalToV = true">{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button>
+      <el-button plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button> -->
+      <el-button plain @click="rejectFn">{{ btnsNames['reject'] }}</el-button>
+      <!--       <el-button type="danger" plain @click="discardFn">{{ btnsNames['discard'] }}</el-button>
+      <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button> -->
+    </div>
+
+    <div v-else-if="!authList.includes('byAddTask')" class="text-c">
+      <div v-if="!approveBtns" style="text-align: center; font-size: 18px">请点击左上角返回处，进入OA待办页面</div>
+      <!-- 特殊会签按钮 START -->
+      <el-button v-if="authList.includes('pass')" type="primary" @click="checkFlowFn">{{
+        btnsNames['pass']
+      }}</el-button>
+      <el-button v-if="authList.includes('refuse')" plain @click="rejectFn">{{ btnsNames['refuse'] }}</el-button>
+      <el-button v-if="authList.includes('takeOff')" plain @click="qjFn">{{ btnsNames['takeOff'] }}</el-button>
+      <!-- END -->
+      <el-button v-if="authList.includes('approval') && approveBtns" type="primary" @click="showAdvancePop">{{
+        btnsNames['approval']
+      }}</el-button>
+      <!--  <el-button v-if="authList.includes('approval') && nextApproval && nextBtn" type="primary" @click="approvalNext">
+        {{ btnsNames['approval'] }}{{ '并审批下一条' | $lc }}</el-button
+      >
+      <el-button v-if="showApprovalTo" type="primary" @click="approvalToV = true"
+        >{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button
+      >
+      <el-button v-if="authList.includes('rejectTo')" plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button> -->
+      <el-button v-if="authList.includes('reject') && approveBtns" plain @click="rejectFn">{{
+        btnsNames['reject']
+      }}</el-button>
+      <!-- <el-button v-if="authList.includes('rejectPre')" plain @click="rejectPreFn">{{
+        btnsNames['rejectPre']
+      }}</el-button>
+
+      <el-button v-if="authList.includes('discard')" type="danger" plain @click="discardFn">{{
+        btnsNames['discard']
+      }}</el-button>
+      <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button> -->
+    </div>
+    <!-- 设置抄送用户 -->
+    <cl-dialog
+      v-drag
+      :visible.sync="setCarboncopyV"
+      :title="'设置抄送用户' | $lc"
+      width="960px"
+      append-to-body
+      top="7.5vh"
+    >
+      <carboncopy-prop :carbon-copy-list="carbonCopyList" @close="setCarboncopyV = false" @confirm="setCarboncopyOk" />
+    </cl-dialog>
+    <!-- 设置加签用户 -->
+    <cl-dialog
+      v-drag
+      :visible.sync="setAddtaskV"
+      :title="'设置加签用户' | $lc"
+      width="960px"
+      append-to-body
+      top="7.5vh"
+    >
+      <carboncopy-prop
+        type="addtask"
+        :carbon-copy-list="addTaskList"
+        @close="setAddtaskV = false"
+        @confirm="setAddtaskOk"
+      />
+    </cl-dialog>
+    <!-- 驳回至节点 -->
+    <cl-dialog v-drag :visible.sync="rejectToV" :title="'驳回至节点' | $lc" width="960px" append-to-body top="7.5vh">
+      <reject-to-prop
+        :task-id="taskId"
+        :show-retrace-flow="isShowRetrace"
+        @close="rejectToV = false"
+        @confirm="rejectToFn"
+      />
+    </cl-dialog>
+    <!-- 批准至节点 -->
+    <cl-dialog v-drag :visible.sync="approvalToV" :title="'批准至节点' | $lc" width="960px" append-to-body top="7.5vh">
+      <reject-to-prop :task-id="taskId" type="approvalTo" @close="approvalToV = false" @confirm="approvalToFn" />
+    </cl-dialog>
+    <!-- 驳回发起人是否重走流程 -->
+    <cl-dialog
+      v-drag
+      :visible.sync="showFlowDialog"
+      :title="'驳回发起人是否重走流程' | $lc"
+      width="400px"
+      append-to-body
+      center-dialog
+    >
+      <el-radio-group v-model="isJump">
+        <el-radio label="0">{{ '重走流程' | $lc }}</el-radio>
+        <el-radio label="1"
+          >{{ '不重走流程' | $lc }}
+          <i v-title="tips" class="n20-icon-xinxitishi" style="color: var(--color-warning)"></i
+        ></el-radio>
+      </el-radio-group>
+      <div slot="footer">
+        <el-button type="primary" @click="handleIsJumpSave">{{ '确定' | $lc }}</el-button>
+        <el-button @click="showFlowDialog = false">{{ '取消' | $lc }}</el-button>
+      </div>
+    </cl-dialog>
+    <!-- 校验结果 -->
+    <cl-dialog
+      v-drag
+      :visible.sync="verifyV"
+      :title="isWyfk ? '异常提醒' : '校验结果' | $lc"
+      width="960px"
+      append-to-body
+      top="7.5vh"
+    >
+      <div class="m-t m-b">
+        <span class="m-r-ss">{{ '结果统计：' | $lc }}</span>
+        {{ '共计校验' | $lc }}<span>{{ verifyMsg.checkSum }}</span
+        >{{ '条，其中通过' | $lc }}<span class="color-success">{{ verifyMsg.sucessCount }}</span> {{ $l('条，待确认')
+        }}<span class="color-warning">{{ verifyMsg.tobeConfirmedCount }}</span> {{ '条，未通过' | $lc
+        }}<span class="color-danger">{{ verifyMsg.errorCount }}</span
+        >{{ '条，未通过详情如下：' | $lc }}
+      </div>
+      <el-tag v-if="isWyfk && verifyMsg.tobeConfirmedCount > 0" type="warning" size="small" class="m-b-s">
+        {{ '风险指令' | $lc }}
+      </el-tag>
+      <el-tag v-if="isWyfk && verifyMsg.errorCount > 0" size="small" type="danger" class="m-b-s"
+        >{{ '异常指令' | $lc }}
+      </el-tag>
+      <el-table :data="verifyMsg.checkFlowVoList" border max-height="400">
+        <el-table-column type="index" :label="'序号' | $lc" align="center" width="50" />
+        <el-table-column prop="businessId" :label="'业务流水号' | $lc" align="center" width="120" />
+        <el-table-column prop="typeName" :label="'交易类型' | $lc" align="center" width="120">
+          <template slot-scope="{ row }">
+            {{ row.typeName }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" :label="'校验状态' | $lc" align="center" width="120">
+          <template slot-scope="{ row }">
+            <div
+              :class="
+                row.status === 'PASS' ? 'color-success' : row.status === 'PROMPT' ? 'color-warning' : 'color-danger'
+              "
+            >
+              {{ row.statusName }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="isWyfk"
+          prop="errorMsg"
+          :label="verifyMsg.tobeConfirmedCount > 0 ? '风险命中原因' : '异常原因' | $lc"
+        />
+        <el-table-column v-else prop="errorMsg" :label="'不通过原因' | $lc" />
+      </el-table>
+      <span slot="footer">
+        <div v-if="promptType === '1'">
+          <el-button v-if="checkSum !== errorCount" type="primary" @click="onContinue">{{
+            $l(isWyfk ? '核实无误' : '继续审批')
+          }}</el-button>
+          <el-button plain @click="onceCancelFn">{{ $l('取消') }}</el-button>
+          <div v-if="checkSum !== errorCount" class="m-t-s color-danger f-s-s">
+            <span v-if="isWyfk">
+              {{ $l('*点击【核实无误】将提交校验通过和待确认数据，未通过数据需要到待审核详情页处理。') }}</span
+            >
+            <span v-else>{{
+              $l('*点击【继续审批】将提交校验通过和待确认数据，未通过数据需要到待审核详情页处理。')
+            }}</span>
+          </div>
+        </div>
+        <div v-if="promptType === '2'">
+          <el-button v-if="checkSum !== errorCount" type="primary" @click="onContinue">{{
+            $l(isWyfk ? '核实无误' : '继续审批')
+          }}</el-button>
+          <el-button plain @click="onceCancelFn">{{ $l('取消') }}</el-button>
+        </div>
+      </span>
+    </cl-dialog>
+    <!-- 选择审批人 -->
+    <cl-dialog v-drag :visible.sync="setSpr" :title="'设置下一步' | $lc" width="1100px" append-to-body top="7.5vh">
+      <selectSpr :select-spr-list="selectSprList" @close="setSpr = false" @confirm="selectSprListFn" />
+    </cl-dialog>
+  </div>
+</template>
+<script src="http://cmp/v1.0.0/js/cordova/__CMPSHELL_PLATFORM__/cordova.js"></script>
+<script src="http://cmp/v1.0.0/js/cordova/cordova-plugins.js"></script>
+<!--导入cmp.js-->
+<script src="http://cmp/v/js/cmp-i18n.js"></script>
+<script src="http://cmp/v/js/cmp.js"></script>
+<script>
+import selectSpr from './selectSpr.vue'
+import getJsonc from '../../assets/getJsonc.js'
+import { closeTagsForBackPage } from '../../plugins/CompatibleOld'
+import axios from '../../utils/axios'
+import { $lc } from '../../utils/i18n/index'
+import { linkGo, linkPush } from '../../utils/urlToGo'
+import ClDialog from '../Dialog'
+import ClUpload from '../Upload'
+import dCloumn from './getDCloumn'
+import CarboncopyProp from './setCarboncopyProp.vue'
+import RejectToProp from './setRejectToProp.vue'
+import ShowAppOpi from './showAppOpi.vue'
+import ShowOtherAtt from './showOtherAttr.vue'
+import ShowOtherAttNew from './showOtherAttrNew.vue'
+import ExpandablePane from '../Expandable/main.vue'
+import { toExaminePath } from './specialHandle'
+const prefixCls = 'n20-approval-Button'
+// window._approvalExtend = { 'addtask.chdUserInfo.extend': {}, 'appOpi.queryAppOpiAndUser.exist': undefined, 'card.countermand.suggestion': false }
+if (!window._approvalExtend) window._approvalExtend = {}
+if (!window._approvalExtend['addtask.chdUserInfo.extend']) {
+  window._approvalExtend['addtask.chdUserInfo.extend'] = window._isAddtask_get_userlist_extend_data_ || {}
+}
+
+export default {
+  name: 'ApprovalButtons',
+  components: {
+    selectSpr,
+    ClDialog,
+    ClUpload,
+    CarboncopyProp,
+    RejectToProp,
+    ShowAppOpi,
+    ShowOtherAtt,
+    ShowOtherAttNew,
+    ExpandablePane
+  },
+  props: {
+    // 是否需要校验
+    isCheck: {
+      type: Boolean,
+      default: true
+    },
+    message: {
+      type: String,
+      default: ''
+    },
+    messageMax: {
+      type: Number,
+      default: 500
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    signText: {
+      type: String,
+      default: undefined
+    },
+    plainText: {
+      type: String,
+      default: undefined
+    },
+    nextApproval: {
+      type: Boolean,
+      default: false
+    },
+    btnList: {
+      type: Array,
+      default: () => {
+        return ['reject', 'rejectPre', 'approval', 'discard']
+      }
+    },
+    fileData: {
+      type: Object,
+      default: () => {
+        return {
+          data: JSON.stringify({
+            syscode: '010000000',
+            appno: 'abcd',
+            bussValue: '006001001',
+            cltno: '001',
+            creator: 'jz'
+          })
+        }
+      }
+    },
+    apiPrefix: {
+      type: String
+    },
+    /**
+     * 是否上传审批附件
+     */
+    fileKit: {
+      type: Boolean,
+      default: false
+    },
+    beforeRatify: {
+      type: Function,
+      default: undefined
+    },
+    beforeReject: {
+      type: Function,
+      default: undefined
+    },
+    beforeRejectPre: {
+      type: Function,
+      default: undefined
+    },
+    beforeDiscard: {
+      type: Function,
+      default: undefined
+    }
+  },
+  data() {
+    this.msgisSync = !!this.$listeners['update:message']
+    return {
+      attributes: undefined,
+      isWyfk: false,
+      nextEgwOutgoingNodeId: undefined,
+      nextNodeApproveUnos: undefined,
+      selectSprList: undefined,
+      setSpr: false,
+      requiredC: false,
+      prefixCls,
+      messageIn: '',
+      errMsg: undefined,
+      taskId: '',
+      taskDefKey: '',
+      authList: [],
+      showBtn: true,
+      setCarboncopyV: false,
+      carbonCopyList: [],
+      addMsg: undefined,
+      setAddtaskV: false,
+      addTaskList: [],
+      addTaskType: '1',
+      addTaskTag: '',
+      preAddTask: false,
+      addTaskWay: undefined,
+      rejectToV: false,
+      approvalToV: false,
+      showApprovalTo: false,
+      opiAndUser: false,
+      addTaskMode: '0',
+      otherAtt: {},
+      customizationDtos: {},
+      fileDtos: [],
+      fileName: '',
+      fileUrl: '',
+      todoList: [],
+      verifyV: false,
+      verifyMsg: {},
+      promptType: '0',
+      remarkOpt: [],
+      isShowRetrace: undefined,
+      isJump: undefined,
+      showFlowDialog: false,
+      IsShowUploadWidget: false,
+      showCustomItem: false,
+      isTakeOff: undefined,
+      sucessCount: 0,
+      errorCount: 0,
+      tobeConfirmedCount: 0,
+      checkSum: 0,
+      mustUploadWidget: false,
+      btnsNames: {
+        pass: this.$l('通过'),
+        refuse: this.$l('拒绝'),
+        takeOff: this.$l('请假'),
+        reject: this.$l('驳回'),
+        rejectPre: this.$l('驳回至上一节点'),
+        approval: this.$l('批 准'),
+        discard: this.$l('作 废'),
+        rejectTo: this.$l('驳回至')
+      },
+      approveBtns: true
+    }
+  },
+  computed: {
+    messageC: {
+      get() {
+        return this.msgisSync ? this.message : this.messageIn
+      },
+      set(val) {
+        if (this.msgisSync) {
+          this.$emit('update:message', val)
+        } else {
+          this.messageIn = val
+        }
+      }
+    },
+    nextBtn() {
+      return this.todoList.length > 1
+    },
+    fileKitT: {
+      get() {
+        return this.IsShowUploadWidget || this.fileKit || window.fileKit
+      }
+    },
+    tips() {
+      return $lc(`此模式下被回退节点提交后将绕过中间已办节点，造成流程不严谨，谨慎使用！`)
+    }
+  },
+  created() {
+    this.taskId = this.$route.query.taskId || this.$route.params.taskId
+    this.showBtn = this.$route.query.habtn !== 'true'
+    this.getBtns()
+    this.getAddTaskMode()
+    this.getShowApprovalTo()
+    this.getHasQueryAppOpiAndUser()
+    this.nextApproval && this.getTodoList()
+    this.getConfiguration()
+    this.getIsShowUploadWidget()
+  },
+  methods: {
+    // 查询选择审批人
+    async showAdvancePop() {
+      this.checkFlowFn()
+    },
+    // 选择审批人
+    selectSprListFn(data) {
+      console.log(data)
+      this.nextEgwOutgoingNodeId = data.nextEgwOutgoingNodeId
+      this.nextNodeApproveUnos = data.nextNodeApproveUnos
+      this.setSpr = false
+      this.checkFlowFn()
+    },
+    async getIsShowUploadWidget() {
+      const { processInstanceId: procInstId, taskId } = this.$route.query
+      let { code, data } = await this.$axios.get(
+        `/bems/activiti/admin/todo/isShowUploadWidget/${procInstId}/${taskId}`,
+        null,
+        {
+          loading: false,
+          noMsg: true
+        }
+      )
+      if (code === 200) {
+        if (Object.prototype.toString.call(data) === '[object Object]') {
+          this.IsShowUploadWidget = data.showUploadWidget
+          this.mustUploadWidget = data.mustUploadWidget
+        } else {
+          this.IsShowUploadWidget = data
+        }
+      }
+      console.log(code, data)
+    },
+    // 意见是否必填
+    getConfiguration() {
+      getJsonc('portal/server-config.jsonc', null, true)
+        .then(({ opinionRequired }) => {
+          this.requiredC = opinionRequired ?? this.required
+          // 读取该工作流是否意见必填
+          if (this.$route.query.remarkIsMust !== undefined) {
+            this.requiredC = this.$route.query.remarkIsMust === '1'
+          }
+        })
+        .catch(() => {
+          this.requiredC = this.required
+          // 读取该工作流是否意见必填
+          if (this.$route.query.remarkIsMust !== undefined) {
+            this.requiredC = this.$route.query.remarkIsMust === '1'
+          }
+        })
+    },
+    getTodoList() {
+      return new Promise((resolve, reject) => {
+        const dto = JSON.parse(sessionStorage.getItem(`approvalDto`))
+        axios.post('/bems/activiti/admin/todo/todo', dto).then(({ data, code }) => {
+          if (code === 200) {
+            const { list } = data
+            this.todoList = list || []
+            resolve({ data, code })
+          }
+        })
+      })
+    },
+    // 获取加签方式的模式
+    getAddTaskMode() {
+      axios
+        .get(`/bems/activiti/sample/getAddTaskMode`, null, {
+          loading: false,
+          noMsg: true
+        })
+        .then(({ data, code }) => {
+          if (code === 200) {
+            this.addTaskMode = data
+          }
+        })
+    },
+    // 换回到发起页
+    goFrom() {
+      let pathname = location.pathname
+      if (this.nextApproval && this.nextBtn) {
+        window.location.href = window.location.origin + '/activiti/toExamine'
+      } else {
+        linkGo()
+      }
+      // linkGo()
+      this.$nextTick(() => {
+        closeTagsForBackPage(pathname)
+      })
+    },
+    // 动态获取按钮
+    getBtns() {
+      if (!this.taskId || !this.showBtn) return false
+      axios
+        .get('/bems/activiti/admin/todo/authList/' + this.taskId, null, {
+          loading: false,
+          noMsg: true
+        })
+        .then(({ data = {} }) => {
+          // 自定义按钮
+          if (data.customBtnName && data.customBtnName.length > 0) {
+            data.customBtnName.forEach((item) => {
+              this.btnsNames[item.key] = item.optionName
+            })
+          }
+          let { taskDefKey, menuAuthority } = data
+
+          this.taskDefKey = taskDefKey
+
+          if (menuAuthority) {
+            this.authList = menuAuthority.split('|')
+          } else {
+            this.authList = this.btnList
+          }
+          if (!(this.authList.includes('isAddtask') || this.authList.includes('isAddForwardTask'))) {
+            this.getHasPreAddTask()
+          }
+          if (this.authList.includes('isAddtask') || this.authList.includes('isAddForwardTask') || this.preAddTask) {
+            this.getMdmDataDoc()
+          }
+        })
+        .catch(() => {
+          this.authList = this.btnList
+          if (!(this.authList.includes('isAddtask') || this.authList.includes('isAddForwardTask'))) {
+            this.getHasPreAddTask()
+          }
+        })
+    },
+    // 获取是否显示驳回至按钮
+    getShowApprovalTo() {
+      if (this.showBtn && this.$route.query.state === '2') {
+        axios
+          .get(`/bems/activiti/sample/getTaskMoveVos/${this.$route.query.taskId}/1`, null, {
+            noMsg: true
+          })
+          .then(() => {
+            this.showApprovalTo = true
+          })
+      }
+    },
+    // 刺探是否具有向前加签功能
+    getHasPreAddTask() {
+      if (this.showBtn && window._approvalExtend['appOpi.addTaskWay.exist'] === undefined) {
+        axios
+          .get('/bems/activiti/online/addTaskWay', null, {
+            loading: false,
+            noMsg: true
+          })
+          .then(() => {
+            this.preAddTask = window._approvalExtend['appOpi.addTaskWay.exist'] = true
+          })
+          .catch(() => {
+            window._approvalExtend['appOpi.addTaskWay.exist'] = false
+          })
+      } else {
+        this.preAddTask = window._approvalExtend['appOpi.addTaskWay.exist']
+      }
+    },
+    // 刺探审批意见接口是否存在
+    getHasQueryAppOpiAndUser() {
+      if (this.showBtn && window._approvalExtend['appOpi.queryAppOpiAndUser.exist'] === undefined) {
+        axios
+          .post('/bems/activiti/actAppOpi/queryAppOpiAndUser', null, {
+            loading: false,
+            noMsg: true
+          })
+          .then(() => {
+            this.opiAndUser = window._approvalExtend['appOpi.queryAppOpiAndUser.exist'] = true
+          })
+          .catch(() => {
+            window._approvalExtend['appOpi.queryAppOpiAndUser.exist'] = false
+          })
+      } else {
+        this.opiAndUser = window._approvalExtend['appOpi.queryAppOpiAndUser.exist']
+      }
+    },
+    // 获取提交参数
+    getParam() {
+      let { typeCode, taskId, groupNo, isAgentcy, isCheck } = this.$route.query
+      let customizationDtos
+      if (this.authList.includes('isShowOtherAtt')) {
+        customizationDtos = this.$refs['showOtherAttNew']?.getOtherAttData()
+      }
+      return [
+        {
+          attributes: this.attributes,
+          nextNodeApproveUnos: this.nextNodeApproveUnos,
+          nextEgwOutgoingNodeId: this.nextEgwOutgoingNodeId,
+          isTakeOff: this.isTakeOff,
+          typeCode,
+          taskId,
+          groupNo,
+          isAgentcy,
+          isCheck,
+          taskDefKey: this.taskDefKey,
+          message: this.messageC,
+          formData: JSON.stringify(this.formData),
+          signText: this.signText,
+          plainText: this.plainText,
+          fileDtos: this.fileDtos,
+          carbonCopyUserDtoList: this.carbonCopyList.map((c) => ({
+            userNo: c.uno,
+            userName: c.uname
+          })),
+          addTaskList: this.addTaskList.map((c) => ({
+            userNo: c.uno,
+            userName: c.uname
+          })),
+          addTaskType: this.addTaskType,
+          addTaskTag: this.addTaskTag,
+          addTaskWay: this.addTaskWay,
+          customizationDtos,
+          isJump: this.isJump,
+          ...this.otherAtt
+        }
+      ]
+    },
+    // 添加自定义参数
+    setParam(obj) {
+      Object.assign(this.otherAtt, obj)
+    },
+    // 提交后的提示
+    thenMsg(data = {}, str = $lc('操作')) {
+      let { failCount, failList = {} } = data
+      if (failCount > 0) {
+        if (Array.isArray(failList)) {
+          let _failList = {}
+          failList.forEach((f = {}) => {
+            Object.assign(_failList, f)
+          })
+          failList = _failList
+        }
+        let errArr = Object.values(failList)
+        if (errArr.length > 0) {
+          this.$message.error(errArr.join('、'))
+        } else {
+          this.$message.error(str + $lc('失败'))
+        }
+      } else {
+        this.$emit('afterFn', str)
+        this.$message.success(str + $lc('成功'))
+        this.approveBtns = false
+      }
+    },
+    addErrFn() {
+      this.addMsg = $lc('审批方式不能为空')
+      setTimeout(() => {
+        this.addMsg = undefined
+      }, 1000)
+    },
+    errMsgFn(str = '') {
+      this.$refs['msg-input'].focus()
+      this.errMsg = str + $lc('操作，意见不能为空')
+      setTimeout(() => {
+        this.errMsg = undefined
+      }, 1000)
+    },
+    // 如果有前置处理,先执行前置处理
+    beforeFn(bFn, callFn) {
+      if (!bFn) {
+        callFn()
+      } else {
+        let F = bFn(callFn)
+        F.then && F.then(callFn)
+      }
+    },
+    // 查询是否配置 允许不重走流程
+    async getIsShowRetraceFlow() {
+      try {
+        let { processInstanceId: procInstId } = this.$route.query
+        const { code, data } = await axios.get(
+          `/bems/activiti/admin/todo/isShowRetraceFlowOptions/${procInstId}/${this.taskId}`,
+          null,
+          {
+            loading: false,
+            noMsg: true
+          }
+        )
+        return code === 200 && data
+      } catch (error) {
+        console.error('查询是否配置允许不重走流程接口错误:', error)
+        return false
+      }
+    },
+    // 驳回
+    async rejectFn() {
+      if (!this.messageC) {
+        return this.errMsgFn(this.authList.includes('refuse') ? $lc('拒绝') : $lc('驳回'))
+      }
+      this.showFlowDialog = await this.getIsShowRetraceFlow()
+
+      if (!this.showFlowDialog) {
+        this.beforeFn(this.beforeReject, () => {
+          axios.post('/bems/activiti/admin/todo/reject', this.getParam()).then(({ data }) => {
+            this.thenMsg(data, this.authList.includes('refuse') ? $lc('拒绝') : $lc('驳回至发起人'))
+          })
+        })
+      }
+    },
+    handleIsJumpSave() {
+      this.showFlowDialog = false
+      this.beforeFn(this.beforeReject, () => {
+        axios.post('/bems/activiti/admin/todo/reject', this.getParam()).then(({ data }) => {
+          this.thenMsg(data, $lc('驳回至发起人'))
+        })
+      })
+    },
+    async rejectToB() {
+      if (!this.messageC) {
+        return this.errMsgFn($lc('驳回'))
+      }
+      this.isShowRetrace = await this.getIsShowRetraceFlow()
+      this.rejectToV = true
+    },
+    rejectToFn(taskId, isJump) {
+      this.isJump = isJump
+      this.rejectToV = false
+      let param = this.getParam()
+      param.forEach((item) => {
+        item.taskMoveVo = { taskId }
+      })
+      this.beforeFn(this.beforeRejectPre, () => {
+        axios.post('/bems/activiti/admin/todo/rejectpre', param).then(({ data }) => {
+          this.thenMsg(data, $lc('驳回至'))
+        })
+      })
+    },
+    // 驳回到上一步
+    rejectPreFn(list) {
+      if (!this.messageC) {
+        return this.errMsgFn($lc('驳回'))
+      }
+      this.beforeFn(this.beforeRejectPre, () => {
+        axios.post('/bems/activiti/admin/todo/rejectpre', this.getParam()).then(({ data }) => {
+          this.thenMsg(data, $lc('驳回至上一节'))
+        })
+      })
+    },
+    onContinue() {
+      if (this.isWyfk) {
+        this.attributes = {
+          ebsPaymentRiskWarning: '核实无误'
+        }
+      } else {
+        this.attributes = undefined
+      }
+      this.verifyV = false
+      this.approvalFn()
+    },
+    qjFn() {
+      this.isTakeOff = '1'
+      this.checkFlowFn()
+    },
+
+    async checkFlowFn() {
+      if (this.requiredC && !this.messageC) {
+        return this.errMsgFn(
+          this.authList.includes('byAddTask') && this.addTaskList.length > 0 ? $lc('加签') : $lc('批准')
+        )
+      }
+      if (this.addTaskList.length > 0 && !this.addTaskType) {
+        return this.addErrFn()
+      }
+      let { isCheck, taskId, appNo, groupNo, typeCode, orderId, isAgentcy } = this.$route.query
+      this.isWyfk = ['PUBLIC_PAYMENT', 'BATCH_PERSON_PAYMENT'].includes(typeCode)
+      if (isCheck === '1' && this.isCheck) {
+        let params = {
+          plainText: '',
+          signText: '',
+          isCheck,
+          auditAdvanceDtos: [
+            {
+              isTakeOff: this.isTakeOff,
+              nextNodeApproveUnos: this.nextNodeApproveUnos,
+              nextEgwOutgoingNodeId: this.nextEgwOutgoingNodeId,
+              appNo,
+              taskId,
+              groupNo,
+              typeCode,
+              isAgentcy,
+              isCheck,
+              businessId: orderId,
+              attributes: {
+                appOrPc: '3'
+              }
+            }
+          ]
+        }
+        const { code, data } = await this.$axios.post(`/bems/activiti/admin/todo/checkFlowNew`, params)
+        if (code === 200) {
+          this.promptType = data.promptType
+          // 成功 失败  待确认 提交数据
+          this.sucessCount = data.sucessCount
+          this.errorCount = data.errorCount
+          this.tobeConfirmedCount = data.tobeConfirmedCount
+          this.checkSum = data.checkSum
+          switch (data.promptType) {
+            case '0':
+              this.approvalFn()
+              break
+            case '1':
+            case '2':
+              // 只有通过的数据
+              if (this.sucessCount === this.checkSum) {
+                this.approvalFn()
+              } else {
+                this.verifyV = true
+                this.verifyMsg = data
+              }
+              break
+          }
+        }
+      } else {
+        this.approvalFn()
+      }
+    },
+    onceCancelFn() {
+      this.verifyV = false
+    },
+    // 审批
+    approvalFn() {
+      if (this.requiredC && !this.messageC) {
+        return this.errMsgFn(
+          this.authList.includes('byAddTask') && this.addTaskList.length > 0 ? $lc('加签') : $lc('批准')
+        )
+      }
+      if (this.addTaskList.length > 0 && !this.addTaskType) {
+        return this.addErrFn()
+      }
+      axios.post('/bems/activiti/admin/todo/advance', this.getParam()).then(({ data }) => {
+        this.thenMsg(
+          data,
+          this.authList.includes('byAddTask') && this.addTaskList.length > 0 ? $lc('加签') : $lc('批准')
+        )
+      })
+    },
+    approvalNext() {
+      if (this.requiredC && !this.messageC) {
+        return this.errMsgFn(
+          this.authList.includes('byAddTask') && this.addTaskList.length > 0 ? $lc('加签') : $lc('批准')
+        )
+      }
+      if (this.addTaskList.length > 0 && !this.addTaskType) {
+        return this.addErrFn()
+      }
+
+      this.beforeFn(this.beforeRatify, () => {
+        axios.post('/bems/activiti/admin/todo/advance', this.getParam()).then(({ data }) => {
+          let { failCount, failList = {} } = data
+          if (failCount > 0) {
+            if (Array.isArray(failList)) {
+              let _failList = {}
+              failList.forEach((f = {}) => {
+                Object.assign(_failList, f)
+              })
+              failList = _failList
+            }
+            let errArr = Object.values(failList)
+            if (errArr.length > 0) {
+              this.$message.error(errArr.join('、'))
+            } else {
+              this.$message.error($lc('审批失败'))
+            }
+          } else {
+            this.$message.success($lc('审批成功'))
+            closeTagsForBackPage()
+            this.getTodoList().finally(() => {
+              this.goApproval(this.todoList[0])
+            })
+          }
+        })
+      })
+    },
+    async goApproval(row) {
+      const { appUrl = {} } = await getJsonc('activiti/server-config.jsonc', null, true)
+      if (appUrl[row.appNo]) {
+        let path = toExaminePath(row, appUrl) || appUrl[row.appNo] + $lc('/') + row.typeCode
+        linkPush(path, {
+          orderId: row.businessId,
+          taskId: row.taskId,
+          typeCode: row.typeCode,
+          processInstanceId: row.processInstanceId,
+          state: row.state,
+          appNo: row.appNo,
+          parent: $lc('审核'),
+          groupNo: row.groupNo,
+          signflag: row.signflag,
+          isAgentcy: row.isAgentcy,
+          ...dCloumn(row)
+        })
+      } else {
+        this.$message.warning($lc('该业务跳转路径没有配置，请联系工作流相关前端人员配置'))
+      }
+    },
+    approvalToFn(taskId) {
+      this.approvalToV = false
+      let param = this.getParam()
+      param.forEach((item) => {
+        item.taskMoveVo = { taskId }
+      })
+      this.beforeFn(this.beforeRatify, () => {
+        axios.post('/bems/activiti/admin/todo/advance', param).then(({ data }) => {
+          this.thenMsg(data, $lc('批准至'))
+        })
+      })
+    },
+    // 获取数据字典加签备注
+    async getMdmDataDoc() {
+      const { code, data } = await this.$axios.get(`/bems/1.0/mdmDataDoc`, {
+        typeCode: 'ADD_TASK_TAG'
+      })
+      if (code === 200) {
+        this.remarkOpt = data || []
+      }
+    },
+
+    // 作废
+    discardFn() {
+      if (!this.messageC) {
+        return this.errMsgFn($lc('作废'))
+      }
+      this.beforeFn(this.beforeDiscard, () => {
+        axios.post('/bems/activiti/admin/todo/cancle', this.getParam()).then(({ data }) => {
+          this.thenMsg(data, $lc('作废'))
+        })
+      })
+    },
+    setCarboncopyOk(list) {
+      this.carbonCopyList = list
+
+      this.setCarboncopyV = false
+    },
+    setAddtaskOk(list) {
+      this.addTaskList = list
+      if (this.addTaskList.length > 0 && !this.addTaskType) {
+        if (this.addTaskWay === '2') {
+          this.addTaskType = '3'
+        } else {
+          this.addTaskType = '2'
+        }
+      }
+
+      this.setAddtaskV = false
+    },
+    getFileDtos(fileList) {
+      return fileList.map((file) => {
+        return {
+          fileName: file.name,
+          beid: file.response?.data
+        }
+      })
+    },
+    onRemove(file, fileList) {
+      this.fileName = ''
+      this.fileDtos = this.getFileDtos(fileList)
+    },
+    onSuccess(response, file, fileList) {
+      this.fileDtos = this.getFileDtos(fileList)
+      this.fileName = file.name || ''
+    }
+  }
+}
+</script>