imatrix-ui 0.2.6-up → 0.2.7-up

package/packages/workflow-button/src/workflow-button.vue

@@ -1,550 +1,550 @@
-<template>
-  <span>
-    <span
-      v-if="
-        typeof buttonInfo['theTransactor'] !== 'undefined' &&
-        buttonInfo['theTransactor'] === false
-      "
-      class="operation-area"
-    >
-      <slot :name="slotBefore" />
-      <slot name="errorArea" />
-      <slot :name="slotAfter" />
-    </span>
-    <span v-else class="operation-area">
-      <slot :name="slotBefore" />
-      <el-button
-        v-for="(button, buttonIndex) in buttons"
-        :key="buttonIndex"
-        v-permission="button.permission"
-        :disabled="preventReclick"
-        :type="button.type"
-        size="small"
-        :class="button.code ? button.code : ''"
-        @click="button.clickFun"
-      >
-        {{ button.i18nButtonName }}
-      </el-button>
-      <slot :name="slotAfter" />
-    </span>
-  </span>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import { mapGetters } from 'vuex'
-export default {
-  name: 'WorkflowButton',
-  props: {
-    // 控制按钮的相关信息
-    buttonInfo: {
-      type: Object,
-      default: null,
-    },
-    // 隐藏的按钮编码集合
-    // 值可以为['selectTransactor','selectTache','readButton','retrieveButton','copyButton','assignButton'],
-    // 分别表示['当任务是"待选择办理人"状态时，表单页面显示的提交按钮',
-    // '当任务是"待选择环节"状态时，表单页面显示的提交按钮'，
-    // '已阅按钮','取回按钮','抄送按钮','指派按钮']
-    hiddenBtns: {
-      type: Array,
-      default: null,
-    },
-    // 资源编码前缀，例如：系统编码.实体类名 或 系统编码.页面编码，用于控制按钮权限
-    permissionPrefix: {
-      type: String,
-      default: null,
-    },
-    formButtonPosition: {
-      type: String,
-      default: null,
-    },
-  },
-  data() {
-    const buttonsPermission = this.getButtonsPermission()
-    return {
-      slotBefore: 'before',
-      slotAfter: 'after',
-      buttons: [],
-      buttonsPermission, // 各按钮资源编码
-    }
-  },
-  computed: {
-    ...mapGetters(['preventReclick']),
-  },
-  provide() {
-    return {}
-  },
-  created() {
-    // console.log('this.buttonInfo', this.buttonInfo)
-    // console.log('this.buttonsPermission', this.buttonsPermission)
-    const tempButtons = []
-    const _that = this
-    if (
-      typeof this.buttonInfo['processState'] === 'undefined' ||
-      this.buttonInfo['processState'] === null ||
-      (this.buttonInfo['processState'] === 'UNSUBMIT' &&
-        this.buttonInfo['active'] === 'WAIT_TRANSACT')
-    ) {
-      if (
-        typeof this.buttonInfo['processState'] === 'undefined' ||
-        this.buttonInfo['showButtonSave'] === true
-      ) {
-        tempButtons.push({
-          i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
-          permission: this.buttonsPermission['save'],
-          type: 'primary',
-          clickFun: function () {
-            $emit(_that, 'save')
-          },
-          code: 'saveButton',
-        })
-      }
-      tempButtons.push({
-        i18nButtonName: this.i18nButtonName(this.buttonInfo['submitButton']),
-        permission: this.buttonsPermission['submitProcess'],
-        type: 'primary',
-        clickFun: function () {
-          $emit(_that, 'submitProcess')
-        },
-        code: 'submitButton',
-      })
-    }
-    if (this.buttonInfo['processState']) {
-      if (
-        this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
-        this.buttonInfo['processingMode'] === 'TYPE_READ'
-      ) {
-        if (
-          !this.hiddenBtns ||
-          (this.hiddenBtns && this.hiddenBtns.indexOf('readButton') === -1)
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['readButton']),
-            permission: this.buttonsPermission['completeTask'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('READED')
-            },
-            code: 'readButton',
-          })
-        }
-      } else if (this.buttonInfo['processState'] === 'SUBMIT') {
-        if (
-          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
-          this.buttonInfo['showButtonSave'] &&
-          (this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
-            this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' ||
-            this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' ||
-            this.buttonInfo['active'] === 'DRAW_WAIT')
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
-            permission: this.buttonsPermission['update'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'update')
-            },
-            code: 'saveButton',
-          })
-        }
-        if (
-          this.buttonInfo['active'] &&
-          this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' &&
-          (!this.hiddenBtns ||
-            (this.hiddenBtns &&
-              this.hiddenBtns.indexOf('selectTransactor') === -1))
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['submitButton']
-            ),
-            permission: this.buttonsPermission['selectTransactor'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'selectTransactors')
-            },
-            code: 'submitButton',
-          })
-        }
-        if (
-          this.buttonInfo['active'] &&
-          this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' &&
-          (!this.hiddenBtns ||
-            (this.hiddenBtns && this.hiddenBtns.indexOf('selectTache') === -1))
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['submitButton']
-            ),
-            permission: this.buttonsPermission['selectTache'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'selectTaches')
-            },
-            code: 'submitButton',
-          })
-          const index = tempButtons.findIndex(
-            (button) => button.code === 'saveButton'
-          )
-          if (index !== -1) {
-            tempButtons.splice(index, 1)
-          }
-        }
-        if (
-          this.buttonInfo['active'] &&
-          (this.buttonInfo['active'] === 'DRAW_WAIT' ||
-            this.buttonInfo['active'] === 'DEPT_DRAW_WAIT') &&
-          this.buttonInfo['showButtonDraw']
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['drawButton']),
-            permission: this.buttonsPermission['drawTask'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'drawTask')
-            },
-            code: 'drawButton',
-          })
-        }
-        if (
-          ((this.buttonInfo['drawTask'] &&
-            this.buttonInfo['active'] === 'WAIT_TRANSACT') ||
-            (this.buttonInfo['canAbandonDeptTask'] &&
-              this.buttonInfo['active'] === 'WAIT_TRANSACT')) &&
-          this.buttonInfo['showButtonAbandon']
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['abandonButton']
-            ),
-            permission: this.buttonsPermission['abandonReceive'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'abandonDraw')
-            },
-            code: 'abandonButton',
-          })
-        }
-        if (
-          this.buttonInfo['active'] === 'COMPLETED' &&
-          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
-          (!this.hiddenBtns ||
-            (this.hiddenBtns &&
-              this.hiddenBtns.indexOf('retrieveButton') === -1)) &&
-          this.buttonInfo['showButtonGetBack']
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['backButton']),
-            permission: this.buttonsPermission['retrieve'],
-            type: 'primary',
-            clickFun: function () {
-              $emit(_that, 'retrieveTask')
-            },
-            code: 'backButton',
-          })
-        }
-        if (
-          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
-          this.buttonInfo['processingMode'] === 'EDIT'
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['submitButton']
-            ),
-            permission: this.buttonsPermission['submitTask'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('SUBMIT')
-            },
-            code: 'submitButton',
-          })
-        }
-
-        if (
-          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
-          (this.buttonInfo['processingMode'] === 'APPROVE' ||
-            this.buttonInfo['processingMode'] === 'COUNTERSIGN')
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['agreeButton']),
-            permission: this.buttonsPermission['approve'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('APPROVE')
-            },
-            code: 'agreeButton',
-          })
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['disagreeButton']
-            ),
-            permission: this.buttonsPermission['refuse'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('REFUSE')
-            },
-            code: 'disagreeButton',
-          })
-          if (
-            this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
-            this.buttonInfo['showButtonAddCounter']
-          ) {
-            tempButtons.push({
-              i18nButtonName: this.i18nButtonName(
-                this.buttonInfo['addSignerButton']
-              ),
-              permission: this.buttonsPermission['addSigner'],
-              type: 'primary',
-              clickFun: function () {
-                $emit(_that, 'addSigner')
-              },
-              code: 'addSignerButton',
-            })
-          }
-          if (
-            this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
-            this.buttonInfo['showButtonDelCounter']
-          ) {
-            tempButtons.push({
-              i18nButtonName: this.i18nButtonName(
-                this.buttonInfo['removeSignerButton']
-              ),
-              permission: this.buttonsPermission['removeSigner'],
-              type: 'primary',
-              clickFun: function () {
-                $emit(_that, 'removeSigner')
-              },
-              code: 'removeSignerButton',
-            })
-          }
-        }
-        if (
-          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
-          this.buttonInfo['processingMode'] === 'VOTE'
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['approveButton']
-            ),
-            permission: this.buttonsPermission['agreement'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('AGREEMENT')
-            },
-            code: 'approveButton',
-          })
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['opposeButton']
-            ),
-            permission: this.buttonsPermission['oppose'],
-            type: 'primary',
-            clickFun: function () {
-              _that.completeTask('OPPOSE')
-            },
-            code: 'opposeButton',
-          })
-          if (this.buttonInfo['showButtonKiken']) {
-            tempButtons.push({
-              i18nButtonName: this.i18nButtonName(
-                this.buttonInfo['abstainButton']
-              ),
-              permission: this.buttonsPermission['kiken'],
-              type: 'primary',
-              clickFun: function () {
-                _that.completeTask('KIKEN')
-              },
-              code: 'abstainButton',
-            })
-          }
-        }
-        if (
-          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
-          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
-          this.buttonInfo['showButtonCopy'] &&
-          (!this.hiddenBtns ||
-            (this.hiddenBtns &&
-              this.hiddenBtns.indexOf('copyButton') === -1)) &&
-          this.buttonInfo['showButtonCopy']
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(this.buttonInfo['copyButton']),
-            permission: this.buttonsPermission['copyTask'],
-            type: '',
-            clickFun: function () {
-              $emit(_that, 'createCopyTask')
-            },
-            code: 'copyButton',
-          })
-        }
-        if (
-          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
-          (this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
-            this.buttonInfo['active'] === 'DRAW_WAIT') &&
-          (!this.hiddenBtns ||
-            (this.hiddenBtns &&
-              this.hiddenBtns.indexOf('assignButton') === -1)) &&
-          this.buttonInfo['showButtonAppoint']
-        ) {
-          tempButtons.push({
-            i18nButtonName: this.i18nButtonName(
-              this.buttonInfo['appointButton']
-            ),
-            permission: this.buttonsPermission['assign'],
-            type: '',
-            clickFun: function () {
-              $emit(_that, 'assignTask')
-            },
-            code: 'appointButton',
-          })
-        }
-      }
-    }
-    if (this.formButtonPosition === 'bottomRight') {
-      this.buttons = tempButtons.slice().reverse()
-      this.slotBefore = 'after'
-      this.slotAfter = 'before'
-    } else {
-      this.buttons = tempButtons
-    }
-  },
-  mounted() {},
-  methods: {
-    exportReportButt() {
-      // console.log('this.$emit(exportReport)')
-      $emit(this, 'exportReport')
-    },
-    completeTask(operationResult) {
-      $emit(this, 'completeTask', operationResult)
-    },
-    // 国际化显示按钮名称
-    i18nButtonName(buttonName) {
-      const defaultButtonPrefix = 'initVal:'
-      if (buttonName.indexOf(defaultButtonPrefix) >= 0) {
-        // 表示使用默认的按钮名称
-        const defaultButtonName = buttonName.substring(
-          buttonName.indexOf(defaultButtonPrefix) + defaultButtonPrefix.length
-        )
-        return this.$t('workflowButton.' + defaultButtonName)
-      } else {
-        return buttonName
-      }
-    },
-    getButtonsPermission() {
-      const defaultPermission = 'true'
-      const completeTaskPermission = this.permissionPrefix
-        ? this.permissionPrefix + '.completeTask'
-        : defaultPermission
-      return {
-        // 第一环节保存，同“更新”
-        save: this.permissionPrefix
-          ? this.permissionPrefix + '.save'
-          : defaultPermission,
-        // 第一环节提交
-        submitProcess: this.permissionPrefix
-          ? this.permissionPrefix + '.submitProcess'
-          : defaultPermission,
-        // 同意（办理任务）
-        approve: this.permissionPrefix
-          ? this.permissionPrefix + '.approve'
-          : completeTaskPermission,
-        // 不同意（办理任务）
-        refuse: this.permissionPrefix
-          ? this.permissionPrefix + '.refuse'
-          : completeTaskPermission,
-        // 提交（办理任务）
-        submitTask: this.permissionPrefix
-          ? this.permissionPrefix + '.submit'
-          : completeTaskPermission,
-        // 赞成（办理任务）
-        agreement: this.permissionPrefix
-          ? this.permissionPrefix + '.agreement'
-          : completeTaskPermission,
-        // 反对（办理任务）
-        oppose: this.permissionPrefix
-          ? this.permissionPrefix + '.oppose'
-          : completeTaskPermission,
-        // 弃权（办理任务）
-        kiken: this.permissionPrefix
-          ? this.permissionPrefix + '.kiken'
-          : completeTaskPermission,
-        // 阅（办理任务）
-        readed: this.permissionPrefix
-          ? this.permissionPrefix + '.readed'
-          : completeTaskPermission,
-        // 领取任务
-        drawTask: this.permissionPrefix
-          ? this.permissionPrefix + '.drawTask'
-          : defaultPermission,
-        // 放弃领取
-        abandonReceive: this.permissionPrefix
-          ? this.permissionPrefix + '.abandonReceive'
-          : defaultPermission,
-        // 取回
-        retrieve: this.permissionPrefix
-          ? this.permissionPrefix + '.retrieve'
-          : defaultPermission,
-        // 更新
-        update: this.permissionPrefix
-          ? this.permissionPrefix + '.update'
-          : defaultPermission,
-        // 指派
-        assign: this.permissionPrefix
-          ? this.permissionPrefix + '.assign'
-          : defaultPermission,
-        // 选择办理人
-        selectTransactor: this.permissionPrefix
-          ? this.permissionPrefix + '.selectTransactor'
-          : defaultPermission,
-        // 选择环节
-        selectTache: this.permissionPrefix
-          ? this.permissionPrefix + '.selectTache'
-          : defaultPermission,
-        // 抄送
-        copyTask: this.permissionPrefix
-          ? this.permissionPrefix + '.copyTask'
-          : defaultPermission,
-        // 加签
-        addSigner: this.permissionPrefix
-          ? this.permissionPrefix + '.addSigner'
-          : defaultPermission,
-        // 减签
-        removeSigner: this.permissionPrefix
-          ? this.permissionPrefix + '.removeSigner'
-          : defaultPermission,
-        // 导出报告
-        exportReport: this.permissionPrefix
-          ? this.permissionPrefix + '.exportReport'
-          : defaultPermission,
-        // 领取部门任务
-        drawDeptTask: this.permissionPrefix
-          ? this.permissionPrefix + '.drawDeptTask'
-          : defaultPermission,
-        // 放弃领取部门任务
-        abandonDrawDeptTask: this.permissionPrefix
-          ? this.permissionPrefix + '.abandonDrawDeptTask'
-          : defaultPermission,
-      }
-    },
-    isDeptTask() {},
-  },
-  emits: [
-    'completeTask',
-    'save',
-    'submitProcess',
-    'update',
-    'selectTransactors',
-    'selectTaches',
-    'drawTask',
-    'abandonDraw',
-    'retrieveTask',
-    'addSigner',
-    'removeSigner',
-    'createCopyTask',
-    'assignTask',
-    'exportReport',
-    ,
-  ],
-}
-</script>
+<template>
+  <span>
+    <span
+      v-if="
+        typeof buttonInfo['theTransactor'] !== 'undefined' &&
+        buttonInfo['theTransactor'] === false
+      "
+      class="operation-area"
+    >
+      <slot :name="slotBefore" />
+      <slot name="errorArea" />
+      <slot :name="slotAfter" />
+    </span>
+    <span v-else class="operation-area">
+      <slot :name="slotBefore" />
+      <el-button
+        v-for="(button, buttonIndex) in buttons"
+        :key="buttonIndex"
+        v-permission="button.permission"
+        :disabled="preventReclick"
+        :type="button.type"
+        size="small"
+        :class="button.code ? button.code : ''"
+        @click="button.clickFun"
+      >
+        {{ button.i18nButtonName }}
+      </el-button>
+      <slot :name="slotAfter" />
+    </span>
+  </span>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import { mapGetters } from 'vuex'
+export default {
+  name: 'WorkflowButton',
+  props: {
+    // 控制按钮的相关信息
+    buttonInfo: {
+      type: Object,
+      default: null,
+    },
+    // 隐藏的按钮编码集合
+    // 值可以为['selectTransactor','selectTache','readButton','retrieveButton','copyButton','assignButton'],
+    // 分别表示['当任务是"待选择办理人"状态时，表单页面显示的提交按钮',
+    // '当任务是"待选择环节"状态时，表单页面显示的提交按钮'，
+    // '已阅按钮','取回按钮','抄送按钮','指派按钮']
+    hiddenBtns: {
+      type: Array,
+      default: null,
+    },
+    // 资源编码前缀，例如：系统编码.实体类名 或 系统编码.页面编码，用于控制按钮权限
+    permissionPrefix: {
+      type: String,
+      default: null,
+    },
+    formButtonPosition: {
+      type: String,
+      default: null,
+    },
+  },
+  data() {
+    const buttonsPermission = this.getButtonsPermission()
+    return {
+      slotBefore: 'before',
+      slotAfter: 'after',
+      buttons: [],
+      buttonsPermission, // 各按钮资源编码
+    }
+  },
+  computed: {
+    ...mapGetters(['preventReclick']),
+  },
+  provide() {
+    return {}
+  },
+  created() {
+    // console.log('this.buttonInfo', this.buttonInfo)
+    // console.log('this.buttonsPermission', this.buttonsPermission)
+    const tempButtons = []
+    const _that = this
+    if (
+      typeof this.buttonInfo['processState'] === 'undefined' ||
+      this.buttonInfo['processState'] === null ||
+      (this.buttonInfo['processState'] === 'UNSUBMIT' &&
+        this.buttonInfo['active'] === 'WAIT_TRANSACT')
+    ) {
+      if (
+        typeof this.buttonInfo['processState'] === 'undefined' ||
+        this.buttonInfo['showButtonSave'] === true
+      ) {
+        tempButtons.push({
+          i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
+          permission: this.buttonsPermission['save'],
+          type: 'primary',
+          clickFun: function () {
+            $emit(_that, 'save')
+          },
+          code: 'saveButton',
+        })
+      }
+      tempButtons.push({
+        i18nButtonName: this.i18nButtonName(this.buttonInfo['submitButton']),
+        permission: this.buttonsPermission['submitProcess'],
+        type: 'primary',
+        clickFun: function () {
+          $emit(_that, 'submitProcess')
+        },
+        code: 'submitButton',
+      })
+    }
+    if (this.buttonInfo['processState']) {
+      if (
+        this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+        this.buttonInfo['processingMode'] === 'TYPE_READ'
+      ) {
+        if (
+          !this.hiddenBtns ||
+          (this.hiddenBtns && this.hiddenBtns.indexOf('readButton') === -1)
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['readButton']),
+            permission: this.buttonsPermission['completeTask'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('READED')
+            },
+            code: 'readButton',
+          })
+        }
+      } else if (this.buttonInfo['processState'] === 'SUBMIT') {
+        if (
+          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+          this.buttonInfo['showButtonSave'] &&
+          (this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
+            this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' ||
+            this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' ||
+            this.buttonInfo['active'] === 'DRAW_WAIT')
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
+            permission: this.buttonsPermission['update'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'update')
+            },
+            code: 'saveButton',
+          })
+        }
+        if (
+          this.buttonInfo['active'] &&
+          this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' &&
+          (!this.hiddenBtns ||
+            (this.hiddenBtns &&
+              this.hiddenBtns.indexOf('selectTransactor') === -1))
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['submitButton']
+            ),
+            permission: this.buttonsPermission['selectTransactor'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'selectTransactors')
+            },
+            code: 'submitButton',
+          })
+        }
+        if (
+          this.buttonInfo['active'] &&
+          this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' &&
+          (!this.hiddenBtns ||
+            (this.hiddenBtns && this.hiddenBtns.indexOf('selectTache') === -1))
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['submitButton']
+            ),
+            permission: this.buttonsPermission['selectTache'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'selectTaches')
+            },
+            code: 'submitButton',
+          })
+          const index = tempButtons.findIndex(
+            (button) => button.code === 'saveButton'
+          )
+          if (index !== -1) {
+            tempButtons.splice(index, 1)
+          }
+        }
+        if (
+          this.buttonInfo['active'] &&
+          (this.buttonInfo['active'] === 'DRAW_WAIT' ||
+            this.buttonInfo['active'] === 'DEPT_DRAW_WAIT') &&
+          this.buttonInfo['showButtonDraw']
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['drawButton']),
+            permission: this.buttonsPermission['drawTask'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'drawTask')
+            },
+            code: 'drawButton',
+          })
+        }
+        if (
+          ((this.buttonInfo['drawTask'] &&
+            this.buttonInfo['active'] === 'WAIT_TRANSACT') ||
+            (this.buttonInfo['canAbandonDeptTask'] &&
+              this.buttonInfo['active'] === 'WAIT_TRANSACT')) &&
+          this.buttonInfo['showButtonAbandon']
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['abandonButton']
+            ),
+            permission: this.buttonsPermission['abandonReceive'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'abandonDraw')
+            },
+            code: 'abandonButton',
+          })
+        }
+        if (
+          this.buttonInfo['active'] === 'COMPLETED' &&
+          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+          (!this.hiddenBtns ||
+            (this.hiddenBtns &&
+              this.hiddenBtns.indexOf('retrieveButton') === -1)) &&
+          this.buttonInfo['showButtonGetBack']
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['backButton']),
+            permission: this.buttonsPermission['retrieve'],
+            type: 'primary',
+            clickFun: function () {
+              $emit(_that, 'retrieveTask')
+            },
+            code: 'backButton',
+          })
+        }
+        if (
+          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+          this.buttonInfo['processingMode'] === 'EDIT'
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['submitButton']
+            ),
+            permission: this.buttonsPermission['submitTask'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('SUBMIT')
+            },
+            code: 'submitButton',
+          })
+        }
+
+        if (
+          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+          (this.buttonInfo['processingMode'] === 'APPROVE' ||
+            this.buttonInfo['processingMode'] === 'COUNTERSIGN')
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['agreeButton']),
+            permission: this.buttonsPermission['approve'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('APPROVE')
+            },
+            code: 'agreeButton',
+          })
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['disagreeButton']
+            ),
+            permission: this.buttonsPermission['refuse'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('REFUSE')
+            },
+            code: 'disagreeButton',
+          })
+          if (
+            this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
+            this.buttonInfo['showButtonAddCounter']
+          ) {
+            tempButtons.push({
+              i18nButtonName: this.i18nButtonName(
+                this.buttonInfo['addSignerButton']
+              ),
+              permission: this.buttonsPermission['addSigner'],
+              type: 'primary',
+              clickFun: function () {
+                $emit(_that, 'addSigner')
+              },
+              code: 'addSignerButton',
+            })
+          }
+          if (
+            this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
+            this.buttonInfo['showButtonDelCounter']
+          ) {
+            tempButtons.push({
+              i18nButtonName: this.i18nButtonName(
+                this.buttonInfo['removeSignerButton']
+              ),
+              permission: this.buttonsPermission['removeSigner'],
+              type: 'primary',
+              clickFun: function () {
+                $emit(_that, 'removeSigner')
+              },
+              code: 'removeSignerButton',
+            })
+          }
+        }
+        if (
+          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+          this.buttonInfo['processingMode'] === 'VOTE'
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['approveButton']
+            ),
+            permission: this.buttonsPermission['agreement'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('AGREEMENT')
+            },
+            code: 'approveButton',
+          })
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['opposeButton']
+            ),
+            permission: this.buttonsPermission['oppose'],
+            type: 'primary',
+            clickFun: function () {
+              _that.completeTask('OPPOSE')
+            },
+            code: 'opposeButton',
+          })
+          if (this.buttonInfo['showButtonKiken']) {
+            tempButtons.push({
+              i18nButtonName: this.i18nButtonName(
+                this.buttonInfo['abstainButton']
+              ),
+              permission: this.buttonsPermission['kiken'],
+              type: 'primary',
+              clickFun: function () {
+                _that.completeTask('KIKEN')
+              },
+              code: 'abstainButton',
+            })
+          }
+        }
+        if (
+          this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+          this.buttonInfo['showButtonCopy'] &&
+          (!this.hiddenBtns ||
+            (this.hiddenBtns &&
+              this.hiddenBtns.indexOf('copyButton') === -1)) &&
+          this.buttonInfo['showButtonCopy']
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(this.buttonInfo['copyButton']),
+            permission: this.buttonsPermission['copyTask'],
+            type: '',
+            clickFun: function () {
+              $emit(_that, 'createCopyTask')
+            },
+            code: 'copyButton',
+          })
+        }
+        if (
+          this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+          (this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
+            this.buttonInfo['active'] === 'DRAW_WAIT') &&
+          (!this.hiddenBtns ||
+            (this.hiddenBtns &&
+              this.hiddenBtns.indexOf('assignButton') === -1)) &&
+          this.buttonInfo['showButtonAppoint']
+        ) {
+          tempButtons.push({
+            i18nButtonName: this.i18nButtonName(
+              this.buttonInfo['appointButton']
+            ),
+            permission: this.buttonsPermission['assign'],
+            type: '',
+            clickFun: function () {
+              $emit(_that, 'assignTask')
+            },
+            code: 'appointButton',
+          })
+        }
+      }
+    }
+    if (this.formButtonPosition === 'bottomRight') {
+      this.buttons = tempButtons.slice().reverse()
+      this.slotBefore = 'after'
+      this.slotAfter = 'before'
+    } else {
+      this.buttons = tempButtons
+    }
+  },
+  mounted() {},
+  methods: {
+    exportReportButt() {
+      // console.log('this.$emit(exportReport)')
+      $emit(this, 'exportReport')
+    },
+    completeTask(operationResult) {
+      $emit(this, 'completeTask', operationResult)
+    },
+    // 国际化显示按钮名称
+    i18nButtonName(buttonName) {
+      const defaultButtonPrefix = 'initVal:'
+      if (buttonName.indexOf(defaultButtonPrefix) >= 0) {
+        // 表示使用默认的按钮名称
+        const defaultButtonName = buttonName.substring(
+          buttonName.indexOf(defaultButtonPrefix) + defaultButtonPrefix.length
+        )
+        return this.$t('workflowButton.' + defaultButtonName)
+      } else {
+        return buttonName
+      }
+    },
+    getButtonsPermission() {
+      const defaultPermission = 'true'
+      const completeTaskPermission = this.permissionPrefix
+        ? this.permissionPrefix + '.completeTask'
+        : defaultPermission
+      return {
+        // 第一环节保存，同“更新”
+        save: this.permissionPrefix
+          ? this.permissionPrefix + '.save'
+          : defaultPermission,
+        // 第一环节提交
+        submitProcess: this.permissionPrefix
+          ? this.permissionPrefix + '.submitProcess'
+          : defaultPermission,
+        // 同意（办理任务）
+        approve: this.permissionPrefix
+          ? this.permissionPrefix + '.approve'
+          : completeTaskPermission,
+        // 不同意（办理任务）
+        refuse: this.permissionPrefix
+          ? this.permissionPrefix + '.refuse'
+          : completeTaskPermission,
+        // 提交（办理任务）
+        submitTask: this.permissionPrefix
+          ? this.permissionPrefix + '.submit'
+          : completeTaskPermission,
+        // 赞成（办理任务）
+        agreement: this.permissionPrefix
+          ? this.permissionPrefix + '.agreement'
+          : completeTaskPermission,
+        // 反对（办理任务）
+        oppose: this.permissionPrefix
+          ? this.permissionPrefix + '.oppose'
+          : completeTaskPermission,
+        // 弃权（办理任务）
+        kiken: this.permissionPrefix
+          ? this.permissionPrefix + '.kiken'
+          : completeTaskPermission,
+        // 阅（办理任务）
+        readed: this.permissionPrefix
+          ? this.permissionPrefix + '.readed'
+          : completeTaskPermission,
+        // 领取任务
+        drawTask: this.permissionPrefix
+          ? this.permissionPrefix + '.drawTask'
+          : defaultPermission,
+        // 放弃领取
+        abandonReceive: this.permissionPrefix
+          ? this.permissionPrefix + '.abandonReceive'
+          : defaultPermission,
+        // 取回
+        retrieve: this.permissionPrefix
+          ? this.permissionPrefix + '.retrieve'
+          : defaultPermission,
+        // 更新
+        update: this.permissionPrefix
+          ? this.permissionPrefix + '.update'
+          : defaultPermission,
+        // 指派
+        assign: this.permissionPrefix
+          ? this.permissionPrefix + '.assign'
+          : defaultPermission,
+        // 选择办理人
+        selectTransactor: this.permissionPrefix
+          ? this.permissionPrefix + '.selectTransactor'
+          : defaultPermission,
+        // 选择环节
+        selectTache: this.permissionPrefix
+          ? this.permissionPrefix + '.selectTache'
+          : defaultPermission,
+        // 抄送
+        copyTask: this.permissionPrefix
+          ? this.permissionPrefix + '.copyTask'
+          : defaultPermission,
+        // 加签
+        addSigner: this.permissionPrefix
+          ? this.permissionPrefix + '.addSigner'
+          : defaultPermission,
+        // 减签
+        removeSigner: this.permissionPrefix
+          ? this.permissionPrefix + '.removeSigner'
+          : defaultPermission,
+        // 导出报告
+        exportReport: this.permissionPrefix
+          ? this.permissionPrefix + '.exportReport'
+          : defaultPermission,
+        // 领取部门任务
+        drawDeptTask: this.permissionPrefix
+          ? this.permissionPrefix + '.drawDeptTask'
+          : defaultPermission,
+        // 放弃领取部门任务
+        abandonDrawDeptTask: this.permissionPrefix
+          ? this.permissionPrefix + '.abandonDrawDeptTask'
+          : defaultPermission,
+      }
+    },
+    isDeptTask() {},
+  },
+  emits: [
+    'completeTask',
+    'save',
+    'submitProcess',
+    'update',
+    'selectTransactors',
+    'selectTaches',
+    'drawTask',
+    'abandonDraw',
+    'retrieveTask',
+    'addSigner',
+    'removeSigner',
+    'createCopyTask',
+    'assignTask',
+    'exportReport',
+    ,
+  ],
+}
+</script>