From 1b1aa61b0886d1bfa73bb519c5c299849e567b89 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Thu, 16 Nov 2023 11:25:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |  3 +-
 index.html                                    |  4 +-
 package-lock.json                             |  4 +-
 public/static/bim.html                        |  2 +-
 src/views/sevenLargeScreen/bImModel/index.vue | 56 ++++++++++++++++---
 .../sevenLargeScreen/bImModel/indexNormal.vue | 46 +++++++++++++++
 vite.config.ts                                |  4 +-
 7 files changed, 102 insertions(+), 17 deletions(-)
 create mode 100644 src/views/sevenLargeScreen/bImModel/indexNormal.vue

diff --git a/.env.development b/.env.development
index aa81579..e41fb78 100644
--- a/.env.development
+++ b/.env.development
@@ -7,7 +7,8 @@ NODE_ENV = 'development'
 # VITE_API_URL = 'http://192.168.34.221:12360'
 # 沈阳合盈线上
 # VITE_API_URL = "http://101.43.164.214:45022"
-VITE_API_URL = 'http://192.168.34.221:30002'
+# VITE_API_URL = 'http://192.168.34.221:30002'
+VITE_API_URL = 'http://jxj.zhgdyun.com:9809'
 
 
 # 上传
diff --git a/index.html b/index.html
index a60478c..1ca2265 100644
--- a/index.html
+++ b/index.html
@@ -109,12 +109,12 @@
 		<!-- 用于RSA加密 -->
 		<script src="/jsWebControl-1.0.0.min.js"></script>
 		<!-- 用于RSA加密 -->
-		<script
+		<!-- <script
 			type="text/javascript"
 			src="<%= BASE_URL %>lib/include-lib.js?time=20210329"
 			libpath="<%= BASE_URL %>lib/"
 			include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,nprogress,toastr,admui,turf,cesium,mars3d,mars3d-widget"
-		></script>
+		></script> -->
 		<script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
 		<script>
 			// 禁用鼠标滚动事件
diff --git a/package-lock.json b/package-lock.json
index 74cf114..defb18b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15682,7 +15682,7 @@
 		},
 		"node_modules/vue3-scale-box": {
 			"version": "0.1.9",
-			"resolved": "https://registry.npmjs.org/vue3-scale-box/-/vue3-scale-box-0.1.9.tgz",
+			"resolved": "https://registry.npmmirror.com/vue3-scale-box/-/vue3-scale-box-0.1.9.tgz",
 			"integrity": "sha512-URKBWivTHglmwoqQTs9UBA+lWg7pMuyYusxI5ghU1ks3qZHcM+jCF5uoSiwlKpSd9XP47R3sO12oS+Sc5lW9ig=="
 		},
 		"node_modules/vue3-seamless-scroll": {
@@ -27447,7 +27447,7 @@
 		},
 		"vue3-scale-box": {
 			"version": "0.1.9",
-			"resolved": "https://registry.npmjs.org/vue3-scale-box/-/vue3-scale-box-0.1.9.tgz",
+			"resolved": "https://registry.npmmirror.com/vue3-scale-box/-/vue3-scale-box-0.1.9.tgz",
 			"integrity": "sha512-URKBWivTHglmwoqQTs9UBA+lWg7pMuyYusxI5ghU1ks3qZHcM+jCF5uoSiwlKpSd9XP47R3sO12oS+Sc5lW9ig=="
 		},
 		"vue3-seamless-scroll": {
diff --git a/public/static/bim.html b/public/static/bim.html
index 894159e..ed9ef58 100644
--- a/public/static/bim.html
+++ b/public/static/bim.html
@@ -18,7 +18,7 @@
         //  console.log('取到的token',token);
 			let viewer3D;
 			let app;
-			let viewToken = "29a730ca254548e18d441293f13d5720";
+			let viewToken = "6a7c39a4b2324880b98680f5e804f896";
 			console.log('viewToken',viewToken);
 			let loaderConfig = new BimfaceSDKLoaderConfig();
 			loaderConfig.viewToken = viewToken;
diff --git a/src/views/sevenLargeScreen/bImModel/index.vue b/src/views/sevenLargeScreen/bImModel/index.vue
index 261e2b1..8d999e7 100644
--- a/src/views/sevenLargeScreen/bImModel/index.vue
+++ b/src/views/sevenLargeScreen/bImModel/index.vue
@@ -1,6 +1,8 @@
 <template>
-	<div class="bimBox">
-		<iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
+	<div @click="getModelTree" style="color: white">获取信息</div>
+	<div @click="cancelModel" style="color: white">隐藏</div>
+	<div class="bimBox" id="domId">
+		<!-- <iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe> -->
 	</div>
 </template>
 
@@ -18,7 +20,7 @@ function getBimfaceList() {
 			if (item.isEnable) {
 				token.value = res.result.viewToken;
 				console.log("token的值", token.value);
-				localStorage.setItem('bimToken', JSON.stringify(token.value));
+				localStorage.setItem("bimToken", JSON.stringify(token.value));
 			}
 		});
 	});
@@ -31,16 +33,52 @@ function getBimfaceList() {
 //
 // 	});
 // }
-onMounted(() => {
-	url.value = window.location.origin + "/static/bim.html";
-	console.log("url-------的地址", window.location.origin);
-	getBimfaceList();
-});
+ // 声明viewer及app变量
+ let viewer, app;
+    // 声明viewToken变量，填入想要显示的模型/图纸/场景token
+    let viewToken = '3831955cbf80408582ed3833742b6eb5';
+      
+    // 构造BimfaceSDKLoaderConfig对象
+    let loaderConfig = new BimfaceSDKLoaderConfig();
+    // 设置BimfaceSDKLoaderConfig的viewToken
+    loaderConfig.viewToken = viewToken;
+
+    // 调用BimfaceSDKLoader的load方法加载模型
+    BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
+
+    // 加载成功回调函数
+    function successCallback(viewMetaData) {
+
+      // 获取DOM元素
+      let domShow = document.getElementById('domId');
+      // 创建WebApplicationGISConfig
+      let webAppConfig = new Glodon.Bimface.Application.WebApplicationGISConfig();
+      // 设置创建WebApplicationGIS的dom对象
+      webAppConfig.domElement = domShow;
+      // 创建WebApplicationGIS
+      app = new Glodon.Bimface.Application.WebApplicationGIS(webAppConfig);
+
+      // 加载待显示的场景
+      app.addScene(viewToken);
+
+      // 获取ViewerGIS对象
+      viewer = app.getViewer();
+
+    };
+
+    // 加载失败回调函数
+    function failureCallback(error) {
+
+      console.log(error);
+
+    };
+onMounted(() => {});
 </script>
 
 <style lang="scss" scoped>
 .bimBox {
 	width: 100%;
-	height: 100%;
+	height: 90%;
+	margin-top: 20px;
 }
 </style>
diff --git a/src/views/sevenLargeScreen/bImModel/indexNormal.vue b/src/views/sevenLargeScreen/bImModel/indexNormal.vue
new file mode 100644
index 0000000..261e2b1
--- /dev/null
+++ b/src/views/sevenLargeScreen/bImModel/indexNormal.vue
@@ -0,0 +1,46 @@
+<template>
+	<div class="bimBox">
+		<iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { GlobalStore } from "@/stores";
+import { getSelectProjectBimfaceList, getViewTokenByFileId } from "@/api/modules/binModel";
+import { ref, onMounted } from "vue";
+const store = GlobalStore();
+const url = ref("");
+const token = ref("" as any);
+//获取bim列表
+function getBimfaceList() {
+	getSelectProjectBimfaceList({ projectSn: store.sn }).then(res => {
+		res.result.page.records.forEach(item => {
+			if (item.isEnable) {
+				token.value = res.result.viewToken;
+				console.log("token的值", token.value);
+				localStorage.setItem('bimToken', JSON.stringify(token.value));
+			}
+		});
+	});
+}
+
+//获取token
+// function getBimfaceToken(fileId) {
+// 	getViewTokenByFileId({ projectSn: store.sn, fileId }).then(res => {
+// 		console.log("token结果", res);
+//
+// 	});
+// }
+onMounted(() => {
+	url.value = window.location.origin + "/static/bim.html";
+	console.log("url-------的地址", window.location.origin);
+	getBimfaceList();
+});
+</script>
+
+<style lang="scss" scoped>
+.bimBox {
+	width: 100%;
+	height: 100%;
+}
+</style>
diff --git a/vite.config.ts b/vite.config.ts
index 3b6a326..5037c44 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -13,7 +13,7 @@ import importToCDN from "vite-plugin-cdn-import";
 // import AutoImport from "unplugin-auto-import/vite";
 // import Components from "unplugin-vue-components/vite";
 // import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-import { vitePluginMars3d } from "vite-plugin-mars3d";
+// import { vitePluginMars3d } from "vite-plugin-mars3d";
 // @see: https://vitejs.dev/config/
 // export const BASE_IMAGE_URL = import.meta.env.NODE_ENV === "development" ? "./src" : "";
 export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
@@ -67,7 +67,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
 		},
 		plugins: [
 			vue(),
-			vitePluginMars3d(),
+			// vitePluginMars3d(),
 			createHtmlPlugin({
 				inject: {
 					data: {