From adc77145c7027561214bfcaa0020d6adbb3b66d7 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 25 Jan 2024 16:52:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E5=8A=A8=E7=AB=AFPC=E7=AB=AF?=
 =?UTF-8?q?=E9=80=9A=E4=BF=A1=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/MobileConfigPanel.vue | 41 +++++++++----------
 .../src/views/mobile/panel/index.vue          |  2 +-
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index afa589bd54..30626d2f3d 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -29,29 +29,31 @@ const mobileStatusChange = (type, value) => {
 }
 
 const handleLoad = () => {
-  mobileLoading.value = false
-  console.log('dvInfo', JSON.parse(JSON.stringify(unref(dvInfo))))
-
-  setTimeout(() => {
-    mobileStatusChange(
-      'panelInit',
-      JSON.parse(
-        JSON.stringify({
-          componentData: JSON.parse(JSON.stringify(unref(componentData))),
-          canvasStyleData: JSON.parse(JSON.stringify(unref(canvasStyleData))),
-          canvasViewInfo: JSON.parse(JSON.stringify(unref(canvasViewInfo))),
-          dvInfo: JSON.parse(JSON.stringify(unref(dvInfo)))
-        })
-      )
+  mobileStatusChange(
+    'panelInit',
+    JSON.parse(
+      JSON.stringify({
+        componentData: JSON.parse(JSON.stringify(unref(componentData))),
+        canvasStyleData: JSON.parse(JSON.stringify(unref(canvasStyleData))),
+        canvasViewInfo: JSON.parse(JSON.stringify(unref(canvasViewInfo))),
+        dvInfo: JSON.parse(JSON.stringify(unref(dvInfo)))
+      })
     )
-  }, 800)
+  )
 }
 
 const componentDataNotInMobile = computed(() => {
   return componentData.value.filter(ele => !ele.inMobile)
 })
 
+const hanedleMessage = event => {
+  if (event.data.type === 'panelInit') {
+    mobileLoading.value = false
+    handleLoad()
+  }
+}
 onMounted(() => {
+  window.addEventListener('message', hanedleMessage)
   dvMainStore.setMobileInPc(true)
   useEmitt({
     name: 'onMobileStatusChange',
@@ -63,6 +65,7 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   dvMainStore.setMobileInPc(false)
+  window.removeEventListener('message', hanedleMessage)
 })
 
 const addToMobile = com => {
@@ -81,13 +84,7 @@ const addToMobile = com => {
     <div class="mobile-canvas">
       <div class="config-panel-title">{{ dvInfo.name }}</div>
       <div class="config-panel-content" v-loading="mobileLoading">
-        <iframe
-          src="./mobile.html#/panel"
-          frameborder="0"
-          width="360"
-          height="570"
-          @load="handleLoad"
-        />
+        <iframe src="./mobile.html#/panel" frameborder="0" width="360" height="570" />
       </div>
       <div class="config-panel-foot"></div>
     </div>
diff --git a/core/core-frontend/src/views/mobile/panel/index.vue b/core/core-frontend/src/views/mobile/panel/index.vue
index 36f29b1d91..0151d6bbfc 100644
--- a/core/core-frontend/src/views/mobile/panel/index.vue
+++ b/core/core-frontend/src/views/mobile/panel/index.vue
@@ -25,7 +25,6 @@ const hanedleMessage = event => {
   }
 
   if (event.data.type === 'addToMobile') {
-    console.log('event.data.value', event.data.value)
     const component = event.data.value
     checkItemPosition(component)
     dvMainStore.componentData.push(component)
@@ -33,6 +32,7 @@ const hanedleMessage = event => {
 }
 
 onBeforeMount(() => {
+  window.top.postMessage({ type: 'panelInit', value: true }, '*')
   window.addEventListener('message', hanedleMessage)
 })