From 1b4bd8ddec2ed7f074d08de21b6a4a1a88786b25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 25 Apr 2025 15:11:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=87=E6=8D=A2=E8=8F=9C=E5=8D=95=E6=9A=82?=
 =?UTF-8?q?=E5=81=9C=E8=BD=AE=E8=AF=A2=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts       |  4 +--
 src/views/tools/index.vue | 74 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 2 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 167a16fa..d4a43baa 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -55,8 +55,8 @@ const router = createRouter({
     {
       path: '/witchainD',
       name: 'witchainD',
-      component: (): Promise<typeof import('src/views/tools/index.vue')> =>
-        import('src/views/tools/index.vue'),
+      component: null,
+      children:[]
     },
     {
       path: '/404',
diff --git a/src/views/tools/index.vue b/src/views/tools/index.vue
index 098c8da9..37eb2160 100644
--- a/src/views/tools/index.vue
+++ b/src/views/tools/index.vue
@@ -3,15 +3,89 @@
     <div class="container">
       <iframe
         id="my-iframe"
+        ref="iframeRef"
         frameborder="0"
         sandbox="allow-scripts allow-popups allow-same-origin allow-downloads"
         height="100%"
         width="100%"
+        :src="iframeTarget"
+        @error="handleIframeError"
       ></iframe>
     </div>
   </KeepAlive>
 </template>
 
+<script setup lang="ts">
+import { watch, onMounted, ref, nextTick } from 'vue';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+const iframeRef = ref<HTMLIFrameElement | null>(null);
+
+// 生产环境URL处理
+const iframeTarget = (() => {
+  const origin = window.location.origin;
+  const target = origin.includes('localhost') ? 'http://localhost:3002/witchaind/' : `${origin}/witchaind/`;
+  console.log('iframe target URL:', target);
+  return target;
+})();
+
+// 处理iframe错误
+const handleIframeError = (error: Event) => {
+  console.error('iframe加载错误:', error);
+};
+
+// 发送消息到iframe
+const sendMessageToIframe = (stopActive: boolean) => {
+  const iframe = iframeRef.value;
+  if (!iframe?.contentWindow) {
+    console.warn('iframe或contentWindow不可用，当前状态:', {
+      iframeExists: !!iframe,
+      hasContentWindow: !!iframe?.contentWindow
+    });
+    return;
+  }
+  console.log('iframe?.contentWindow----',iframe?.contentWindow)
+  
+  try {
+    const message = { StopActive: stopActive };
+    console.log('发送消息到iframe:', message);
+    iframe.contentWindow.postMessage(message, iframeTarget);
+  } catch (error) {
+    console.error('发送消息到iframe失败:', error);
+  }
+};
+
+// 监听路由变化来控制iframe的活动状态
+watch(
+  () => router.currentRoute.value.path,
+  async (newPath) => {
+    console.log('路由变化:', newPath);
+    const isWitchaindRoute = newPath === '/witchainD';
+    
+    // 等待DOM更新完成
+    await nextTick();
+
+    setTimeout(() => {
+      sendMessageToIframe(!isWitchaindRoute);
+    },300)
+    
+  },
+  { immediate: true }
+);
+
+// 添加错误处理
+onMounted(() => {
+  console.log('组件挂载完成');
+  const iframe = iframeRef.value;
+  if (iframe) {
+    iframe.onerror = (error) => {
+      console.error('iframe加载失败:', error);
+    };
+  }
+});
+</script>
+
 <style scoped>
 .container {
   width: 100%;
-- 
Gitee