指挥中心(bim):模型接入(需完善)
This commit is contained in:
parent
1016e90c42
commit
57b8cbd675
@ -40,8 +40,8 @@ if (process.env.NODE_ENV == 'development') {
|
|||||||
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
|
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
|
||||||
// tag: 本地
|
// tag: 本地
|
||||||
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
|
// 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.125:6023/' //杨意本地 http/1.1
|
||||||
axios.defaults.baseURL = 'http://192.168.34.246:6023/' // 邱平毅本地
|
// axios.defaults.baseURL = 'http://192.168.34.246:6023/' // 邱平毅本地
|
||||||
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
|
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
|
||||||
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
|
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
|
||||||
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇
|
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇
|
||||||
|
|||||||
@ -1,12 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<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>
|
<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>
|
<script src="/js/bos3D/BOS3DUI.min.js"></script>
|
||||||
<link rel="stylesheet" href="/css/font/myFont.css" />
|
<link rel="stylesheet" href="/css/font/myFont.css" />
|
||||||
|
|
||||||
@ -38,7 +39,7 @@
|
|||||||
type="text/css">
|
type="text/css">
|
||||||
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js" defer="defer"></script> -->
|
<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" />
|
<!-- <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/three/build/three.min.js" defer="defer"></script>
|
||||||
<script src="https://unpkg.zhimg.com/uevent@2/browser.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" />
|
defer="defer" />
|
||||||
<script src="https://unpkg.zhimg.com/photo-sphere-viewer@4/dist/plugins/markers.min.js" defer="defer"></script> -->
|
<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/snap.svg-min.js" defer="defer"></script>
|
||||||
<script src="/js/svg-pan-zoom.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>
|
</head>
|
||||||
|
|
||||||
@ -75,4 +77,32 @@
|
|||||||
document.title = '智慧工地云平台'
|
document.title = '智慧工地云平台'
|
||||||
</script>
|
</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>
|
||||||
@ -53,11 +53,11 @@ export default new Vuex.Store({
|
|||||||
// FILEURL: 'http://124.71.178.44:100/image/',
|
// FILEURL: 'http://124.71.178.44:100/image/',
|
||||||
|
|
||||||
/* 2022-06-06 */ // BASEURL:'http://192.168.34.174:6023/',
|
/* 2022-06-06 */ // BASEURL:'http://192.168.34.174:6023/',
|
||||||
// UPLOADURL: 'http://192.168.34.125:6023/upload/image',
|
UPLOADURL: 'http://192.168.34.125:6023/upload/image',
|
||||||
// FILEURL: 'http://192.168.34.125:6023/image/',
|
FILEURL: 'http://192.168.34.125:6023/image/',
|
||||||
|
|
||||||
UPLOADURL:'http://192.168.34.246:6023/upload/image',
|
// UPLOADURL:'http://192.168.34.246:6023/upload/image',
|
||||||
FILEURL:'http://192.168.34.246:6023/image',
|
// FILEURL:'http://192.168.34.246:6023/image',
|
||||||
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
|
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
|
||||||
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式
|
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式
|
||||||
ACCOUNTTYPE: ['系统管理员', '企业一级管理员', '企业二级管理员', '企业三级管理员', '项目管理员'], //1系统管理员,2企业管理员账号,3企业区账号,4企业市账号,5项目账号
|
ACCOUNTTYPE: ['系统管理员', '企业一级管理员', '企业二级管理员', '企业三级管理员', '项目管理员'], //1系统管理员,2企业管理员账号,3企业区账号,4企业市账号,5项目账号
|
||||||
|
|||||||
@ -240,7 +240,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
.centerTop {
|
.centerTop {
|
||||||
height: 100%;
|
height: 98.5%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -85,7 +85,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
.centerTop {
|
.centerTop {
|
||||||
height: 66%;
|
height: 66.5%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.centerBottom {
|
.centerBottom {
|
||||||
|
|||||||
@ -86,7 +86,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
.centerTop {
|
.centerTop {
|
||||||
height: 66%;
|
height: 66.5%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.centerBottom {
|
.centerBottom {
|
||||||
|
|||||||
@ -68,7 +68,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
.centerTop {
|
.centerTop {
|
||||||
height: 66%;
|
height: 66.5%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.centerBottom {
|
.centerBottom {
|
||||||
|
|||||||
@ -127,7 +127,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
.centerTop {
|
.centerTop {
|
||||||
height: 66%;
|
height: 66.5%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.centerBottom {
|
.centerBottom {
|
||||||
|
|||||||
@ -135,6 +135,7 @@ export default {
|
|||||||
projectSn: this.$store.state.projectSn,
|
projectSn: this.$store.state.projectSn,
|
||||||
showType: 3
|
showType: 3
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
console.log('------获取图片',res)
|
||||||
this.imgUrl = res.result.configValue;
|
this.imgUrl = res.result.configValue;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -241,8 +242,10 @@ export default {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.imgStyle{
|
.imgStyle{
|
||||||
width:80%;
|
// width:80%;
|
||||||
height: 80%;
|
width:700px;
|
||||||
|
height:470px;
|
||||||
|
// height: 80%;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -313,7 +313,7 @@ export default {
|
|||||||
projectSn: this.$store.state.projectSn,
|
projectSn: this.$store.state.projectSn,
|
||||||
id: item.id
|
id: item.id
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.loadData();
|
this.loadData();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -392,7 +392,6 @@ export default {
|
|||||||
item.isEnable = true;
|
item.isEnable = true;
|
||||||
this.activeBuildIndex = index
|
this.activeBuildIndex = index
|
||||||
this.fileId = item.fileId
|
this.fileId = item.fileId
|
||||||
console.log('-------默认第一个',this.fileId)
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -1,63 +1,130 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="fullHeight">
|
<div class="fullHeight">
|
||||||
<div id="domId" style="width:800px; height:600px"></div>
|
<div id="domId" style="width:800px; height:600px"></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getJlwTokenApi } from "@/assets/js/api/project";
|
||||||
import {
|
var viewer3D,
|
||||||
getJlwTokenApi
|
app
|
||||||
} from "@/assets/js/api/project";
|
|
||||||
export default {
|
export default {
|
||||||
data(){
|
data() {
|
||||||
return{
|
return {
|
||||||
viewToken:'',
|
token: "75dd83c0b9664b49a836b1b5c9a45f59"
|
||||||
}
|
};
|
||||||
},
|
|
||||||
props: {
|
|
||||||
fileId: {
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
created(){
|
props: {
|
||||||
this.getToken();
|
fileId: {
|
||||||
console.log('fileId',this.fileId)
|
default: ""
|
||||||
|
|
||||||
},
|
|
||||||
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);
|
|
||||||
// };
|
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
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>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user