imatrix-ui 2.8.39-dw → 2.8.39-pvtmp

package/packages/valid-code/src/valid-code.vue

@@ -0,0 +1,95 @@
+<template>
+  <div
+    class="ValidCode disabled-select"
+    :style="`width:${width}; height:${height}`"
+    @click="refreshCode"
+  >
+    <span
+      v-for="(item, index) in codeList"
+      :key="index"
+      :style="getStyle(item)"
+    >{{ item.code }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ValidCode',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    width: {
+      type: String,
+      default: '100px'
+    },
+    height: {
+      type: String,
+      default: '40px'
+    },
+    length: {
+      type: Number,
+      default: 4
+    },
+    refresh: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      codeList: []
+    }
+  },
+  watch: {
+    refresh() {
+      this.createdCode()
+    }
+  },
+  mounted() {
+    this.createdCode()
+  },
+  methods: {
+    refreshCode() {
+      this.createdCode()
+    },
+    createdCode() {
+      const len = this.length
+      const codeList = []
+      const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789'
+      const charsLen = chars.length
+      // 生成
+      for (let i = 0; i < len; i++) {
+        const rgb = [Math.round(Math.random() * 220), Math.round(Math.random() * 240), Math.round(Math.random() * 200)]
+        codeList.push({
+          code: chars.charAt(Math.floor(Math.random() * charsLen)),
+          color: `rgb(${rgb})`,
+          fontSize: `${10 + (+[Math.floor(Math.random() * 10)] + 6)}px`,
+          padding: `${[Math.floor(Math.random() * 10)]}px`,
+          transform: `rotate(${Math.floor(Math.random() * 90) - Math.floor(Math.random() * 90)}deg)`
+        })
+      }
+      // 指向
+      this.codeList = codeList
+      this.$emit('input', codeList.map(item => item.code).join(''))
+    },
+    getStyle(data) {
+      return `color: ${data.color}; font-size: ${data.fontSize}; padding: ${data.padding}; transform: ${data.transform}`
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .ValidCode{
+    display: flex;
+    background-color: #fff;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    span{
+      display: inline-block;
+    }
+  }
+</style>

package/packages/workflow-button/index.js

@@ -0,0 +1,6 @@
+import WorkflowButton from './src/workflow-button.vue'
+WorkflowButton.install = function(Vue) {
+  Vue.component(WorkflowButton.name, WorkflowButton)
+}
+
+export default WorkflowButton

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

@@ -0,0 +1,325 @@
+<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 { 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() {
+            _that.$emit('save')
+          },
+          'code': 'saveButton'
+        })
+      }
+      tempButtons.push({
+        'i18nButtonName': this.i18nButtonName(this.buttonInfo['submitButton']),
+        'permission': this.buttonsPermission['submitProcess'],
+        'type': 'primary',
+        'clickFun': function() {
+          _that.$emit('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() { _that.$emit('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() { _that.$emit('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() { _that.$emit('selectTaches') },
+            'code': 'submitButton'
+          })
+        }
+        if (this.buttonInfo['active'] && this.buttonInfo['active'] === 'DRAW_WAIT' && this.buttonInfo['showButtonDraw']) {
+          tempButtons.push({
+            'i18nButtonName': this.i18nButtonName(this.buttonInfo['drawButton']),
+            'permission': this.buttonsPermission['drawTask'],
+            'type': 'primary',
+            'clickFun': function() { _that.$emit('drawTask') },
+            'code': 'drawButton'
+          })
+        }
+        if (this.buttonInfo['drawTask'] && this.buttonInfo['active'] === 'WAIT_TRANSACT' && this.buttonInfo['showButtonAbandon']) {
+          tempButtons.push({
+            'i18nButtonName': this.i18nButtonName(this.buttonInfo['abandonButton']),
+            'permission': this.buttonsPermission['abandonReceive'],
+            'type': 'primary',
+            'clickFun': function() { _that.$emit('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() { _that.$emit('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() { _that.$emit('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() { _that.$emit('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() { _that.$emit('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() { _that.$emit('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)')
+      this.$emit('exportReport')
+    },
+    completeTask(operationResult) {
+      this.$emit('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
+      }
+    }
+  }
+}
+</script>

package/packages/workflow-history-list/index.js

@@ -0,0 +1,6 @@
+import WorkflowHistoryList from './src/workflow-history-list.vue'
+WorkflowHistoryList.install = function(Vue) {
+  Vue.component(WorkflowHistoryList.name, WorkflowHistoryList)
+}
+
+export default WorkflowHistoryList

package/packages/workflow-history-list/src/api.js

@@ -0,0 +1,7 @@
+const apis = {
+  refresh() {
+    this.getData()
+  }
+}
+
+export default apis

package/packages/workflow-history-list/src/workflow-history-list.vue

@@ -0,0 +1,197 @@
+<template>
+  <el-table
+    v-if="loaded"
+    ref="historyList"
+    style="width: 100%"
+    :height="tableHeight"
+    :data="histories"
+    element-loading-text="Loading"
+    border
+    fit
+    highlight-current-row
+    row-key="uuid"
+    :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+    lazy
+    :load="getChildren"
+  >
+    <el-table-column :label="$t('workflowHistoryList.index')" align="left" width="80px">
+      <template slot-scope="scope">
+        {{ scope.$index+1 }}
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.taskName')" align="left" width="250">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_START'">{{ $t('workflowHistoryList.processStart') }}</span>
+        <span v-else-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'">{{ $t('workflowHistoryList.processEnd') }}</span>
+        <span v-else-if="scope.row.current" style="color:#E6A23C">{{ i18nTaskName(scope.row) }}</span>
+        <span v-else-if="!scope.row.special">{{ i18nTaskName(scope.row) }}</span>
+        <span v-else-if="scope.row.special === true" style="color:red">{{ i18nTaskName(scope.row) +'['+$t('workflowHistoryList.specailText')+']' }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.operator')" align="left" width="250">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else>{{ scope.row.creatorName }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.operatorLg')" align="left" width="250">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else>{{ scope.row.creator }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.operatorDept')" align="left" width="150">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else>{{ scope.row.departmentName }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.operationTime')" align="left" width="200">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else>{{ scope.row.formatCreatedTime }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.operation')" align="left" width="400">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else-if="scope.row.current" style="color:#E6A23C">{{ scope.row.transactionResult }} {{ $t('workflowHistoryList.toDoText') }}</span>
+        <span v-else>{{ i18nOperation(scope.row) }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column :label="$t('workflowHistoryList.opinion')" align="left" width="400">
+      <template slot-scope="scope">
+        <span v-if="scope.row.historyType && scope.row.historyType ==='PROCESS_END'" />
+        <span v-else>{{ scope.row.opinion }}</span>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+import Vue from 'vue'
+import { i18nOperation } from '../../../src/utils/workflow-util'
+import { getLanguageWithLocale } from '../../../src/utils/util'
+import ApiJs from './api'
+export default {
+  name: 'WorkflowHistoryList',
+  props: {
+    workflowId: {
+      type: Number,
+      default: null
+    },
+    // 流转历史列表，在图形流转历史中查看子流程流转历史需要使用
+    historyList: {
+      type: Array,
+      default: null
+    },
+    // 主子流程的国际化配置
+    allProcessI18n: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    let histories = null
+    if (this.historyList && this.historyList.length > 0) {
+      histories = [].concat(this.historyList)
+    }
+    return {
+      loaded: false,
+      histories,
+      processI18n: null,
+      processNameI18n: null,
+      tableHeight: null
+    }
+  },
+  computed: {
+
+  },
+  provide() {
+    return {
+    }
+  },
+  created() {
+    this.getI18nSet().then(processI18n => {
+      this.processI18n = processI18n
+      if (!this.histories || this.histories === null) {
+        this.getData()
+      } else {
+        this.loaded = true
+      }
+    })
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight - 120
+    })
+  },
+  methods: {
+    ...ApiJs,
+    getData() {
+      this.$http.get(Vue.prototype.baseAPI + '/wf-editor/instance-histories/' + this.workflowId).then(data => {
+        this.histories = data.histories
+        if (data && data.currentTasks) {
+          this.histories = this.histories.concat(data.currentTasks)
+        }
+        this.loaded = true
+      }).catch(error => {
+        console.log(error)
+        this.loaded = true
+      })
+    },
+    getI18nSet() {
+      return new Promise((resolve, reject) => {
+        if (this.allProcessI18n) {
+          resolve(this.allProcessI18n)
+        } else {
+          this.$http.get(Vue.prototype.baseAPI + '/wf-editor/i18n-settings/get-bundle-info?workflowId=' + this.workflowId).then((processI18n) => {
+            resolve(processI18n)
+          }).catch((error) => {
+            reject(error)
+          })
+        }
+      })
+    },
+    i18nOperation(row) {
+      let oneProcessI18n
+      let processNameI18n
+      const language = getLanguageWithLocale()
+      const bundleCode = row.bundleCode
+      if (bundleCode && bundleCode !== '' && this.processI18n) {
+        oneProcessI18n = this.processI18n[bundleCode]
+      }
+      if (oneProcessI18n && oneProcessI18n['processName']) {
+        processNameI18n = oneProcessI18n['processName'][language]
+      }
+      return i18nOperation(row, processNameI18n, oneProcessI18n, language)
+    },
+    i18nTaskName(row) {
+      let oneProcessI18n
+      const bundleCode = row.bundleCode
+      if (bundleCode && bundleCode !== '' && this.processI18n) {
+        oneProcessI18n = this.processI18n[bundleCode]
+      }
+      let taskName = null
+      // if (!bundleCode && this.processI18n && Object.keys(this.processI18n).length === 1) {
+      //   // 表示是主流程的国际化配置
+      //   const bundleCodes = Object.keys(this.processI18n)
+      //   oneProcessI18n = this.processI18n[bundleCodes[0]]
+      // }
+      const i18nKey = row.i18nKey
+      if (i18nKey && oneProcessI18n && oneProcessI18n[i18nKey]) {
+        // 根据locale获得语言编码，例如：cn->zh_CN,en->en_US
+        const language = getLanguageWithLocale()
+        taskName = oneProcessI18n[i18nKey][language]
+      }
+      if (!taskName || taskName === null) {
+        taskName = row.taskName
+      }
+      return taskName
+    },
+    getChildren(row, treeNode, resolve) {
+      resolve(row.children)
+    }
+  }
+}
+</script>

package/packages/workgroup-tree/index.js

@@ -0,0 +1,6 @@
+import WorkgroupTree from './src/workgroup-tree.vue'
+WorkgroupTree.install = function(Vue) {
+  Vue.component(WorkgroupTree.name, WorkgroupTree)
+}
+
+export default WorkgroupTree