workflow-editor 0.9.65 → 0.9.66

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

@@ -0,0 +1,153 @@
+<template>
+  <div
+    ref="wfEditor"
+    style="position:relative;height:100%;"
+  >
+    <div
+      class="main"
+    >
+      <section>
+        <wf-history-canvas
+          onselectstart="return false"
+          :process="process"
+          :histories="histories"
+          :current-tasks="currentTasks"
+          :all-process-i18n="allProcessI18n"
+          :show-history="true"
+          class="canvas"
+          @contextmenu.native.prevent="showContextMenu"
+        />
+      </section>
+    </div>
+  </div>
+</template>
+<script>
+import './assets/wf-editor-icons.js'
+import { mapGetters, mapMutations } from 'vuex'
+import { removeTextProperty, initializeProcessData, processTemplate } from './util'
+import WfHistoryCanvas from './main/wf-history-canvas'
+import convert from 'xml-js'
+import ApiJs from './api'
+export default {
+  name: 'WorkflowHistory',
+  components: {
+    WfHistoryCanvas
+  },
+  props: {
+    // 实例id
+    id: {
+      type: Number,
+      default: null
+    }
+  },
+  data: function() {
+    return {
+      process: null,
+      histories: [],
+      currentTasks: [],
+      allProcessI18n: null
+    }
+  },
+  computed: {
+    ...mapGetters(
+      'wfEditor', ['componentToDraw', 'taches', 'transitions', 'contextMenuVisible']
+    ),
+    ...mapGetters([
+      'sidebar'
+    ])
+
+  },
+  watch: {
+
+  },
+  created: function() {
+    this.showHistory()
+  },
+  mounted: function() {
+
+  },
+  methods: {
+    ...ApiJs,
+    ...mapMutations('wfEditor', [
+      'setComponentToDraw',
+      'clearCanvas',
+      'setContextMenuVisible',
+      'setProcessI18n'
+    ]),
+    showHistory() {
+      // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+      this.clearCanvas()
+      if (this.id) {
+        this.$http.get(this.baseAPI + '/wf-editor/i18n-settings/get-bundle-info?workflowId=' + this.id).then(processI18n => {
+          this.allProcessI18n = processI18n
+          const url = this.baseAPI + '/wf-editor/instance-histories/' + this.id
+          this.$http.get(url).then(data => {
+            this.initProcessByXml(data.xml)
+            let mainBundleCode
+            if (data.histories && data.histories.length > 0) {
+              mainBundleCode = data.histories[0].bundleCode
+            }
+            if (!mainBundleCode && data.currentTasks && data.currentTasks.length > 0) {
+              mainBundleCode = data.currentTasks[0].bundleCode
+            }
+            if (mainBundleCode) {
+              this.setProcessI18n(processI18n[mainBundleCode])
+            }
+            this.histories = data.histories
+            this.currentTasks = data.currentTasks
+          })
+        })
+      } else {
+        this.process = processTemplate.newProcess()
+        initializeProcessData(this.process)
+      }
+    },
+    showContextMenu(event) {
+
+    },
+    initProcessByXml(xml) {
+      const options = { nativeType: true, attributesKey: 'attr', compact: true, ignoreComment: true, spaces: 4 }
+      const processObj = convert.xml2js(xml, options)
+      removeTextProperty(processObj.process)
+      this.process = processObj.process
+
+      initializeProcessData(this.process)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.main{
+  position: relative;
+  display:flex;
+  height: 100%;
+  width:100%;
+}
+.canvas-container{
+  position: relative;
+  // display:flex;
+  height: 100%;
+  width:100%;
+}
+
+section{
+  overflow: hidden;
+  width:100%;
+  height:100%;
+  padding: 0;
+  // min-height: 500px;
+}
+.canvas{
+  overflow: auto;
+  height:100%;
+  // border:1px solid red;
+  // background: #ffffff;
+  padding: 0;
+  min-height: 500px;
+
+}
+.canvas /deep/ .draggable{
+    cursor: default;
+}
+</style>
+

package/src/i18n/langs/cn.js

@@ -224,6 +224,8 @@ const cn = {
       handlingYyThePersonnelOfTheDepartmentOfTheInitiator: '发起人所在部门人员办理',
       personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling: '发起人所在部门人员参与办理',
       selectSpecificHandler: '选择具体办理人',
+      selectOneFromDept: '同一部门仅需一人办理',
+      generateOneInstanceFromDept: '同一部门生成一个实例',
       selectionMethod: '选择方式',
       manualSelection: '人工选择',
       autoSelect: '自动选择',
@@ -313,7 +315,8 @@ const cn = {
       isNull: '等于Null',
       isNotNull: '不等于Null',
       defaultMailTemplate: '默认邮件模板',
-      trustTask: '委托任务'
+      trustTask: '委托任务',
+      subprocessIsSharedForm: '主子流程共用表单'
     },
     // 环节属性
     task: {

package/src/i18n/langs/en.js

@@ -224,6 +224,8 @@ const en = {
       handlingYyThePersonnelOfTheDepartmentOfTheInitiator: 'Handling By The Personnel Of The Department Of The Initiator',
       personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling: 'Personnel Of The Department Where The Initiator Works Participate In The Handling',
       selectSpecificHandler: 'Select Specific Handler',
+      selectOneFromDept: 'Only one person is required to handle the same department',
+      generateOneInstanceFromDept: 'Generate an instance from the same department',
       selectionMethod: 'Selection Method',
       manualSelection: 'Manual Selection',
       autoSelect: 'Auto Select',
@@ -313,7 +315,8 @@ const en = {
       isNull: 'Is Null',
       isNotNull: 'Is Not Null',
       defaultMailTemplate: 'Default Mail Template',
-      trustTask: 'Trust Task'
+      trustTask: 'Trust Task',
+      subprocessIsSharedForm: 'Main process and subprocess shared form'
     },
     // 环节属性
     task: {