去除空白两侧间隙

src/views/report/freeReport/freeReportPreview.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref , reactive , nextTick , computed } from 'vue'
+import { ref , reactive , nextTick , computed , onMounted , onUnmounted } from 'vue'
 import apiReport from '@/api/report'
 import { useRoute, useRouter } from "vue-router";
 import {getSystemInfo,shareGenerate} from '@/api/common'
@@ -158,6 +158,23 @@ const shareCodeUrls = computed(() => {
     return shareUrls.value.substring(0,index)
 })
 getReportDetail();
+
+const getIframeMessage = (e) => {
+    if(e.data && e.data.height){
+        const { height, code,uid } = e.data;
+        let iframeDom = document.getElementsByClassName(`iframe${uid||code}`);
+        if(iframeDom && iframeDom.length) iframeDom = Array.from(iframeDom);
+        iframeDom && iframeDom.length && iframeDom.forEach((ele) => {
+            ele.height = `${height+2}px`;
+        });
+    }
+};
+onMounted(() => {
+    window.addEventListener('message',getIframeMessage);
+})
+onUnmounted(() => {
+    window.removeEventListener('message',getIframeMessage)
+})
 </script>
 
 <template>
@@ -226,7 +243,6 @@ div{
             width: 100%;
             background: #FFF;
             box-sizing: border-box;
-            padding: 20px;
             overflow: hidden;
             display: flex;
             flex-direction: column;