From 753245abc05d4e513c6c005c7a992c801032ee01 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 8 May 2024 12:41:14 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=B5=8C=E5=85=A5=E5=BC=8F=E5=9C=BA=E6=99=AF=E4=B8=8B?=
 =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E6=9D=BF=E5=88=87=E6=8D=A2=E5=88=B0=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E6=97=A0=E6=B3=95=E6=AD=A3=E5=B8=B8=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/MobileConfigPanel.vue | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index eef257a314..4680ee3f56 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted, unref, onBeforeUnmount, computed } from 'vue'
+import { XpackComponent } from '@/components/plugin'
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
 import MobileBackgroundSelector from './MobileBackgroundSelector.vue'
 import ComponentWrapper from '@/components/data-visualization/canvas/ComponentWrapper.vue'
@@ -43,9 +44,20 @@ const embeddedStore = useEmbedded()
 
 const iframeSrc = computed(() => {
   return embeddedStore.baseUrl
-    ? `${embeddedStore.baseUrl}/mobile.html#/panel`
+    ? `${embeddedStore.baseUrl}mobile.html#/panel`
     : './mobile.html#/panel'
 })
+const openHandler = ref(null)
+
+const initOpenHandler = newWindow => {
+  if (openHandler?.value && !!embeddedStore.baseUrl) {
+    const pm = {
+      methodName: 'initOpenHandler',
+      args: newWindow
+    }
+    openHandler.value.invokeMethod(pm)
+  }
+}
 
 const handleLoad = () => {
   mobileStatusChange(
@@ -134,6 +146,7 @@ const setMobileStyle = debounce(() => {
     transformOrigin: '0 0'
   }
 }, 100)
+const newWindow = ref()
 onMounted(() => {
   window.addEventListener('message', hanedleMessage)
   window.addEventListener('resize', setMobileStyle)
@@ -145,6 +158,9 @@ onMounted(() => {
     }
   })
   setMobileStyle()
+  setTimeout(() => {
+    initOpenHandler(newWindow.value)
+  }, 300)
 })
 
 onBeforeUnmount(() => {
@@ -214,7 +230,7 @@ const save = () => {
         {{ dvInfo.name }}
       </div>
       <div class="config-panel-content" v-loading="mobileLoading">
-        <iframe :src="iframeSrc" frameborder="0" width="375" />
+        <iframe ref="newWindow" :src="iframeSrc" frameborder="0" width="375" />
       </div>
       <div class="config-panel-foot"></div>
     </div>
@@ -258,6 +274,7 @@ const save = () => {
       </div>
     </div>
   </div>
+  <XpackComponent ref="openHandler" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvT3BlbkhhbmRsZXI=" />
 </template>
 
 <style lang="less" scoped>