流程概览组件fixed

src/components/work-flow/workflows-view.vue

@@ -12,13 +12,17 @@
     >
       <template v-slot:node="{ meta }">
         <div
-          v-if="meta.type === 1 || meta.type === 2"
+          v-if="meta.type === 1"
           class="flow-node"
           :class="`flow-node-${meta.type}`"
         >
           <span v-text="meta.name"></span>
         </div>
-        <div v-else-if="hideDetail" class="flow-node">
+        <div
+          v-else-if="hideDetail"
+          class="flow-node"
+          :class="`flow-node-${meta.type}`"
+        >
           <span v-text="meta.name"></span>
         </div>
         <el-tooltip v-else effect="dark" placement="right-start">
@@ -32,14 +36,14 @@
             <div class="plug-in-list">
               <span v-for="(plugin, index) in meta.plugins" :key="index">
                 {{
-                ["-", "接口插件", "流程插件", "超时插件"][
-                plugin.plugin_type || 0
-                ]
+                  ["-", "接口插件", "流程插件", "超时插件"][
+                    plugin.plugin_type || 0
+                  ]
                 }}
               </span>
             </div>
           </div>
-          <div class="flow-node">
+          <div class="flow-node" :class="`flow-node-${meta.type}`">
             <span v-text="meta.name"></span>
             <span class="example-count" v-text="meta.running_nodes || 0"></span>
           </div>
@@ -92,7 +96,7 @@ export default {
           let nodes = response[1].data.data;
 
           nodes.forEach((node) => {
-            let targetNode = nodeList.find((v) => v.node_id === node.id);
+            let targetNode = nodeList.find((v) => v.id === node.node_id);
 
             if (targetNode) {
               targetNode.meta = {
@@ -105,7 +109,7 @@ export default {
           this.nodeList = nodeList;
           this.linkList = linkList;
         })
-        .catch(function (error) {
+        .catch(function(error) {
           console.log(error);
         });
     },