..

2025-08-15 18:03:25 +08:00
parent 8eb6442d41
commit 0b07ce45d0
114 changed files with 20404 additions and 565 deletions
@@ -0,0 +1,43 @@
+<script>
+module.exports = {
+  name: "snakerChart",
+  data() {
+    return {
+      designVisible: false,
+      designUrl: ""
+    }
+  },
+  methods: {
+    onOpenFull(processDefineId,instanceId) {
+      this.designVisible = true
+      this.designUrl = `/flow/define/preview?defineId=${processDefineId}&instanceId=${instanceId}`
+    },
+    onOpen(processDefineKey){
+      this.designVisible = true
+      this.designUrl = `/flow/define/preview?defineKey=${processDefineKey}`
+    }
+  }
+}
+</script>
+
+<template>
+  <el-dialog title="流程图预览" :visible.sync="designVisible" width="80%" top="50px" append-to-body>
+    <div class="diagram-viewer">
+      <iframe v-if="designVisible" :src="designUrl" frameborder="0"></iframe>
+    </div>
+  </el-dialog>
+</template>
+
+<style scoped>
+.diagram-viewer {
+  height: 65vh;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.diagram-viewer iframe {
+  width: 100%;
+  height: 100%;
+}
+</style>
@@ -0,0 +1,35 @@
+<script>
+module.exports = {
+  name: "snakerStart",
+  props: {
+    define_key:{
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      required: true
+    }
+  },
+  methods:{
+    openChart() {
+      this.$refs.snakerChartRef.onOpen(this.define_key)
+    }
+  }
+}
+</script>
+
+<template>
+  <div>
+    <el-row type="flex" justify="space-between" slot="header">
+      <h3 style="color: var(--color-primary)">{{ label }}</h3>
+      <el-link type="primary" @click="openChart">流程图</el-link>
+    </el-row>
+    <snaker-chart ref="snakerChartRef"></snaker-chart>
+  </div>
+
+</template>
+
+<style scoped>
+
+</style>