From 722e32f0a8257ac47712a671999116ebbd59d421 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Fri, 19 Aug 2022 18:24:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=87=E6=8C=A5=E4=B8=AD=E5=BF=83(bim?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83):bim=E6=8E=A5=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bim.html                               |   3 +
 .../projectFront/BIMCenter/overviewTwo.vue    | 111 +++++-------------
 2 files changed, 31 insertions(+), 83 deletions(-)

diff --git a/public/bim.html b/public/bim.html
index d8271eea..c3416df9 100644
--- a/public/bim.html
+++ b/public/bim.html
@@ -30,8 +30,11 @@
       }
 
       window.addEventListener('message', function(e) {
+        // const modelId = e.data.modelId
         const data = e.data || {}
+        console.log('eeeeeeeeeee',e)
         if (data.token) {
+          // removeModel(modelId)
           bimCallback(data.token)
         }
         // console.log(e.data, '父级页面传来的数据')
diff --git a/src/views/projectFront/BIMCenter/overviewTwo.vue b/src/views/projectFront/BIMCenter/overviewTwo.vue
index 411140e4..338c1ed0 100644
--- a/src/views/projectFront/BIMCenter/overviewTwo.vue
+++ b/src/views/projectFront/BIMCenter/overviewTwo.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="fullHeight">
-    <div id="domId" style="width:800px; height:600px"></div>
+    <iframe src="/bim.html" frameborder="0" width="100%" height="100%" id="iframe" @load="load"></iframe>
   </div>
 </template>
 
 <script>
 import { getJlwTokenApi } from "@/assets/js/api/project";
-var viewer3D,
-  app
 export default {
   data() {
     return {
-      token: "75dd83c0b9664b49a836b1b5c9a45f59"
+      token: "",
+      model:1,
     };
   },
   props: {
@@ -23,105 +22,51 @@ export default {
 
   },
   mounted() {
-    console.log("fileId", this.fileId);
-    
-    //    let viewer3Djs = document.getElementsByClassName("viewer3Djs")[0];
-    // let newScript = document.createElement("script");
-    //  window.location.reload()
-    // if(viewer3Djs){
-    //   //第二次加载
-    //   if(this.$store.state.reloadPage){
-    //     this.$store.commit('setReloadPage',false)
-    //     // this.reload();
-    //     window.location.reload()
-    //   }
-    // }else{
-    //   //第一次加载
-    //   this.$store.commit('setReloadPage',true)
-    // }
-
-    // newScript.type = "text/javascript";
-    // newScript.src =
-    //   "https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js";
-    // newScript.classList.add("viewer3Djs");
-    // document.body.appendChild(newScript);
-
-    // this.getToken();
-    
-    // setTimeout(()=>{
-      this.getMoudle();
-    // },5000)
+    this.iframe = document.getElementById('iframe')
+    window.addEventListener('message', this.getIframeMessage)
+    this.getToken()
   },
   watch: {
     fileId: {
       handler(newVal, oldVal) {
-        if (newVal != oldVal) {
+        if (newVal != oldVal) {      
+        // this.iframe.remove();
+        this.$nextTick(()=>{
+          // this.iframe.append("<iframe id=\"iframe\" style=\"width: 100%;height: 100%\" src=\"\.bim.html\"></iframe>");
+          //  console.log('页面还在吗',this.iframe)
+          // this.iframe = document.getElementById('iframe')
+          this.load()
+          window.addEventListener('message', this.getIframeMessage)
           this.getToken();
+          this.reload();
+        })
         }
       },
-      deep: true,
-      immediate: true
+      deep: true
     }
   },
   methods: {
+    load() {
+      this.iframe.contentWindow.postMessage('Message from parent：load complate！')
+    },
+    getIframeMessage(e) {
+      // console.log('Message from iframe：', e.data)
+    },
     getToken() {
       let data = {};
       data.fileId = this.fileId;
+      console.log('----看一下这个id',this.fileId)
+      
       data.projectSn = this.$store.state.projectSn;
       getJlwTokenApi(data).then(res => {
         if (res.code == 200) {
           console.log("token", res);
-          this.token = res.result;
-          // let loaderConfig = new BimfaceSDKLoaderConfig();
-          // let that = this;
-          // loaderConfig.viewToken = this.token;
-          // console.log('loaderConfig',loaderConfig)
-          // BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
-          // //  console.log('Glodon外面的',Glodon)
-          // function successCallback(viewMetaData) {
-          //   console.log("----成功的回调", viewMetaData);
-          //   let domShow = document.getElementById("domId");
-          //   console.log("---------", domShow);
-
-          //   console.log("Glodon", Glodon);
-            
-          //   // let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
-          //   // webAppConfig.domElement = domShow;
-          //   app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
-          //   app.addView(that.token);
-          //   viewer3D = app.getViewer();
-          // }
-
-          // function failureCallback(error) {
-          //   console.log("错误的回调", error);
-          // }
+          let token = res.result;
+          let modelId = this.fileId
+         this.iframe.contentWindow.postMessage({ token , modelId})
         }
       });
     },
-    getMoudle(){
-        let loaderConfig = new BimfaceSDKLoaderConfig();
-          loaderConfig.viewToken = this.token;
-          console.log('loaderConfig',loaderConfig)
-          BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
-          //  console.log('Glodon外面的',Glodon)
-          function successCallback(viewMetaData) {
-            console.log("----成功的回调", viewMetaData);
-            let domShow = document.getElementById("domId");
-            console.log("---------", domShow);
-
-            console.log("Glodon", Glodon);
-            
-            // let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
-            // webAppConfig.domElement = domShow;
-            // app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
-            // app.addView(this.token);
-            // viewer3D = app.getViewer();
-          }
-
-          function failureCallback(error) {
-            console.log("错误的回调", error);
-          }
-      }
   }
 };
 </script>