From 286007744638d04c328ad621cd13945c0b864d00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 24 Apr 2025 10:42:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=87=E5=87=BA=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/views/tools/index.vue | 92 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 91 insertions(+), 1 deletion(-)

diff --git a/src/views/tools/index.vue b/src/views/tools/index.vue
index 098c8da9..f20abb03 100644
--- a/src/views/tools/index.vue
+++ b/src/views/tools/index.vue
@@ -1,17 +1,107 @@
 <template>
   <KeepAlive>
-    <div class="container">
+    <div class="container" v-show="isActive">
       <iframe
         id="my-iframe"
+        ref="iframeRef"
         frameborder="0"
         sandbox="allow-scripts allow-popups allow-same-origin allow-downloads"
         height="100%"
         width="100%"
+        :src="iframeTarget"
+        @load="handleIframeLoad"
+        @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);
+const isActive = ref(false);
+const isIframeLoaded = ref(false);
+
+// 生产环境URL处理
+const iframeTarget = (() => {
+  const origin = window.location.origin;
+  const isLocalhost = origin.includes('localhost');
+  const target = isLocalhost ? 'http://localhost:3002' : `${origin}/witchaind`;
+  
+  console.log('iframe target URL:', target);
+  return target;
+})();
+
+// 处理iframe加载完成事件
+const handleIframeLoad = () => {
+  console.log('iframe loaded successfully');
+  isIframeLoaded.value = true;
+  if (isActive.value) {
+    sendMessageToIframe(false);
+  }
+};
+
+// 处理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不可用，当前状态:', {
+      isActive: isActive.value,
+      isIframeLoaded: isIframeLoaded.value,
+      iframeExists: !!iframe,
+      hasContentWindow: !!iframe?.contentWindow
+    });
+    return;
+  }
+  
+  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';
+    isActive.value = isWitchaindRoute;
+    
+    // 等待DOM更新完成
+    await nextTick();
+    
+    if (isIframeLoaded.value) {
+      sendMessageToIframe(!isWitchaindRoute);
+    }
+  },
+  { 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