From f9c74461864b458f00b8e540adf2868d097f0780 Mon Sep 17 00:00:00 2001
From: Lemon <1599456917@qq.com>
Date: Tue, 18 Feb 2025 11:55:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B5=81=E7=A8=8B=E5=9B=BE?=
 =?UTF-8?q?=20=E5=B0=8F=E6=89=8B=E5=8A=9F=E8=83=BD=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E9=87=8D=E7=BD=AE=E5=8A=9F=E8=83=BD=20=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=E4=BD=8D=E7=BD=AE=E5=90=8E=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E5=8E=9F=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/SimpleProcessModel.vue                | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue b/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
index bab336dc..5a472980 100644
--- a/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
+++ b/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="simple-process-model-container position-relative">
-    <div class="position-absolute top-0px right-0px bg-#fff">
+    <div class="position-absolute top-0px right-0px bg-#fff z-index-button-group">
       <el-row type="flex" justify="end">
         <el-button-group key="scale-control" size="default">
           <el-button v-if="!readonly" size="default" @click="exportJson">
@@ -23,6 +23,7 @@
           <el-button size="default" :plain="true" :icon="ZoomOut" @click="zoomOut()" />
           <el-button size="default" class="w-80px"> {{ scaleValue }}% </el-button>
           <el-button size="default" :plain="true" :icon="ZoomIn" @click="zoomIn()" />
+          <el-button size="default" @click="resetPosition">重置</el-button>
         </el-button-group>
       </el-row>
     </div>
@@ -93,6 +94,8 @@ const startX = ref(0)
 const startY = ref(0)
 const currentX = ref(0)
 const currentY = ref(0)
+const initialX = ref(0)
+const initialY = ref(0)
 
 const setGrabCursor = () => {
   document.body.style.cursor = 'grab';
@@ -238,6 +241,18 @@ const zoomOut = () => {
 const processReZoom = () => {
   scaleValue.value = 100
 }
+
+// 在组件初始化时记录初始位置
+onMounted(() => {
+  initialX.value = currentX.value
+  initialY.value = currentY.value
+})
+
+// 重置位置的函数
+const resetPosition = () => {
+  currentX.value = initialX.value
+  currentY.value = initialY.value
+}
 </script>
 
 <style lang="scss" scoped>
@@ -253,4 +268,8 @@ const processReZoom = () => {
   min-width: 100%; // 确保宽度为100%
   min-height: 100%; // 确保高度为100%
 }
+
+.z-index-button-group {
+  z-index: 10;
+}
 </style>