From f735e8e53600b522875dff3938cf4aead0fddfc8 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 17 Dec 2024 08:15:08 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BF=9D=E5=AD=98=E7=9A=84=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/components/flow-designer.vue     | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/flow-designer.vue b/apps/web-antd/src/views/workflow/components/flow-designer.vue
index 347c2a10..418f4176 100644
--- a/apps/web-antd/src/views/workflow/components/flow-designer.vue
+++ b/apps/web-antd/src/views/workflow/components/flow-designer.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router';
+import { onMounted, onUnmounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 
-import { useAppConfig } from '@vben/hooks';
+import { useAppConfig, useTabs } from '@vben/hooks';
 import { stringify } from '@vben/request';
 import { useAccessStore } from '@vben/stores';
 
@@ -21,7 +22,29 @@ const params = {
   disabled,
 };
 
+/**
+ * iframe设计器的地址
+ */
 const url = `${import.meta.env.VITE_GLOB_API_URL}/warm-flow-ui/index.html?${stringify(params)}`;
+
+const { closeCurrentTab } = useTabs();
+const router = useRouter();
+
+function messageHandler(event: MessageEvent) {
+  switch (event.data.method) {
+    case 'close': {
+      // 关闭当前tab
+      closeCurrentTab();
+      // 跳转到流程定义列表
+      router.push('/workflow/processDefinition');
+      break;
+    }
+  }
+}
+
+// iframe监听组件内设计器保存事件
+onMounted(() => window.addEventListener('message', messageHandler));
+onUnmounted(() => window.removeEventListener('message', messageHandler));
 </script>
 
 <template>