需求修改

src/views/workflow/components/myProcess/applyPayment.vue

@@ -159,7 +159,7 @@
 
                   </div>
                 </div>
-                <div v-show="true" id="containeraddwork" style="width: 100%" />
+                <div v-show="true" id="containeraddwork1" style="width: 100%" />
               </el-col>
             </el-row>
           </div>
@@ -525,7 +525,7 @@ export default {
         },
         createNodeCanvas() {
             this.$nextTick(() => {
-                const chartDom = document.getElementById('containeraddwork')
+                const chartDom = document.getElementById('containeraddwork1')
                 var myCharts = echarts.init(chartDom)
                 const charts = {
                     nodes: this.nodes,
@@ -685,7 +685,7 @@ export default {
 	}
 }
 
-#containeraddwork {
+#containeraddwork1 {
 	height: 600px;
 	width: 100%;
 	background: #F5F5F5;

src/views/workflow/components/myProcess/applyPaymentConfirm.vue

@@ -238,7 +238,7 @@
 
         </el-tab-pane>
         <el-tab-pane label="流程图  " name="second">
-          <payment-canvas ref="PaymentCanvas" />
+          <payment-canvas ref="PaymentCanvas" id="paymentConfirm"/>
         </el-tab-pane>
       </el-tabs>
     </div>

src/views/workflow/components/myProcess/applyPaymentDetail.vue

@@ -185,7 +185,7 @@
 
         </el-tab-pane>
         <el-tab-pane label="流程图" name="second">
-          <payment-canvas ref="PaymentCanvas" />
+          <payment-canvas ref="PaymentCanvas" id="paymanetDetail"/>
         </el-tab-pane>
       </el-tabs>
     </div>

src/views/workflow/components/myProcess/paymentCanvas.vue

@@ -8,7 +8,7 @@
 
       </div>
     </div>
-    <div v-show="true" id="containeraddworkdetail" style="width: 100%" />
+    <div v-show="true" :id="id" style="width: 100%" />
 
   </div>
 </template>
@@ -299,6 +299,12 @@ const linesData = [ // 连线
 ]
 export default {
     name: 'AddWorkCanvas',
+    props: {
+        id: {
+            type: String,
+            default: ''
+        }
+    },
     data() {
         return {
             linesData: [],
@@ -452,7 +458,7 @@ export default {
         },
         getNode() {
             this.$nextTick(() => {
-                const chartDom = document.getElementById('containeraddworkdetail')
+                const chartDom = document.getElementById(this.id)
                 let myCharts = null
                 myCharts = echarts.init(chartDom)
                 const charts = {
@@ -530,5 +536,19 @@ export default {
 </script>
 
 <style scoped>
-
+#containeraddworkdetail1 {
+    height: 600px;
+    width: 100%;
+    background: #F5F5F5;
+}
+#paymanetDetail{
+    height: 600px;
+    width: 100%;
+    background: #F5F5F5;
+}
+#paymentConfirm{
+    height: 600px;
+    width: 100%;
+    background: #F5F5F5;
+}
 </style>