From 19d12e627b08ed61c85754e94228bc315bfea998 Mon Sep 17 00:00:00 2001
From: weibl <weibaolin@chinasae.com>
Date: Mon, 1 Dec 2025 13:40:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=88=A0=E9=99=A4=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=EF=BC=8C=E4=BF=AE=E5=A4=8Dbug=20108?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dragFlow/{删除.svg => delete-black.svg}   |  0
 .../dragFlow/{delete.svg => delete-red.svg}   |  0
 src/views/simulation/creation/index.scss      |  3 ++
 src/views/simulation/creation/index.vue       | 43 ++++++++++++++++---
 4 files changed, 40 insertions(+), 6 deletions(-)
 rename src/assets/imgs/dragFlow/{删除.svg => delete-black.svg} (100%)
 rename src/assets/imgs/dragFlow/{delete.svg => delete-red.svg} (100%)

diff --git a/src/assets/imgs/dragFlow/删除.svg b/src/assets/imgs/dragFlow/delete-black.svg
similarity index 100%
rename from src/assets/imgs/dragFlow/删除.svg
rename to src/assets/imgs/dragFlow/delete-black.svg
diff --git a/src/assets/imgs/dragFlow/delete.svg b/src/assets/imgs/dragFlow/delete-red.svg
similarity index 100%
rename from src/assets/imgs/dragFlow/delete.svg
rename to src/assets/imgs/dragFlow/delete-red.svg
diff --git a/src/views/simulation/creation/index.scss b/src/views/simulation/creation/index.scss
index 95fb328..46e0bca 100644
--- a/src/views/simulation/creation/index.scss
+++ b/src/views/simulation/creation/index.scss
@@ -8,6 +8,9 @@
  .no-padding {
       padding: 0 !important;
     }
+    #delete-btn {
+      width: 16px;
+    }
 
     .header-box {
       display: flex;
diff --git a/src/views/simulation/creation/index.vue b/src/views/simulation/creation/index.vue
index 758035c..b83d407 100644
--- a/src/views/simulation/creation/index.vue
+++ b/src/views/simulation/creation/index.vue
@@ -23,11 +23,42 @@
         </el-select>
       </div>
       <div class="center-box">
-        <img @click="undoFun(graph)" src="@/assets/imgs/dragFlow/undo.svg" alt="">
-        <img @click="zoomOutFun(graph)" src="@/assets/imgs/dragFlow/magnify.svg" alt="">
-        <img @click="zoomInFun(graph)" src="@/assets/imgs/dragFlow/lessen.svg" alt="">
-        <img title="纵向对齐" @click="yAlign(graph)" src="@/assets/imgs/dragFlow/vertical-center.svg" alt="">
-        <img title="横向对齐" @click="xAlign(graph)" src="@/assets/imgs/dragFlow/lateral-distribution.svg" alt="">
+        <el-tooltip
+          effect="dark"
+          content="上一步"
+        >
+          <img @click="undoFun(graph)" src="@/assets/imgs/dragFlow/undo.svg" alt="">
+        </el-tooltip>
+        <el-tooltip
+          effect="dark"
+          content="放大画布"
+        >
+          <img @click="zoomOutFun(graph)" src="@/assets/imgs/dragFlow/magnify.svg" alt="">
+        </el-tooltip>
+        <el-tooltip
+          effect="dark"
+          content="缩小画布"
+        >
+          <img @click="zoomInFun(graph)" src="@/assets/imgs/dragFlow/lessen.svg" alt="">
+        </el-tooltip>
+        <el-tooltip
+          effect="dark"
+          content="框选节点垂直居中"
+        >
+          <img @click="yAlign(graph)" src="@/assets/imgs/dragFlow/vertical-center.svg" alt="">
+        </el-tooltip>
+        <el-tooltip
+          effect="dark"
+          content="框选节点横向分布"
+        >
+          <img @click="xAlign(graph)" src="@/assets/imgs/dragFlow/lateral-distribution.svg" alt="">
+        </el-tooltip>
+        <el-tooltip
+          effect="dark"
+          content="框选节点删除"
+        >
+          <img id="delete-btn" @click="deleteFun(graph)" src="@/assets/imgs/dragFlow/delete-black.svg" alt="">
+        </el-tooltip>
       </div>
       <div class="right-box">
         <el-button v-if="operationType !== FLOW_OPERATION_TYPE.UPGRADE" @click="saveDraftFun()">保存草稿</el-button>
@@ -94,7 +125,7 @@ const currentVersion = ref<any>();
 const flowVersionOptions = ref<any[]>([]);
 
 const { drawerVisible, nodeAttribute } = useNodeAttribute();
-const { undoFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents();
+const { undoFun, deleteFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents();
 
 // 注册连线
 // registerCustomConnector();