imatrix-ui 0.2.0-up → 0.2.2-up

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

@@ -1,6 +1,6 @@
-import WorkflowHistoryList from './src/workflow-history-list.vue'
-WorkflowHistoryList.install = function (Vue) {
-  window.$vueApp.component(WorkflowHistoryList.name, WorkflowHistoryList)
-}
-
-export default WorkflowHistoryList
+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

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

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

@@ -1,291 +1,291 @@
-<template>
-  <el-table
-    v-if="loaded"
-    :data="histories"
-    element-loading-text="Loading"
-    border
-    fit
-    highlight-current-row
-    row-key="uuid"
-    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-    lazy
-    :load="getChildren"
-    :max-height="tableMaxHeight"
-  >
-    <el-table-column
-      :label="$t('workflowHistoryList.index')"
-      align="left"
-      width="80px"
-    >
-      <template v-slot="scope">
-        {{ scope.$index + 1 }}
-      </template>
-    </el-table-column>
-    <el-table-column
-      :label="$t('workflowHistoryList.taskName')"
-      align="left"
-      width="250"
-    >
-      <template v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 * as 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,
-    },
-    maxHeight: {
-      type: [String, Number],
-      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,
-      tableMaxHeight: 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() {},
-  methods: {
-    ...ApiJs,
-    getData() {
-      this.$http
-        .get(
-          window.$vueApp.config.globalProperties.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
-          if (this.maxHeight) {
-            this.tableMaxHeight = Number(this.maxHeight)
-          } else {
-            if (this.$parent.$el.offsetHeight) {
-              this.tableMaxHeight = this.$parent.$el.offsetHeight
-            }
-          }
-        })
-        .catch((error) => {
-          console.log(error)
-          this.loaded = true
-        })
-    },
-    getI18nSet() {
-      return new Promise((resolve, reject) => {
-        if (this.allProcessI18n) {
-          resolve(this.allProcessI18n)
-        } else {
-          this.$http
-            .get(
-              window.$vueApp.config.globalProperties.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>
+<template>
+  <el-table
+    v-if="loaded"
+    :data="histories"
+    element-loading-text="Loading"
+    border
+    fit
+    highlight-current-row
+    row-key="uuid"
+    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+    lazy
+    :load="getChildren"
+    :max-height="tableMaxHeight"
+  >
+    <el-table-column
+      :label="$t('workflowHistoryList.index')"
+      align="left"
+      width="80px"
+    >
+      <template v-slot="scope">
+        {{ scope.$index + 1 }}
+      </template>
+    </el-table-column>
+    <el-table-column
+      :label="$t('workflowHistoryList.taskName')"
+      align="left"
+      width="250"
+    >
+      <template v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 v-slot="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 * as 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,
+    },
+    maxHeight: {
+      type: [String, Number],
+      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,
+      tableMaxHeight: 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() {},
+  methods: {
+    ...ApiJs,
+    getData() {
+      this.$http
+        .get(
+          window.$vueApp.config.globalProperties.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
+          if (this.maxHeight) {
+            this.tableMaxHeight = Number(this.maxHeight)
+          } else {
+            if (this.$parent.$el.offsetHeight) {
+              this.tableMaxHeight = this.$parent.$el.offsetHeight
+            }
+          }
+        })
+        .catch((error) => {
+          console.log(error)
+          this.loaded = true
+        })
+    },
+    getI18nSet() {
+      return new Promise((resolve, reject) => {
+        if (this.allProcessI18n) {
+          resolve(this.allProcessI18n)
+        } else {
+          this.$http
+            .get(
+              window.$vueApp.config.globalProperties.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

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