From 8f7f2a8143e3db1f74e21fb2739751d986b2937b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Wed, 23 Apr 2025 16:18:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=87=E6=8D=A2=E8=B7=AF=E7=94=B1iframe?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=E5=B0=9D=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         | 25 -------------
 src/views/dialogue/dialogueView.vue |  6 ++--
 src/views/tools/index.vue           | 54 ++++++++++++++++++++++++++++-
 3 files changed, 56 insertions(+), 29 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 575a47f3..46439d73 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,31 +3,6 @@ import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import '@vue-flow/core/dist/style.css';
 import '@vue-flow/core/dist/theme-default.css';
 import DialogueView from 'src/views/dialogue/dialogueView.vue';
-import { watch } from 'vue';
-import { useRouter } from 'vue-router';
-const router = useRouter();
-
-// 监听路由变化，控制iframe内容的活动状态
-watch(
-  () => router.currentRoute.value.path,
-  (newPath) => {
-    const iframe = document.getElementById('my-iframe');
-    const isWitchaindRoute = newPath === '/witchainD';
-    if (!iframe) {
-      console.warn('未找到iframe元素');
-      return;
-    }
-    if (!iframe.contentWindow) {
-      console.warn('iframe.contentWindow不可用');
-      return;
-    }
-    const message = { StopActive: !isWitchaindRoute };
-    // 向iframe发送消息，控制其活动状态 StopActive为false表示激活，为true表示停止
-    let target = `${window.location.origin}/witchaind`;
-    iframe.contentWindow.postMessage(message, target);
-  },
-  { immediate: true } // 初始化时也执行
-);
 </script>
 
 <template>
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 549aba83..cc0fc69c 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -215,7 +215,7 @@ const changeLanguagefun = (lang: 'CN' | 'EN') => {
   // 同步语言到iframe
   const iframe = document.querySelector<HTMLIFrameElement>('#my-iframe');
   if (iframe?.contentWindow) {
-    const data = { lang: localStorage.getItem('localeLang') };
+    const data = { lang: localStorage.getItem('localeLang') ?? 'CN' };
     let target = `${window.location.origin}/witchaind`;
     iframe.contentWindow.postMessage(data, target);
   }
@@ -398,10 +398,10 @@ watch(
         </router-link>
       </div>
       <div class="dialogue-content">
-        <KeepAlive v-show="router.currentRoute.value.name === 'witchainD'">
+        <KeepAlive v-show="router.currentRoute.value.path === '/witchainD'">
           <tools />
         </KeepAlive>
-        <RouterView v-show="router.currentRoute.value.name !== 'witchainD'" />
+        <RouterView v-show="router.currentRoute.value.path !== '/witchainD'" />
       </div>
     </div>
     <el-dialog
diff --git a/src/views/tools/index.vue b/src/views/tools/index.vue
index a21aac32..6fb3ff10 100644
--- a/src/views/tools/index.vue
+++ b/src/views/tools/index.vue
@@ -3,6 +3,7 @@
     <div class="container">
       <iframe
         id="my-iframe"
+        ref="iframeRef"
         frameborder="0"
         sandbox="allow-scripts allow-popups allow-same-origin allow-downloads"
         height="100%"
@@ -12,6 +13,57 @@
   </KeepAlive>
 </template>
 
+<script setup lang="ts">
+import { watch, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+const iframeTarget = window.location.origin.includes('localhost')
+  ? 'http://localhost:3002'  // 移除了/witchaind，与dialogueView.vue保持一致
+  : `${window.location.origin}/witchaind`;
+
+// 监听路由变化来控制iframe的活动状态
+watch(
+  () => router.currentRoute.value.path,
+  (newPath) => {
+    const iframe = document.getElementById('my-iframe');
+    const isWitchaindRoute = newPath === '/witchainD';
+    
+    if (!iframe?.contentWindow) {
+      console.warn('iframe或contentWindow不可用');
+      return;
+    }
+
+    // 如果是切换回WitchainD路由，确保iframe已经加载
+    if (isWitchaindRoute) {
+      // 如果iframe的src为空，重新设置src
+      if (!iframe.src) {
+        iframe.src = iframeTarget;
+      }
+      // 使用setTimeout确保iframe已经准备好接收消息
+      setTimeout(() => {
+        const message = { StopActive: false };
+        iframe.contentWindow?.postMessage(message, iframeTarget);
+      }, 100);
+    } else {
+      const message = { StopActive: true };
+      iframe.contentWindow?.postMessage(message, iframeTarget);
+    }
+  },
+  { immediate: true }
+);
+
+// 添加错误处理
+onMounted(() => {
+  const iframe = document.getElementById('my-iframe');
+  if (iframe) {
+    iframe.onerror = (error) => {
+      console.error('iframe加载失败:', error);
+    };
+  }
+});
+</script>
+
 <style scoped>
 .container {
   width: 100%;
@@ -19,4 +71,4 @@
   margin: 0;
   padding: 0;
 }
-</style>
+</style>
\ No newline at end of file
-- 
Gitee