init

src/views/workflow/definition/components/FlowResource.vue

@@ -0,0 +1,64 @@
+<template>
+  <el-dialog title="流程资源" width="50%" :visible.sync="dialogVisible">
+    <el-image :src="flowSrc">
+      <div slot="error" class="image-slot">
+        <i class="el-icon-picture-outline" />
+      </div>
+    </el-image>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">取消</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { flowResource } from '@/api/workflow/definition'
+
+export default {
+  name: 'FlowResource',
+  props: {
+    visible: {
+      type: Boolean,
+      default: function() {
+        return false
+      }
+    },
+    processDefinitionId: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      flowSrc: ''
+    }
+  },
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.visible
+      },
+      set(val) {
+        this.$emit('update:visible', val)
+      }
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    init() {
+      flowResource(this.processDefinitionId).then(response => {
+        const blob = new Blob([response])
+        this.flowSrc = window.URL.createObjectURL(blob)
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>