n20-common-lib 1.2.43 → 1.3.0

package/src/components/ApprovalButtons/index.vue

@@ -1,233 +1,240 @@
-/* 审批按钮组 */
-<template>
-  <div>
-    <el-form label-position="left" label-width="5em">
-      <el-form-item label="审批意见" :error="errMsg">
-        <el-input
-          ref="msg-input"
-          v-model="messageC"
-          type="textarea"
-          placeholder="请输入操作意见（50字以内），批准该意见为非必填，驳回/作废该意见为必填！"
-          :maxlength="50"
-          :autosize="{ minRows: 1 }"
-        />
-      </el-form-item>
-    </el-form>
-
-    <div class="text-c">
-      <el-button plain @click="goFrom">返 回</el-button>
-      <el-button v-if="authList.includes('reject')" plain @click="rejectFn"
-        >驳回至发起人</el-button
-      >
-      <el-button
-        v-if="authList.includes('rejectPre')"
-        plain
-        @click="rejectPreFn"
-        >驳回至上一节点</el-button
-      >
-      <el-button
-        v-if="authList.includes('approval')"
-        type="primary"
-        @click="approvalFn"
-        >批 准</el-button
-      >
-      <el-button
-        v-if="authList.includes('discard')"
-        type="danger"
-        plain
-        @click="discardFn"
-        >作 废</el-button
-      >
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-import { linkGo } from '../../utils/urlToGo'
-import { closeTagsForBackPage } from '../../plugins/CompatibleOld'
-
-export default {
-  name: 'ApprovalButtons',
-  props: {
-    message: {
-      type: String,
-      default: ''
-    },
-    formData: {
-      type: Object,
-      default: () => ({})
-    },
-    signText: {
-      type: String,
-      default: undefined
-    }
-  },
-  data() {
-    this.msgisSync = !!this.$listeners['update:message']
-    return {
-      messageIn: '',
-      errMsg: undefined,
-      taskId: '',
-      taskDefKey: '',
-      authList: []
-    }
-  },
-  computed: {
-    messageC: {
-      get() {
-        return this.msgisSync ? this.message : this.messageIn
-      },
-      set(val) {
-        if (this.msgisSync) {
-          this.$emit('update:message', val)
-        } else {
-          this.messageIn = val
-        }
-      }
-    }
-  },
-  created() {
-    this.taskId = this.$route.query.taskId
-    this.getBtns()
-  },
-  methods: {
-    // 换回到发起页
-    goFrom() {
-      let pathname = location.pathname
-      linkGo()
-      this.$nextTick(() => {
-        closeTagsForBackPage(pathname)
-      })
-    },
-    // 动态获取按钮
-    getBtns() {
-      if (!this.taskId) return false
-
-      axios
-        .get('/bems/activiti/admin/todo/authList/' + this.taskId, null, {
-          loading: false,
-          noMsg: true
-        })
-        .then(({ data = {} }) => {
-          let { taskDefKey, menuAuthority } = data
-
-          this.taskDefKey = taskDefKey
-
-          if (menuAuthority) {
-            this.authList = menuAuthority.split('|')
-          } else {
-            this.authList = ['reject', 'rejectPre', 'approval', 'discard']
-          }
-        })
-        .catch(() => {
-          this.authList = ['reject', 'rejectPre', 'approval', 'discard']
-        })
-    },
-    // 获取提交参数
-    getParam() {
-      let { typeCode, taskId, groupNo, isAgentcy } = this.$route.query
-      return [
-        {
-          typeCode,
-          taskId,
-          groupNo,
-          taskDefKey: this.taskDefKey,
-          message: this.messageC,
-          formData: JSON.stringify(this.formData),
-          signText: this.signText,
-          isAgentcy: isAgentcy
-        }
-      ]
-    },
-    // 提交后的提示
-    thenMsg(data = {}, str = '操作') {
-      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 + '失败')
-        }
-      } else {
-        this.$message.success(str + '成功')
-        this.goFrom()
-      }
-    },
-    errMsgFn(str = '') {
-      this.$refs['msg-input'].focus()
-      this.errMsg = str + '操作，意见不能为空'
-      setTimeout(() => {
-        this.errMsg = undefined
-      }, 1000)
-    },
-    // 如果有前置处理,先执行前置处理
-    beforeFn(bFn, callFn) {
-      if (!bFn) {
-        callFn()
-      } else if (bFn instanceof Promise) {
-        bFn().then(callFn)
-      } else if (bFn instanceof Function) {
-        bFn(callFn)
-      }
-    },
-    // 驳回
-    rejectFn() {
-      if (!this.messageC) {
-        return this.errMsgFn('驳回')
-      }
-      this.beforeFn(this.$attrs.beforeReject, () => {
-        axios
-          .post('/bems/activiti/admin/todo/reject', this.getParam())
-          .then(({ data }) => {
-            this.thenMsg(data, '驳回至发起人')
-          })
-      })
-    },
-    // 驳回到上一步
-    rejectPreFn() {
-      if (!this.messageC) {
-        return this.errMsgFn('驳回')
-      }
-      this.beforeFn(this.$attrs.beforeRejectPre, () => {
-        axios
-          .post('/bems/activiti/admin/todo/rejectpre', this.getParam())
-          .then(({ data }) => {
-            this.thenMsg(data, '驳回至上一节')
-          })
-      })
-    },
-    // 审批
-    approvalFn() {
-      this.beforeFn(this.$attrs.beforeRatify, () => {
-        axios
-          .post('/bems/activiti/admin/todo/advance', this.getParam())
-          .then(({ data }) => {
-            this.thenMsg(data, '批准')
-          })
-      })
-    },
-    // 作废
-    discardFn() {
-      if (!this.messageC) {
-        return this.errMsgFn('作废')
-      }
-      this.beforeFn(this.$attrs.beforeDiscard, () => {
-        axios
-          .post('/bems/activiti/admin/todo/cancle', this.getParam())
-          .then(({ data }) => {
-            this.thenMsg(data, '作废')
-          })
-      })
-    }
-  }
-}
-</script>
+/* 审批按钮组 */
+<template>
+  <div>
+    <el-form label-position="left" label-width="5em">
+      <el-form-item label="审批意见" :error="errMsg">
+        <el-input
+          ref="msg-input"
+          v-model="messageC"
+          type="textarea"
+          placeholder="请输入操作意见（50字以内），批准该意见为非必填，驳回/作废该意见为必填！"
+          :maxlength="50"
+          :autosize="{ minRows: 1 }"
+        />
+      </el-form-item>
+    </el-form>
+
+    <div class="text-c">
+      <el-button
+        v-if="authList.includes('approval')"
+        type="primary"
+        @click="approvalFn"
+        >批 准</el-button
+      >
+      <el-button v-if="authList.includes('reject')" plain @click="rejectFn"
+        >驳回至发起人</el-button
+      >
+      <el-button
+        v-if="authList.includes('rejectPre')"
+        plain
+        @click="rejectPreFn"
+        >驳回至上一节点</el-button
+      >
+
+      <el-button
+        v-if="authList.includes('discard')"
+        type="danger"
+        plain
+        @click="discardFn"
+        >作 废</el-button
+      >
+      <el-button plain @click="goFrom">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+import { linkGo } from '../../utils/urlToGo'
+import { closeTagsForBackPage } from '../../plugins/CompatibleOld'
+
+export default {
+  name: 'ApprovalButtons',
+  props: {
+    message: {
+      type: String,
+      default: ''
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    signText: {
+      type: String,
+      default: undefined
+    },
+    btnList: {
+      type: Array,
+      default: () => {
+        return ['reject', 'rejectPre', 'approval']
+      }
+    }
+  },
+  data() {
+    this.msgisSync = !!this.$listeners['update:message']
+    return {
+      messageIn: '',
+      errMsg: undefined,
+      taskId: '',
+      taskDefKey: '',
+      authList: []
+    }
+  },
+  computed: {
+    messageC: {
+      get() {
+        return this.msgisSync ? this.message : this.messageIn
+      },
+      set(val) {
+        if (this.msgisSync) {
+          this.$emit('update:message', val)
+        } else {
+          this.messageIn = val
+        }
+      }
+    }
+  },
+  created() {
+    this.taskId = this.$route.query.taskId
+    this.getBtns()
+  },
+  methods: {
+    // 换回到发起页
+    goFrom() {
+      let pathname = location.pathname
+      linkGo()
+      this.$nextTick(() => {
+        closeTagsForBackPage(pathname)
+      })
+    },
+    // 动态获取按钮
+    getBtns() {
+      if (!this.taskId) return false
+
+      axios
+        .get('/bems/activiti/admin/todo/authList/' + this.taskId, null, {
+          loading: false,
+          noMsg: true
+        })
+        .then(({ data = {} }) => {
+          let { taskDefKey, menuAuthority } = data
+
+          this.taskDefKey = taskDefKey
+
+          if (menuAuthority) {
+            this.authList = menuAuthority.split('|')
+          } else {
+            this.authList = this.btnList
+          }
+        })
+        .catch(() => {
+          this.authList = this.btnList
+        })
+    },
+    // 获取提交参数
+    getParam() {
+      let { typeCode, taskId, groupNo, isAgentcy } = this.$route.query
+      return [
+        {
+          typeCode,
+          taskId,
+          groupNo,
+          taskDefKey: this.taskDefKey,
+          message: this.messageC,
+          formData: JSON.stringify(this.formData),
+          signText: this.signText,
+          isAgentcy: isAgentcy
+        }
+      ]
+    },
+    // 提交后的提示
+    thenMsg(data = {}, str = '操作') {
+      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 + '失败')
+        }
+      } else {
+        this.$message.success(str + '成功')
+        this.goFrom()
+      }
+    },
+    errMsgFn(str = '') {
+      this.$refs['msg-input'].focus()
+      this.errMsg = str + '操作，意见不能为空'
+      setTimeout(() => {
+        this.errMsg = undefined
+      }, 1000)
+    },
+    // 如果有前置处理,先执行前置处理
+    beforeFn(bFn, callFn) {
+      if (!bFn) {
+        callFn()
+      } else if (bFn instanceof Promise) {
+        bFn().then(callFn)
+      } else if (bFn instanceof Function) {
+        bFn(callFn)
+      }
+    },
+    // 驳回
+    rejectFn() {
+      if (!this.messageC) {
+        return this.errMsgFn('驳回')
+      }
+      this.beforeFn(this.$attrs.beforeReject, () => {
+        axios
+          .post('/bems/activiti/admin/todo/reject', this.getParam())
+          .then(({ data }) => {
+            this.thenMsg(data, '驳回至发起人')
+          })
+      })
+    },
+    // 驳回到上一步
+    rejectPreFn() {
+      if (!this.messageC) {
+        return this.errMsgFn('驳回')
+      }
+      this.beforeFn(this.$attrs.beforeRejectPre, () => {
+        axios
+          .post('/bems/activiti/admin/todo/rejectpre', this.getParam())
+          .then(({ data }) => {
+            this.thenMsg(data, '驳回至上一节')
+          })
+      })
+    },
+    // 审批
+    approvalFn() {
+      this.beforeFn(this.$attrs.beforeRatify, () => {
+        axios
+          .post('/bems/activiti/admin/todo/advance', this.getParam())
+          .then(({ data }) => {
+            this.thenMsg(data, '批准')
+          })
+      })
+    },
+    // 作废
+    discardFn() {
+      if (!this.messageC) {
+        return this.errMsgFn('作废')
+      }
+      this.beforeFn(this.$attrs.beforeDiscard, () => {
+        axios
+          .post('/bems/activiti/admin/todo/cancle', this.getParam())
+          .then(({ data }) => {
+            this.thenMsg(data, '作废')
+          })
+      })
+    }
+  }
+}
+</script>