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