workflow-editor 0.9.84-dw-tmp7 → 0.9.84-dw-tmp9

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

@@ -1,153 +0,0 @@
-<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 ::v-deep .draggable{
-    cursor: default;
-}
-</style>
-