Merge pull request #3572 from break60/dev

[fix-3553][ui]Repair click workflow connection, select the entire path

dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

@@ -208,7 +208,6 @@
           ],
           Connector: 'Bezier',
           PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
-          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3},
           ConnectionOverlays: [
             [
               'Arrow',
@@ -832,7 +831,6 @@
           ],
           Connector: 'Bezier',
           PaintStyle: { lineWidth: 2, stroke: '#456' }, // Connection style
-          HoverPaintStyle: {stroke: '#ccc', strokeWidth: 3},
           ConnectionOverlays: [
             [
               'Arrow',

dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/plugIn/util.js

@@ -100,13 +100,27 @@ const setSvgColor = (e, color) => {
   // Traverse clear all colors
   $('.jtk-connector').each((i, o) => {
     _.map($(o)[0].childNodes, v => {
-      $(v).attr('fill', '#2d8cf0').attr('stroke', '#2d8cf0').attr('stroke-width', 2)
+      if($(v).attr('fill') ==='#ccc') {
+        $(v).attr('fill', '#2d8cf0')
+      }
+      if($(v).attr('fill') ==='#4caf50') {
+        $(v).attr('fill','#4caf50').attr('stroke', '#4caf50').attr('stroke-width', 2)
+        $(v).prev().attr('stroke', '#4caf50').attr('stroke-width', 2)
+      } else if($(v).attr('fill') ==='#252d39') {
+        $(v).attr('stroke', '#252d39').attr('stroke-width', 2)
+        $(v).prev().attr('stroke', '#252d39').attr('stroke-width', 2)
+      } else {
+        $(v).attr('stroke', '#2d8cf0').attr('stroke-width', 2)
+      }
     })
   })
 
   // Add color to the selection
   _.map($(e.canvas)[0].childNodes, (v, i) => {
-    $(v).attr('fill', color).attr('stroke', color)
+    if($(v).attr('fill') ==='#2d8cf0') {
+      $(v).attr('fill', '#ccc')
+    }
+    $(v).attr('stroke', '#ccc')
     if ($(v).attr('class')) {
       $(v).attr('stroke-width', 2)
     }