<!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>