From be6bafa29f0282579c389fc5e7e807aa01601191 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Tue, 5 Dec 2023 15:57:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96iframe=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/SinglePage.vue |  2 +-
 src/views/iframe/index.vue           | 24 ++++++++++++++++++------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/components/Layout/SinglePage.vue b/src/components/Layout/SinglePage.vue
index c2f0fd49..f65e69e3 100644
--- a/src/components/Layout/SinglePage.vue
+++ b/src/components/Layout/SinglePage.vue
@@ -25,7 +25,7 @@
         <UserInfo />
       </div>
     </template>
-    <Iframe :key="route.path" />
+    <Iframe :key="route.path" noMargin />
   </j-pro-layout>
 </template>
 
diff --git a/src/views/iframe/index.vue b/src/views/iframe/index.vue
index 11a2bb5a..deb6ec53 100644
--- a/src/views/iframe/index.vue
+++ b/src/views/iframe/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <page-container>
+    <page-container class="iframe-warp">
       <full-page>
         <iframe
             v-if="loading"
@@ -26,6 +26,21 @@ import { TokenLose} from "@/utils/request";
 const iframeUrl = ref<string>('');
 const route = useRoute()
 const loading = ref(false)
+
+const props = defineProps({
+  noMargin: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const className = computed(() => {
+  return {
+    'iframe-warp': true,
+    'margin-full': props.hasOwnProperty('noMargin') && props.noMargin !== false
+  }
+})
+
 const handle = async (appId: string, url: string) => {
     const res = await getAppInfo_api(appId);
     let menuUrl: any = url;
@@ -63,7 +78,7 @@ const handle = async (appId: string, url: string) => {
             iframeUrl.value = urlOther;
         }
     }
-};
+}
 
 const lowCode = () => {
   lowCodeUrl().then(res => {
@@ -78,7 +93,6 @@ const lowCode = () => {
 }
 
 const onMessage = (msg: any) => {
-  console.log('onMessage',msg)
   if (msg?.data?.token === 'LOSE') {
     TokenLose()
     setTimeout(() => {
@@ -115,7 +129,5 @@ watchEffect(() => {
 </script>
 
 <style lang='less' scoped>
-:deep(.children-full-height) {
-  margin: 0 !important;
-}
+
 </style>