指挥中心(bim):模型接入(需完善)

This commit is contained in:
骆乐 2022-08-15 18:28:24 +08:00
parent 1016e90c42
commit 57b8cbd675
12 changed files with 168 additions and 69 deletions

BIN
dist.zip Normal file

Binary file not shown.

View File

@ -40,8 +40,8 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
axios.defaults.baseURL = 'http://192.168.34.246:6023/' // 邱平毅本地
axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.246:6023/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇

View File

@ -1,12 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="/js/bos3D/BOS3D.min.js" charset="utf-8" type="application/javascript"></script>
<!-- <link href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css" rel="stylesheet">-->
<!-- <link href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css" rel="stylesheet">-->
<script src="/js/bos3D/BOS3DUI.min.js"></script>
<link rel="stylesheet" href="/css/font/myFont.css" />
@ -38,7 +39,7 @@
type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js" defer="defer"></script> -->
<!-- <link rel="stylesheet" href="https://unpkg.zhimg.com/photo-sphere-viewer@4/dist/photo-sphere-viewer.min.css" />
<script src="https://unpkg.zhimg.com/three/build/three.min.js" defer="defer"></script>
<script src="https://unpkg.zhimg.com/uevent@2/browser.min.js" defer="defer"></script>
@ -48,10 +49,11 @@
defer="defer" />
<script src="https://unpkg.zhimg.com/photo-sphere-viewer@4/dist/plugins/markers.min.js" defer="defer"></script> -->
<script src="/js/snap.svg-min.js" defer="defer"></script>
<script src="/js/svg-pan-zoom.js" defer="defer"></script>
<script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
<script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js"
charset="utf-8"></script>
</head>
@ -75,4 +77,32 @@
document.title = '智慧工地云平台'
</script>
</html>
<!-- <script>
function getMoudult (token, dom) {
let loaderConfig = new BimfaceSDKLoaderConfig();
loaderConfig.viewToken = token;
console.log('loaderConfig', loaderConfig)
BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
// console.log('Glodon外面的',Glodon)
function successCallback(viewMetaData) {
console.log("----成功的回调", viewMetaData);
let domShow = document.getElementById("dom");
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(token);
viewer3D = app.getViewer();
}
function failureCallback(error) {
console.log("错误的回调", error);
}
}
</script> -->
</html>

View File

@ -53,11 +53,11 @@ export default new Vuex.Store({
// FILEURL: 'http://124.71.178.44:100/image/',
/* 2022-06-06 */ // BASEURL:'http://192.168.34.174:6023/',
// UPLOADURL: 'http://192.168.34.125:6023/upload/image',
// FILEURL: 'http://192.168.34.125:6023/image/',
UPLOADURL: 'http://192.168.34.125:6023/upload/image',
FILEURL: 'http://192.168.34.125:6023/image/',
UPLOADURL:'http://192.168.34.246:6023/upload/image',
FILEURL:'http://192.168.34.246:6023/image',
// UPLOADURL:'http://192.168.34.246:6023/upload/image',
// FILEURL:'http://192.168.34.246:6023/image',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式
ACCOUNTTYPE: ['系统管理员', '企业一级管理员', '企业二级管理员', '企业三级管理员', '项目管理员'], //1系统管理员2企业管理员账号3企业区账号4企业市账号5项目账号

View File

@ -240,7 +240,7 @@ export default {
height: 100%;
margin-right: 15px;
.centerTop {
height: 100%;
height: 98.5%;
margin-bottom: 15px;
}
}

View File

@ -85,7 +85,7 @@ export default {
height: 100%;
margin-right: 15px;
.centerTop {
height: 66%;
height: 66.5%;
margin-bottom: 15px;
}
.centerBottom {

View File

@ -86,7 +86,7 @@ export default {
height: 100%;
margin-right: 15px;
.centerTop {
height: 66%;
height: 66.5%;
margin-bottom: 15px;
}
.centerBottom {

View File

@ -68,7 +68,7 @@ export default {
height: 100%;
margin-right: 15px;
.centerTop {
height: 66%;
height: 66.5%;
margin-bottom: 15px;
}
.centerBottom {

View File

@ -127,7 +127,7 @@ export default {
height: 100%;
margin-right: 15px;
.centerTop {
height: 66%;
height: 66.5%;
margin-bottom: 15px;
}
.centerBottom {

View File

@ -135,6 +135,7 @@ export default {
projectSn: this.$store.state.projectSn,
showType: 3
}).then(res => {
console.log('------获取图片',res)
this.imgUrl = res.result.configValue;
});
},
@ -241,8 +242,10 @@ export default {
display: block;
}
.imgStyle{
width:80%;
height: 80%;
// width:80%;
width:700px;
height:470px;
// height: 80%;
margin-left: 10%;
}
}

View File

@ -313,7 +313,7 @@ export default {
projectSn: this.$store.state.projectSn,
id: item.id
}).then(res => {
// this.loadData();
this.loadData();
});
},
@ -392,7 +392,6 @@ export default {
item.isEnable = true;
this.activeBuildIndex = index
this.fileId = item.fileId
console.log('-------默认第一个',this.fileId)
}
});

View File

@ -1,63 +1,130 @@
<template>
<div class="fullHeight">
<div id="domId" style="width:800px; height:600px"></div>
</div>
</template>
<script>
import {
getJlwTokenApi
} from "@/assets/js/api/project";
import { getJlwTokenApi } from "@/assets/js/api/project";
var viewer3D,
app
export default {
data(){
return{
viewToken:'',
}
},
props: {
fileId: {
default: '',
},
data() {
return {
token: "75dd83c0b9664b49a836b1b5c9a45f59"
};
},
created(){
this.getToken();
console.log('fileId',this.fileId)
},
methods:{
getToken(){
let data = {}
data.fileId = this.fileId
data.projectSn = this.$store.state.projectSn
getJlwTokenApi(data).then((res)=>{
console.log('--------token',res)
// this.viewToken = res
})
},
// let viewer3D;
// let app;
// let viewToken = '<yourViewToken>';
// 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);
// };
props: {
fileId: {
default: ""
}
}
},
created(){
},
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)
},
watch: {
fileId: {
handler(newVal, oldVal) {
if (newVal != oldVal) {
this.getToken();
}
},
deep: true,
immediate: true
}
},
methods: {
getToken() {
let data = {};
data.fileId = 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);
// }
}
});
},
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>
<style>
</style>