<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0 user-scalable=no"> -->
<title></title>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/Detector.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/IndoorMap.js"></script>
<script src="js/Projector.js"></script>
<script src="js/stats.min.js"></script>
<script src="js/IndoorMap2d.js"></script>
<script src="js/IndoorMap3d.js"></script>
<script src="js/Theme.js"></script>
<link href="css/indoor3D.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="../js/pre-loader.js"></script>
<!-- vue -->
<script src="../js/vue.js"></script>
<!--全局配置-->
<script src="../../config.js"></script>
<!-- <div id="indoor3d" style="width: 800px; height: 500px; top:0px; left: 0px; position: absolute"></div> -->
<div id="app" v-if="pd.FOURTYPE=='1'">
<vue-slideshow name="lbt" :data="images" :config="config"></vue-slideshow>
</div>
<script src="./js/vue-slideshow.min.js"></script>
<script>
var vm = new Vue({
el: '#app',
data:{
CORPINFO_ID: '', //主键ID
imgUrl:'',
pd:[],
images: [],
config: {
effect: "slide",
autoplay: 5000,
arrow: true,
dot: true
}
},
methods: {
//初始执行
init() {
this.CORPINFO_ID = this.getUrlKey("CORPINFO_ID");
this.getData();
},
//根据主键ID获取数据
getData: function() {
//发送 post 请求
$.ajax({
xhrFields: {
withCredentials: true
},
type: "POST",
url: config.httpurl + 'corpinfo/goEdit',
data: {
CORPINFO_ID: this.CORPINFO_ID,
tm: new Date().getTime()
},
dataType: "json",
success: function(data) {
if ("success" == data.result) {
vm.pd = data.pd;
var fourImgs = data.fourImgs;
if(data.pd.FOURTYPE==1){
vm.imgUrl = config.fileUrl+fourImgs[0].FILEPATH;
var images = [];
for(var i = 0;i<fourImgs.length;i++){
var img ={src:config.fileUrl+fourImgs[i].FILEPATH}
images.push(img);
}
vm.images = images;
if(vm.images.length == 1){
vm.config.autoplay = 10000000000
}
}else{
var url =config.fileUrl + data. fourImgs[0].FILEPATH;
var params = {
// mapDiv:"indoor3d",
// dim:"2d"
}
var map = IndoorMap(params);
// map.load('data/4sss.json', function(){
map.load(url, function(){
map.showFloor(1);
map.showPubPoints(true);
map.setSelectable(false);
map.showAreaNames(true);
// map.showAreaNames(true).setSelectable(true);
// var ul = IndoorMap.getUI(map);
// document.body.appendChild(ul);
});
}
} else if ("exception" == data.result) {
showException("企业管理", data.exception); //显示异常
$("#showform").show();
$("#jiazai").hide();
}
}
}).done().fail(function() {
swal("登录失效!", "请求服务器无响应，稍后再试", "warning");
$("#showform").show();
$("#jiazai").hide();
});
},
//根据url参数名称获取参数值
getUrlKey: function (name) {
return decodeURIComponent(
(new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
},
},
mounted(){
this.init();
}
})
</script>
</body>
</html>