From fd5047aecf776d7122a280776c8a7622605d2b3c Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Thu, 27 Jun 2024 17:42:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E5=B0=86=E5=BD=93=E5=89=8D=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/workflow/common/NodeContainer.vue | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index d88f4139e..71941b87f 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -1,5 +1,10 @@
 <template>
-  <div @mousedown="mousedown" class="workflow-node-container p-16" style="overflow: visible">
+  <div
+    @mousedown="mousedown"
+    @mouseup="() => props.nodeModel.graphModel.toFront(props.nodeModel.id)"
+    class="workflow-node-container p-16"
+    style="overflow: visible"
+  >
     <div
       class="step-container p-16"
       :class="props.nodeModel.isSelected ? 'isSelected' : ''"
@@ -111,15 +116,7 @@ function editName(val: string) {
   }
 }
 const mousedown = () => {
-  props.nodeModel.graphModel.clearSelectElements()
-  props.nodeModel.graphModel.nodes.forEach((node: any) => {
-    if (node.zIndex == 2) {
-      node.zIndex = 1
-    }
-  })
-  set(props.nodeModel, 'isSelected', true)
-  set(props.nodeModel, 'isHovered', true)
-  set(props.nodeModel, 'zIndex', 2)
+  props.nodeModel.graphModel.toFront(props.nodeModel.id)
 }
 const showicon = ref<number | null>(null)
 const copyNode = () => {