From bedfd895d3b28bef0b42507895bc6a3227a20e9f Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 17 Aug 2022 11:14:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(BIM?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83)=EF=BC=9A=E5=AE=8C=E6=88=90=20iframe=20?=
 =?UTF-8?q?=E9=80=9A=E4=BF=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bim.html                          | 42 +++++++++++++++---------
 src/views/projectAdmin/jlw/CIM/index.vue | 20 ++++++++++-
 2 files changed, 45 insertions(+), 17 deletions(-)

diff --git a/public/bim.html b/public/bim.html
index 23650f7e..d09b3bb6 100644
--- a/public/bim.html
+++ b/public/bim.html
@@ -8,24 +8,34 @@
     <div id="domId" style="width: 100%; height: 95vh"></div>
     <script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
     <script>
-      let viewer3D
-      let app
-      let viewToken = '11b0d307c09f43bfa5fa3922bcce0342'
-      let loaderConfig = new BimfaceSDKLoaderConfig()
-      loaderConfig.viewToken = viewToken
-      BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback)
-      function successCallback(viewMetaData) {
-        let domShow = document.getElementById('domId')
-        let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig()
-        webAppConfig.domElement = domShow
-        app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig)
-        app.addView(viewToken)
-        viewer3D = app.getViewer()
+      const bimCallback = viewToken => {
+        let viewer3D
+        let app
+        // let viewToken = '11b0d307c09f43bfa5fa3922bcce0342'
+        let loaderConfig = new BimfaceSDKLoaderConfig()
+        loaderConfig.viewToken = viewToken
+        BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback)
+        function successCallback(viewMetaData) {
+          let domShow = document.getElementById('domId')
+          let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig()
+          webAppConfig.domElement = domShow
+          app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig)
+          app.addView(viewToken)
+          viewer3D = app.getViewer()
+        }
+
+        function failureCallback(error) {
+          console.log(error)
+        }
       }
 
-      function failureCallback(error) {
-        console.log(error)
-      }
+      window.addEventListener('message', function(e) {
+        console.log(e.data, '父级页面传来的数据')
+        // bimCallback(e.data)
+        setTimeout(() => {
+          window.parent.postMessage({ msg: 'hello' })
+        }, 2000)
+      })
     </script>
   </body>
 </html>
diff --git a/src/views/projectAdmin/jlw/CIM/index.vue b/src/views/projectAdmin/jlw/CIM/index.vue
index 65d171f2..4e769ad6 100644
--- a/src/views/projectAdmin/jlw/CIM/index.vue
+++ b/src/views/projectAdmin/jlw/CIM/index.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="centerBox">
-      <iframe src="/bim.html" frameborder="0" width="100%" height="100%"></iframe>
+      <iframe src="/bim.html" frameborder="0" width="100%" height="100%" id="iframe" @load="load"></iframe>
     </div>
     <div class="rightBox">
       <div class="rightTop">
@@ -35,6 +35,24 @@ export default {
     leftCenter,
     rightTop,
     rightCenter
+  },
+  mounted() {
+    this.iframe = document.getElementById('iframe')
+    window.addEventListener('message', this.getIframeMessage)
+  },
+  data() {
+    return {
+      iframe: null
+    }
+  },
+  methods: {
+    load() {
+      this.iframe.contentWindow.postMessage('Message from parent：load complate！')
+    },
+    getIframeMessage(e) {
+      console.log(e.data, '丢雷1')
+      console.log(this, '丢雷2')
+    }
   }
 }
 </script>