bigSceneEdit_java/js/edit.js

/* var ceshi = '';
// var ceshi = 'http://192.168.0.135:8105';
//  var ceshi = 'http://47.107.252.54:8105';

// var token = "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbiIsInJvbGUiOm51bGwsIm1hbmFnZXIiOm51bGwsImlkIjoxLCJ1c2VyTmFtZSI6ImFkbWluIiwiZXhwIjoxNTk2NzAxNjAyLCJpYXQiOjE1OTY2MTUyMDIsImp0aSI6Ijk0YjA5YTg1LWViY2ItNDE1Yy04OGVmLWU0MDM1M2UzYmIxYyJ9.Uzi95n0kYXp7bdpY77MdLtTpPL_Fq-jn0tE7gjg6AzA"
var token = window.localStorage.dcj_token
 


 */

var _musicMaxWeight = 8
//M
var cmp = getQueryVariable('cmp') || ''

var _hotNum = 0

function reData(data, type) {
    return JSON.stringify(data) == type ? null : data
}

//新编辑界面
var EditTools = function(n) {
    //main2018 里面的主要对象
    this.n = n;
    //当前状态	
    this.atPanel = null;
    //场景信息
    this.sceneInformation = new SceneInformation();
    //热点
    this.hotpoint = new Hotpoint();
    //导览
    this.editGuide = new EditGuide();
    //音乐
    this.editMiuse = new EditMiuse();
    //初始化界面
    this.init();
}
EditTools.prototype.init = function() {
    this.hotpoint.init(this.n);
    var that = this;
    this.initSaveAll();
    this.active();
    //请求数据someData.js
    $.ajax(g_Prefix + "data/" + window.number + "/someData.json" + "?" + Date.now(), {
        dataType: "json"
    }).done(function(data) {
        //创建导览
        that.editMiuse.init(data);
        //请求完someData.js 之后再请求data2.js
        data2(data, that.sceneInformation.init);
    })
    //请求热点数据 data2.js
    function data2(data, callback) {
        $.ajax(g_Prefix + "data/" + window.number + "/data2.js" + "?" + Date.now(), {
            dataType: "json"
        }).done(function(data2) {
            callback(data, data2);
            // fyz 初始化导览需要两部分数据, 其中data2为data.js中的数据
            that.editGuide.init(data, data2);
        }).fail(callback(data, data2))
    }
    $("body").on("click", function() {
        $(".DelConfirm").removeClass("active");
    })

}
//点击的时候激活状态
EditTools.prototype.active = function() {
    var that = this;
    var confirmSnap = $(".confirmSnap.innerBtn");
    var snapshotGui = $(".snapshotGui.overlayGui");
    $('.toolBottom .toolLeft li').click(function() {
        var name = $(this).data("name");
        $('.toolLeft li[data-name=' + name + ']').addClass("active").siblings().removeClass("active");
        $('.toolRight .' + name).removeClass("hide").siblings().addClass("hide");
        if (name == that.atPanel)
            return;

        console.log(`atPanel ${that.atPanel} name ${name}`)
        switch (that.atPanel) {
            //退出
        case "panoVisible":
            VisiSet.finishSetPanoVisible()
            break;
        case "screen":
            confirmSnap.addClass("hide").removeClass("unable");
            snapshotGui.hide();
            break;
        case "overlay":
            EditOverlay.leave()
            break;
        case "hotpoint":
            $("#hotpointDetail").hasClass("atRight") || $("#hotpointDetail a.close").click();
            VisiSet.finishSetTagVisible()
            break;
        }
        switch (name) {
        case "panoVisible":
            VisiSet.enterSet(VisiSet.beginSetPanoVisible.bind(VisiSet))
            $(".toolLeft").addClass("unable")

            break;
        case "screen":
            confirmSnap.removeClass("hide");
            $('#camera-start').text("点此设置为初始画面")
            snapshotGui.show();
            if (player.modeTran.split("-")[1] != "panorama")
                $(".confirmSnap").addClass("unable")
            break;
        case "overlay":
            EditOverlay.enter()
            break;
        }

        that.atPanel = name;

        /* if(name != "hotpoint"){
        $("#hotpointDetail").hasClass("atRight") || $("#hotpointDetail a.close").click()
    } */

    })

    //滚动阻止事件
    $(".toolRight div.content").on("mousewheel", function(event) {
        event.stopPropagation()
    });
    // 输入框阻止事件
    $('.toolRight').on('keydown', function(ev) {
        ev.stopPropagation();
    })

}
//保存按钮
EditTools.prototype.initSaveAll = function() {
    var that = this;

    $('#save').on('click', function() {
        $(".edit-loading").removeClass("hide");
 

        var $images = $(".information .edit-fun-images a.result");

        new Promise(function(resolve, reject) {
            upload($images, 'images', resolve)
        }).then(function(imgUrls) {
            
            //导览的数据
            var guides = Array.from($('.tourList ul li')).map(function(dom) {
                return dom.data
            })
            var hots = {}
            // 热点数据
            var hotLength = 0;

            for (let i in player.model.hots) {
                let hot = player.model.hots[i];
                hots[i] = {
                    position: {
                        x: hot.mesh.position.x,
                        y: hot.mesh.position.y,
                        z: hot.mesh.position.z
                    },
                    //有的定制场景代码是旧的，只能使用rotation，所以不输出quaternion ： 
                    rotation: hot.isSprite ? new THREE.Euler().setFromQuaternion(hot.quaternion).toObject() : hot.mesh.rotation.toObject(),
                    isSprite: hot.isSprite ? 1 : 0,
                    noAction: hot.noAction ? 1 : 0, 
                    linkType: hot.linkType,
                    infoAttribute: hot.infoAttribute,
                    order: hotLength++//因为热点保存后在hots里的顺序会被修改，所以使用order来记录顺序 
                }
                if (hot.visiblePanos)
                    hots[sid].visiblePanos = hot.visiblePanos

                if (hot.infoAttribute) {
                    delete hot.infoAttribute.position;
                    delete hot.infoAttribute.quaternion;
                    delete hot.infoAttribute.rotation;
                }

            }

            var info = {
                name: $('#pjtName').val(),
                summary: $('#info-summary').val(),
                weixinDesc: $('#weixin-summary').val(),
                shareImgUrl: imgUrls[0] || '',
                backgroundMusic: $('#query-bgm').attr('href'),
                hoticon: JSON.parse($(".hotStyle-item li.active").attr("data-val")),
                camera_start: $('#camera-start')[0].data,
                loadlogo: $("#loadlogo").is(':checked'),
                special: $("#g_specialScene").is(':checked'),
                vision_version: $("#twoData").is(':checked') ? "1.1.562.17209" : false,

                /************************************** 方奕卓 场景可配置项 ******************************************/
                hotImageScale: $("#hotImgScale").is(':checked'),
                // 热点图片可放大
                hideFloorMarker: $("#hideFloorMarker").is(':checked'),
                // 地面标记
                hideMouseMarker: $("#hideMouseMarker").is(':checked'),
                // 鼠标标记
                floorMarkerColor: $('#floorMarkerColor').val(),
                // 地面/导览标志颜色
                mouseMarkerColor: $('#mouseMarkerColor').val(),
                // 鼠标标志颜色
                momentTour: $('#tourSwitch input').is(':checked') ? 'black' : 'walk',
                // 导览瞬间过渡
                showHotListSta: $('#hotListSwitch input').is(':checked'),
                // 开启热点列表
                hotIconScale: $('#hotIconScale input').val(),
                // 热点缩放
                supportsVR: $('#VRSwitch input').is(':checked'),
                // 开启VR功能
            }

            var overlayInfo = []
            player.overlayGroup.children.forEach((overlay)=>{
                var info = EditOverlay.getSavingInfo(overlay)
                if (info)
                    overlayInfo.push(info);
            }
            )
                
            
            
            
            let url = cmp ? ('/api/scene/edit/' + cmp) : '/manage/scene/edit'
            $.ajax({
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    token: token
                },
                dataType: 'json',
                contentType: 'application/json',
                url: ceshi + url,
                data: JSON.stringify({ 
                    sceneCode: number,
                    hots: reData(hots, '{}'),
                    name: number,
                    guides: reData(guides, '[]'),
                    info: info,
                    tourAudio: reData(that.editGuide.tourAudio, '{}'),
                    overlays: reData(overlayInfo, '[]')
                }),
                success: function(data) {
                    if (data.code === 0) {
                        location.reload()
                    }
                    if (data.code === 5001) {
                        alert('请重新登录')
                        localStorage.dcj_token = ''
                        location.reload()
                    }
                }

            })
        });
    })
}

//场景信息编辑
var SceneInformation = function() {}
SceneInformation.prototype.init = function(data, data2) {
    var $options = $('.hotStyle-item li');
    var $loadlogo = $("#loadlogo");
    var $hotImageScale = $("#hotImgScale");
    var $hideFloorMarker = $("#hideFloorMarker");
    var $hideMouseMarker = $("#hideMouseMarker");
    var $g_specialScene = $("#g_specialScene");
    var $twoData = $("#twoData");

    /*******************方奕卓 其他项需要用到data来初始化, 故一并放到这里 ******************/
    let momentTour = $('#tourSwitch input');
    // 导览瞬间过渡开关
    let hotListSwitch = $('#hotListSwitch input');
    // 热点列表开关
    let hotIconScale = $('#hotIconScale input');
    // 热点图标缩放
    let VRSwitch = $('#VRSwitch input');
    // VR功能开启
    /***********************************************************************************/

    $(".model-title2").text(data.name);
    $('#pjtName').val(data.name);
    $('#info-summary').val(data.summary);
    //if (data2) $('#weixin-summary').val(data2.weixinDesc);
    $('#weixin-summary').val(data.weixinDesc);

    for (var i = 0; i < $options.length; i++) {
        if ($options.eq(i).attr('data-val') === JSON.stringify(data.hoticon)) {
            $options.eq(i).addClass("active").siblings().removeClass("active");
        }
    }

    $('#camera-start')[0].data = data.camera_start;
    $(".shotImg.innerBtn").on("click", ()=>{
        var EntryInfo = $('#camera-start')[0].data
        if (EntryInfo) {
            var to = player.model.panos.get(EntryInfo.pano.uuid);
            var q = new THREE.Quaternion().fromArray(EntryInfo.camera.quaternion);
            var lookAtPoint = new THREE.Vector3(0,0,-1).applyQuaternion(q).add(to.position);
            player.flyToPano({
                pano: to,
                lookAtPoint: lookAtPoint
            })
        }
    }
    )

    
    if(data.shareImgUrl){
        var imagesHTML = '<div><a class=" result success"><span></span><img src="' + data.shareImgUrl + '"></a></div>'
        $(".information .edit-fun-images.list ").html(imagesHTML);
        $("#shareImgUpload").addClass("hide")
    }
       
        
    


    /*************方奕卓 其他项的初始化操作 ************/
    initColorElem(data);
    addListener();
    // 给其他元素绑定事件
    if (data.momentTour === 'black') {
        momentTour.prop('checked', true);
    }
    if (data.showHotListSta) {
        hotListSwitch.prop('checked', true);
    }
    if (data.hotIconScale && parseFloat(data.hotIconScale) <= 1.5 && parseFloat(data.hotIconScale) >= 0.3) {
        hotIconScale.val(parseFloat(data.hotIconScale));
    }
    if (data.supportsVR) {
        VRSwitch.prop('checked', true);
    }
    /************************************************/

    //隐藏公司logo
    if (data.loadlogo) {
        $loadlogo[0].checked = true
        showLogo();
    }

    // 热点图片放大
    if (data.hotImageScale) {
        $hotImageScale[0].checked = true
    }

    // 隐藏地面标记
    if (data.hideFloorMarker) {
        $hideFloorMarker[0].checked = true
    }

    // 隐藏鼠标标记 
    if (data.hideMouseMarker) {
        $hideMouseMarker[0].checked = true
    }

    //特殊大场景
    if (data.special) {
        $g_specialScene[0].checked = true
    }

    //启动二代的数据
    if (data.vision_version === "1.1.562.17209" || data.vision_version) {
        $twoData[0].checked = true
    }

}

/**
 * 初始化颜色选择的html元素
 * @param {*} data 
 * @param {*} elem 
 */
function initColorElem(data, elem) {
    let $floorMarkerColor = $('#floorMarkerColor');
    let $mouseMarkerColor = $('#mouseMarkerColor');
    let $floorMarkerColorTex = $('#floorMarkerColorTex');
    let $mouseMarkerColorTex = $('#mouseMarkerColorTex');

    var colorRe = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/;

    // 判断data中是否有存在的颜色值, 否则设置默认值
    data.floorMarkerColor ? $floorMarkerColor.val(data.floorMarkerColor) : $floorMarkerColor.val('#4bcdfc');
    data.mouseMarkerColor ? $mouseMarkerColor.val(data.mouseMarkerColor) : $mouseMarkerColor.val('#4bcdfc');
    // 事件监听
    $floorMarkerColor.on('change', function(e) {
        $('#floorMarkerColorTex').attr('placeholder', e.target.value)

    })
    $floorMarkerColorTex.on('blur keydown', function(e) {
        (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $floorMarkerColor, this);
    })
    $mouseMarkerColor.on('change', function(e) {
        $('#mouseMarkerColorTex').attr('placeholder', e.target.value)

    })
    $mouseMarkerColorTex.on('blur keydown', function(e) {
        (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $mouseMarkerColor, this);
    })

    // 设置颜色值
    function setColor(e, colorElem, inputElem) {
        var isColor = colorRe.test(e.target.value);
        isColor && colorElem.val(e.target.value);
        // isColor ? colorElem.val(e.target.value): (inputElem.placeholder = colorElem.val());
    }

}

function addListener() {}

//设置初始界面
function getSeft(seft) {
    $('#camera-start').on('click', function() {

        if (VisiSet.setPanoVisible) {
            return VisiSet.savePanoVisibles()
        } else if (VisiSet.setTagVisible) {
            return VisiSet.saveTagVisibles()
        }

        // 这部分内容需要配合main_2018.js中来进行修改
        var snap = JSON.parse("{" + seft.getSnapAngleInfo() + "}")
        this.data = {
            camera: {
                position: snap.metadata.camera_position,
                quaternion: snap.metadata.camera_quaternion// 相机朝向
            },
            pano: {
                uuid: snap.metadata.scan_id // 起始点位的id 
            }
        }

        var ev = document.createEvent("MouseEvent");
        //点击截取视图
        g_snapShotWidth = 240 * 4;
        g_snapShotHeight = 118 * 4;
        window.screenSta = 'startScreen';
        ev.initMouseEvent("snapshotBegin", true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

        ev.__callback = (imgData,info)=>{
            uploadImg(imgData, (rs)=>{
                if (rs.code === 0) {
                    $(".shotImg.innerBtn").css("background-image", "url(" + rs.data + ")")
                    this.data.thumbImg = rs.data;
                }
            }
            , "thumbImg.jpg")

        }

        window.dispatchEvent(ev);
    });

}

//热点编辑
var Hotpoint = function() {
    this.spotList = $(".spotList");
    this.hotpointDetail = $("#hotpointDetail");
    // fyz 导览编辑页面同样采取热点编辑的样式, 这里确保只查找到热点编辑
}
Hotpoint.prototype.init = function(n) {
    this.active();
    this.addmedia();
    // 添加多媒体
    this.addMusic();
    // 添加音乐
    this.addModel();
    // 添加模型
    this.addwebPack();
    // 添加外链
    this.initSaveHot();
    // 保存热点
    var that = this;
    let hotIconScale = $('#hotIconScale');

    //点击添加热点按钮
    $('#addHotSpots').on("click", function() {
        //点击添加热点
        g_HotStatus = g_HotStatus === "add" ? null : "add";
        $("#player").css("cursor", "cell");
    });
    //点击热点列表弹出按钮
    this.spotList.on("click", function(e) {
        var target = $(e.target);
        if (target.hasClass("del")) {
            e.stopPropagation();
            target.siblings(".DelConfirm").addClass("active");
            that.spotList.find("i").text(that.spotList.find("ul li").length);
        } else {
            if (target.hasClass("DelConfirm")) {
                e.stopPropagation();
                that.removeHot(target, n);
            } else {
                //点击热点列表弹出编辑热点窗口
                if (target.hasClass("title") || target.hasClass("icon")) {
                    that.editHot(target)
                }
            }
        }
    });

    //点击热点编辑窗口右上角的关闭按钮
    this.hotpointDetail.find("a.close, button.cancel").on("click", function() {
        var spot_id = that.hotpointDetail.attr("data-id");
        var hot = player.model.hots[spot_id];

        var info = hot.infoAttribute;
        //that.hotpointDetail[0].targetDOM.infoAttribute; 
        if (info) {
            info.position && hot.mesh.position.copy(info.position)
            info.quaternion && hot.mesh.quaternion.copy(info.quaternion)
            hot.isSprite = info.isSprite
            hot.noAction = info.noAction
            hot.linkOutside = info.linkOutside
        }
        that.hotpointDetail.addClass("atRight");
        transformControls.detach()
    });

    //创建列表
    for (let i in player.model.hots) {
        this.addHotList(player.model.hots[i]);
    }

    // 初始话的时候把热点信息添加到对应的热点中  直接使用data2.json的会怎样？
    /*  $.ajax(g_Prefix + "data/" + window.number + "/hot/js/data.js" + "?" + Date.now(), { dataType: "json" })
    .then(function (infos) {
      that.infos = infos ;
      Object.keys(infos).forEach(function (key) {

        //sxm增加热点列表可读性，方便查看删除操作等
        that.spotList.find("ul li[data-spid=" + key + "]")[0] && (that.spotList.find("ul li[data-spid=" + key + "]")[0].infoAttribute = infos[key])&& (that.spotList.find("ul li[data-spid=" + key + "] .title").html(infos[key].title));
        
      })
    }) */
}

/**
 * 显示编辑热点的窗口和初始化热点窗口的数据
 */
Hotpoint.prototype.editHot = function(target) {
    this.hotpointDetail.removeClass("atRight");

    $("#hotpointDetail .audio.mediaUpload").find("input").val('');
    // 点击编辑导览清空上一次文件
    var playIcon = 'images/play.png';
    var $layout = $("#hotpointDetail")[0];
    $layout.targetDOM = target.closest("li")[0];
    //closest匹配选择器的第一个祖先元素
    //编辑时将热点列表唯一标识带入，以便后期保存使用识别
    var li_id = $($layout.targetDOM).attr("data-spid");
    this.editSpot = player.model.hots[li_id];

    this.hotpointDetail.attr("data-id", li_id);
    var info = this.editSpot.infoAttribute || {}
    //$layout.targetDOM.infoAttribute || {}
    transformControls.transCtlChangeMode("translate")

    // 参数初始化
    info.title = info.title || '';
    info.content = info.content || '';
    info.iframe = info.iframe || [];
    info.model = info.model || [];
    info.images = info.images || [];
    info.video = info.video || [];
    info.isSprite = this.editSpot.isSprite
    info.noAction = this.editSpot.noAction

    try {
        transformControls.attach(player.model.hots[li_id].mesh)
        player.model.hots[li_id].examine(player, {
            dontOpen: true
        })
        //add

        info.position = player.model.hots[li_id].position.clone()
        info.quaternion = player.model.hots[li_id].quaternion.clone()
    } catch (e) {}

    initStyle(player.model.hots[li_id])

    $("#isSprite")[0].checked = this.editSpot.isSprite
    $("#noAction")[0].checked = this.editSpot.noAction
    $(".webPage .MenuOptions li").removeClass("chosen")
    $(".webPage .MenuOptions li[index = " + this.editSpot.linkType+"]").addClass("chosen")
      
    var iframesHTML = info.iframe.map(function(iframe) {
        return this.inputList("请填写网页链接", iframe)
    }
    .bind(this))

    var modulesHTML = info.model.map(function(module) {
        return this.inputList("请填写网页链接", module)
    }
    .bind(this))

    var imagesHTML = info.images.map(function(image) {
        return '<div><a class=" result success"><span></span><img src="' + image + '"></a></div>'
    })

    var videosHTML = info.video.map(function(ly) {
        var imgDom = (!ly.img || ly.img === "undefined") ? '' : 'success';
        var imgUrl = (!ly.img || ly.img === "undefined") ? playIcon : ly.img;
        return '<div><a class=" result success"><span></span><img class="play-video" videoURL="' + ly.url + '" src="' + imgUrl + '"></a  ><span class="upload-thum ' + imgDom + ' result" attr-thum="' + ly.img + '">上传封面<i><input type="file"></i></span></div>'
    })

    this.hotpointDetail.find(".name > input").val(info.title);
    this.hotpointDetail.find(".editText").val(info.content);
    this.hotpointDetail.find(".photo .list").html(imagesHTML);
    this.hotpointDetail.find(".video .list").html(videosHTML);
    this.hotpointDetail.find(".model .list").html(modulesHTML);
    this.hotpointDetail.find(".webPage .list").html(iframesHTML);
    let bgName = info.bgName || '热点背景音乐';
    if (info.backgroundMusic) {
        this.hotpointDetail.find(".audio .playBox").removeClass("hide");
        this.hotpointDetail.find("#upload-hotBgm").attr('data-hotBgm', info.backgroundMusic)
        this.hotpointDetail.find(".audio .playBox a").attr("href", info.backgroundMusic);
        this.hotpointDetail.find('#hotBgName')[0].innerHTML = bgName;
        this.hotpointDetail.find(".audio .submit").text("替换");
    } else {
        this.hotpointDetail.find(".audio .playBox").addClass("hide");
        this.hotpointDetail.find("#upload-hotBgm").removeAttr('data-hotBgm')
        // 没有背景音乐,则移除该属性, 避免其他热点的干扰
    }

    // $layout.targetDOM.infoAttribute = info
    this.editSpot.infoAttribute = info

}
//添加图片和视频
Hotpoint.prototype.addmedia = function() {
    // 视频预览控制
    var $videoLayout = $('.fun-view-video')
    $videoLayout.find('span').on('click', function() {
        $videoLayout.hide();
        $videoLayout.find('video').attr('src', '')[0].pause()
    });

    // 图片加载回调
    function imageSuccess(file) {
        if (!/image\/\w+/.test(file.type)) {
            alert("文件必须为图片！");
            return false;
        }
        if (!restrictedSize(file, 9)) {
            return false;
        }

        var img = new Image()
        img.src = URL.createObjectURL(file);
        return img
    }

    // 视频加载回调
    function videoSuccess(file, $elayout) {
        if (!/video\/\w+/.test(file.type)) {
            alert("视频必须为map4格式！");
            return false;
        }

        $elayout.append('<span class="upload-thum">上传封面<i><input type="file"></i></span>')

        return '<img src="./images/play.png" class="play-video" videoURL="' + URL.createObjectURL(file) + '">'
    }

    // 视频封面回调
    function thumSuccess(file, $elayout, $seft) {
        if (!/image\/\w+/.test(file.type)) {
            alert("文件必须为图片！");
            return false;
        }
        if (!restrictedSize(file, 2)) {
            return false;
        }

        $seft.closest('div').find('img').attr('src', URL.createObjectURL(file));
    }

    // 图片与视频加载
    function fileHandle() {
        var $seft = $(this)
        var $layout = $seft.closest("li");
        var type = $seft.parent().attr('data-type');
        var file = this.files[0];
        var $din = $(document.createElement('div'));
        var fnc = type === 'photo' ? imageSuccess : type === 'video' ? videoSuccess : thumSuccess
        var $dom = fnc(file, $din, $seft)

        if (type === 'photo' || type === 'video') {
            if (!$dom)
                return $seft.val('');
            var $addLayout = $(document.createElement('a'));
            var $addInput = $('<input type="file">')
            var $close = $(document.createElement('span'));
            $addInput[0].files = this.files;
            $addLayout.append($addInput)
            $addLayout.append($close);
            $addLayout.append($dom);
            $addLayout.addClass("result");
            $din.prepend($addLayout);
            $layout.find('.edit-fun-images').append($din);
        }

        if (searchParent($seft[0], {
            id: 'shareImgUpload'
        })) {
            //信息页面的分享图片
            $("#shareImgUpload").addClass("hide")
        }

    }
    ;// 图片与视频加载
    $('.upload, .edit-fun-images').on('change', function(ev) {
        if (ev.target.tagName.toUpperCase() === 'INPUT') {
            fileHandle.call(ev.target)
        }

    })
    $('.edit-fun-images').on('click', function(ev) {
        var $tag = $(ev.target)
        var tagName = ev.target.tagName.toUpperCase()
        if (tagName === 'SPAN') {
            var $resf = $(ev.target)
            if (searchParent($resf[0], {
                className: 'forShareImg'
            })) {
                //信息页面的分享图片
                $("#shareImgUpload").removeClass('hide')
            }
            $resf.parent().parent().remove()
        } else if (tagName === 'IMG' && $tag.hasClass('play-video')) {
            $videoLayout.css('display', 'flex').find('video').attr('src', $tag.attr('videoURL'))[0].play()
        }
    })
}

//========================xzw=======================更改热点样式图

var currStyle;
//当前选择的模式  默认or用户自定义
var currentHotStyleImg = [];
//当前编辑状态下添加的图， 每次开始编辑热点时更新
var editStyleImgIndex = 0;
//当前正在编辑第几张图
var uploadInput = $('<input  type="file" style="display:none" accept="image/*"></input>');

$("#hotpointDetail .style .MenuOptions li").on("click", (e)=>{
    //热点页面内样式切换
    currStyle = $(e.target).attr("index")
    if (currStyle == "default") {
        $("#userUploadStyle").addClass("hide")
    } else {
        $("#userUploadStyle").removeClass("hide")
    }
    $("#hotpointDetail .style .MenuOptions li").removeClass("chosen");
    $(e.target).addClass("chosen")
}
)

$('#userUploadStyle li').on('click', (e)=>{
    var index = $(e.currentTarget).index();
    if (e.target.classList.contains("del")) {
        //删除图片
        if (currentHotStyleImg.length == 2 && index == 0) {
            //删除第一个 且有第二个的话
            setImgContent(0, currentHotStyleImg[1].src);
            setImgContent(1, null);
            currentHotStyleImg = [currentHotStyleImg[1]]
        } else {
            setImgContent(index, null);
            currentHotStyleImg.pop()
            if (currentHotStyleImg.length == 0) {
                $('#userUploadStyle li').eq(1).addClass("hide");
            }
        }
    } else {
        //添加图片
        uploadInput.click()
        editStyleImgIndex = index;
    }

}
)

uploadInput.on("change", (e)=>{
    inputMedia({
        enableTypes: ["photo"],
        photoDone: (resultImg)=>{
            currentHotStyleImg[editStyleImgIndex] = resultImg;
            setImgContent(editStyleImgIndex, resultImg.src)

            if (editStyleImgIndex == 0)
                $('#userUploadStyle li').eq(1).removeClass("hide");
            resultImg.needSave = true
        }
    }, "photo", e);
}
)

var setImgContent = function(index, src) {
    var li = $('#userUploadStyle li').eq(index)
    var div = li.find('>div');
    if (src) {
        li.addClass("uploaded")
        div.css("background-image", `url(${src})`)
    } else {
        li.removeClass("uploaded")
        div.css("background-image", '')
    }
}

var initStyle = function(hot) {
    //每次开始编辑热点时更新列表UI 和 currentHotStyleImg
    if (!hot.styleTex)
        hot.styleTex = [];

    $('#userUploadStyle li>div').css("background-image", "");
    $('#userUploadStyle li').removeClass("uploaded")
    currentHotStyleImg = hot.styleTex.slice(0);

    if (hot.styleTex.length) {
        $("#hotpointDetail .style .MenuOptions li").eq(1).click();
        hot.styleTex.forEach((img,index)=>{
            setImgContent(index, img.src)
        }
        )
        $('#userUploadStyle li').eq(1).removeClass("hide")

    } else {
        $("#hotpointDetail .style .MenuOptions li").eq(0).click()
        $('#userUploadStyle li').eq(1).addClass("hide")
    }
}
//=====================================================

//选择热点的样式
Hotpoint.prototype.active = function() {
    $(".hotStyle-item li").on('click', function() {
        $(this).addClass('active').siblings().removeClass('active');
    })
}
//当前处于的状态，比如是否是添加热点的状态
Hotpoint.prototype.state = function(that, Hot) {
    if (g_HotStatus === "add") {
        //console.log(Hot)
        this.addHot(that, Hot, (hot)=>{
            this.addHotList(hot);
        }
        );
    }
}
Hotpoint.prototype.updateNumDisplay = function() {
    this.spotList.find("i").text(this.spotList.find("ul li").length);
}

//删除热点
Hotpoint.prototype.removeHot = function(that, thisScene) {
    var hotId = that.closest("li").attr("data-spid");

    player.model.hots[hotId].dispose();
    delete player.model.hots[hotId]

    that.closest("li").remove();
    this.updateNumDisplay()
    console.log("删除成功：" + hotId);
}
//添加热点模型
Hotpoint.prototype.addHot = function(that, Hot, fn) {
    if (!window.hotIntersect)
        return;
    // 没有正确的热点位置, return
    var position = hotIntersect.point.toArray();

    //var sid = g_HotMeshes.length > 0 ? "sprite_" + (parseInt(g_HotMeshes[g_HotMeshes.length - 1].name.substring(7)) + 1) : "sprite_" + g_HotMeshes.length;//这么写出bug了。因为当前热点名字不是按照从小到大
    var sid = getRandomSid()
    var hot = new Hot(sid,{
        position: position,
        rotation: [0, 0, 0],
        size: 1.05
    },that.model);
    that.model.hots[sid] = hot;

    if (player.getMouseDirection().angleTo(window.hotIntersect.face.normal) < Math.PI / 2) {
        hot.mesh.lookAt(window.hotIntersect.face.normal.clone().negate().add(hotIntersect.point));
        hot.mesh.position.add(window.hotIntersect.face.normal.clone().negate().multiplyScalar(0.01))
        //avoid mesh crash with chunks 模型的精度可能和floorplan的不一样，所以chunk即使材质经过处理还是会闪烁但是wallmesh不会
    } else {
        hot.mesh.lookAt(window.hotIntersect.face.normal.clone().add(hotIntersect.point));
        hot.mesh.position.add(window.hotIntersect.face.normal.clone().multiplyScalar(0.01))
    }
    hot.quaternion.copy(hot.mesh.quaternion)
    hot.position.copy(hot.mesh.position)

    g_HotStatus = false;
    that.mouseCouldBeClickToMove = false;
    $("#player").css("cursor", "");
    //添加完热点之后的回调函数
    if (g_HotMeshes && g_newHot.length === g_newHot.length++) {
        var thisScene = that;
        //fn && fn.call(this, thisScene);
        fn && fn(hot)
    }
}

//添加热点列表
Hotpoint.prototype.addHotList = function(hot) {

    var li = $("<li data-spid=" + hot.sid + ">" + "<div class=icon></div>" + "<div class=number title=热点>" + (++_hotNum) + "</div>" + "<div class=title title=热点>" + (hot.infoAttribute && hot.infoAttribute.title || "") + "</div>" + "<div class=DelConfirm>确定删除</div>" + "<div class=del></div>" + "</li>");

    li.hot = hot
    $(".spotList ul").append(li);
    this.updateNumDisplay()
}

//添加热点音乐
Hotpoint.prototype.addMusic = function() {
    var mediaUpload = $("#hotpointDetail .audio.mediaUpload");
    mediaUpload.find("input").on("change", function() {
        var file = this.files[0];
        mediaUpload.find(".innerBtn").text("替换");
        mediaUpload.find(".playBox").removeClass("hide");
        mediaUpload.find(".title").text(file.name);
        mediaUpload.find('#query-bgm').attr('href', URL.createObjectURL(file));
    });
    //删除音乐
    mediaUpload.on("click", ".delete", function() {
        mediaUpload.find('#query-bgm').attr('href', "");
        mediaUpload.find(".playBox").addClass("hide");
        mediaUpload.find(".innerBtn").text("上传");
        mediaUpload.find("input").val("").removeAttr("data-hotbgm");
    })
}
//添加热点模型列表dom
Hotpoint.prototype.inputList = function(text, val) {
    var _val = '';
    if (arguments[1]) {
        _val = 'value=' + val;
    }
    return '<div class="link"> <input class="text" type="text" placeholder=' + text + '  spellcheck="false" ' + _val + ' > </div>'
}
//添加热点模型
Hotpoint.prototype.addModel = function() {
    var text = this.inputList("请填写模型链接");
    this.hotpointDetail.find(".model .add").on('click', function() {
        $(this).closest(".model").find(".list").append(text)
    });
    this.hotpointDetail.find(".model .delete").on('click', function() {
        $(this).closest(".model").find(".list > div:last").remove();
    });
}
//添加网页链接
Hotpoint.prototype.addwebPack = function() {
    var text = this.inputList("请填写网页链接", "");
    this.hotpointDetail.find(".webPage .add").on('click', function() {
        $(this).closest(".webPage").find(".list").append(text)
    });
    this.hotpointDetail.find(".webPage .delete").on('click', function() {
        $(this).closest(".webPage").find(".list > div:last").remove();
    });
}
// 保存热点信息
Hotpoint.prototype.initSaveHot = function() {
    var $layout = $(".edit-loading");
    var hotpointDetail = this.hotpointDetail;
    var spotList = this.spotList;

    hotpointDetail.find(".tail .submit").on('click', function() {

        //获取唯一标识
        var spot_id = hotpointDetail.attr("data-id");
        var spot = spotList.find("li[data-spid=" + spot_id + "]");
        var hot = player.model.hots[spot_id];
        //显示loading
        $layout.removeClass('hide');
        var args = {};
        //热点标题
        var $title = hotpointDetail.find(".info input");
        //热点内容
        var $content = hotpointDetail.find(".info textarea");
        //热点图片
        var $images = hotpointDetail.find(".photo .edit-fun-images a.result");
        //热点视频
        var $videos = hotpointDetail.find(".video .edit-fun-images a.result");
        //热点视频的图片
        var $thums = hotpointDetail.find(".video .edit-fun-images .upload-thum");
        //热点模型
        var $modules = hotpointDetail.find(".model input");
        //热点内嵌网页
        var $iframes = hotpointDetail.find(".webPage input.text");
        //热点音乐
        var $miusc = hotpointDetail.find("#upload-hotBgm");

        let $bgName = hotpointDetail.find('.title');

        new Promise(function(resolve, reject) {
            //获取热点图片所有的路径
            upload($images, 'images', resolve)
        }
        ).then(function(imgUrls) {
            args.images = imgUrls
            //获取热点视频所有的路径
            return new Promise(function(resolve, reject) {
                upload($videos, 'videos', resolve)
            }
            )
        }).then(function(videoUrls) {
            args.video = videoUrls
            //获取热点视频图片所有的路径
            return new Promise(function(resolve, reject) {
                upload($thums, 'images', resolve)
            }
            )
        }).then(function(thums) {
            args.video = args.video.map(function(video, index) {
                return {
                    url: video,
                    img: thums[index]
                }
            })
        }).then(function() {
            //获取热点音乐所有的路径
            //console.log($miusc)
            if ($miusc[0].files.length > 0) {
                return new Promise(function(resolve) {
                    upload($miusc, 'miusc', function(res) {
                        resolve(res[0])
                    })
                }
                )
            } else {
                return $miusc.attr('data-hotBgm')
            }
        }).then(function(src) {
            args.backgroundMusic = src
            args.bgName = $bgName[0].innerHTML;
        }).then(function() {
            //上传style图片
            var a = $.Deferred();
            var doneNum = 0;
            if (currStyle == "user" && currentHotStyleImg.length) {
                currentHotStyleImg.forEach((img)=>{
                    if (img.needSave)
                        /* uploadImg(img.base64Src, function(rs){
                            if(rs.code == 0){
                                img.needSave = false;
                                img.saveURL = rs.data;
                                if(++doneNum >= currentHotStyleImg.length){
                                    a.resolve();
                                } 
                            }else{
                               alert("样式图上传失败");
                               a.reject(); 
                            }
                        })  */

                        uploadFile(img.file, 'hot/image', function(rs) {
                            if (rs.code === 0) {
                                img.needSave = false;
                                img.saveURL = rs.data;
                                if (++doneNum >= currentHotStyleImg.length) {
                                    a.resolve();
                                }
                            } else {
                                alert("样式图上传失败");
                                a.reject();
                            }
                        })

                    else if (++doneNum >= currentHotStyleImg.length) {
                        a.resolve();
                    }
                }
                )
                return a.promise()
            } else
                return a.resolve()

        }).then(()=>{
            //获取style图的信息

            args.styleImg = [];
            if (currStyle == "user") {
                currentHotStyleImg.forEach((img)=>{
                    args.styleImg.push(img.saveURL || img.src)
                }
                )
                hot.styleTex = currentHotStyleImg.slice(0)
            } else {
                hot.styleTex = [];
            }
            hot.changeTex();
            //更新材质     
        }
        ).then(function() {
            //获取热点标题、内容、内嵌网页、模型网页。
            args.title = $title.val()
            args.content = $content.val()

            var iframes = []
            for (var i = 0; i < $iframes.length; i++) {
                var iframe = $iframes.eq(i).val()
                iframe && iframes.push(iframe)
            }
            args.iframe = iframes

            var modules = []
            for (var i = 0; i < $modules.length; i++) {
                var module = $modules.eq(i).val()
                module && modules.push(module)
            }
            args.model = modules

            args.position = hot.mesh.position.clone()
            args.quaternion = hot.mesh.quaternion.clone()

            return args
        }).then(function(args) {
            console.log(args);
            //把获取的所有信息都保存在对应热点的dom元素里面
            //hotpointDetail[0].targetDOM.infoAttribute = args;
            hot.infoAttribute = args;
            $layout.addClass('hide');
            hotpointDetail.addClass("atRight");
            spot.find(".title").html(args.title);
            transformControls.detach()
        })
    })

    var _this = this;
    $("#isSprite").on("change", function(e) {
        _this.editSpot.isSprite = this.checked;
        if (this.checked) {
            _this.editSpot.update(player.camera)
        } else {
            _this.editSpot.mesh.quaternion.copy(_this.editSpot.quaternion)
        }

    })
    
    $(".webPage .MenuOptions li").on("click", (e)=>{ //链接打开方式切换 
        _this.editSpot.linkType = $(e.target).attr("index") 
        $(".webPage .MenuOptions li").removeClass("chosen");
        $(e.target).addClass("chosen")
        
    })
    
    $("#noAction").on("change", function(e) {
        _this.editSpot.noAction = this.checked;
    })
}

//背景音乐
var EditMiuse = function() {
    this.mediaUpload = $(".music .audio.mediaUpload");
    this.success = function(text, url) {
        this.mediaUpload.find(".innerBtn").text("替换");
        this.mediaUpload.find(".playBox").removeClass("hide");
        this.mediaUpload.find(".title").text(text);
        this.mediaUpload.find('#query-bgm').attr('href', url)
    }
    ;
    this.delete = function() {
        this.mediaUpload.find('#query-bgm').attr('href', "");
        this.mediaUpload.find(".playBox").addClass("hide");
        this.mediaUpload.find(".innerBtn").text("上传");
        this.mediaUpload.find("input").val("");
    }
    ;
    var that = this;
    $('#upload-bgm').on('change', function(e) {
        var file = this.files[0];
        uploadMiuse(file, function(rs, file) {
            if (rs.code === 0) {
                that.success(file.name, rs.data)
            }
        })
        e.target.value = null
    });
    //删除音乐
    this.mediaUpload.on("click", ".delete", function() {
        that.delete();
    })
}
EditMiuse.prototype.init = function(data) {
    if (!data.backgroundMusic)
        return;
    this.success("backgound", data.backgroundMusic);
}

//导览编辑
var EditGuide = function() {
    this.$list = $('#guide-list')
    this.tourDetail = $('#tourEdit');
    // 导览编辑
    this.targetTourPoint = null;
    // fyz 记录当前编辑的导览点
    // fyz 导览音乐队列
    this.tourAudio = {};
}

/**
 * @author fyz 2019.07.31
 * @description 新增参数data2, 表示data2.js中的数据
 */
EditGuide.prototype.init = function(data, data2) {
    this.createDom(data, data2);
    this.addTourMusic();
    // 添加导览音乐
    this.tourAudio = data2.tourAudio || {};
    var that = this;

    //点击添加导览
    $('.addTour .innerBtn').on("click", function() {
        //点击截取视图
        addTour(this);
    }
    .bind(this));

    // 重新录制导览
    $('#renewTourBtn').on("click", function() {
        //点击截取视图
        addTour(this, true);
    }
    .bind(this));

    // 确认并保存导览信息
    $('#tourSubmit').on("click", function() {
        //点击截取视图
        this.saveGuide();
    }
    .bind(this));

    function addTour(that, renew) {
        var ev = document.createEvent("MouseEvent");
        //"MouseEvent"
        ev.initMouseEvent("snapshotBegin", true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        g_snapShotWidth = 200;
        g_snapShotHeight = 140;
        window.screenSta = 'tour';
        // 记录当前哪个功能截屏, 因为导览截屏需要做额外的校对调整, 初始画面截屏不需要
        ev.__callback = function(imgData, info) {
            that.uploadGuide(imgData, info, renew, that.targetTourPoint)
        }
        .bind(that);
        window.dispatchEvent(ev);
    }

    // fyz 点击导览名字, 对导览进行详细编辑
    $('.tourList ul').on('click', function(ev) {
        var $seft = $(ev.target)
        if ($seft.attr('data-oper') === 'tour-text') {
            that.editGuideData($seft);
        }
        if ($seft.attr('data-oper') === 'tour-delete') {
            var choice = confirm("你确定删除吗？");
            // 删除导览
            if (choice) {
                $seft.closest('li').remove();
                reIndexTourList()
            } else {
                return false
            }
        }
    }).on("change", function(ev) {
        this.inputDone(ev)
        ev.target.value = null
    }
    .bind(this))
    $('.tourList ul input').on('blur', function(ev) {
        this.inputDone(ev)
    }
    .bind(this)).on('keydown', function(ev) {
        ev.stopPropagation()
    })

    //点击导览编辑窗口右上角的关闭按钮
    this.tourDetail.find("a.close, button.cancel").on("click", function() {
        that.targetTourPoint[0].musicSta = true;
        // 取消操作, 重置状态
        that.tourDetail.addClass("atRight");
    });

    /*fyz 导览列表拖拽以改变导览点的顺序 */
    let tourListNode = document.querySelector('#tourListWrap');
    let draging = null;
    tourListNode.ondragstart = function(event) {
        event.dataTransfer.setData("te", event.target.innerText);
        //不能使用text，firefox会打开新tab
        draging = event.target;
    }
    tourListNode.ondragover = function(event) {
        // 拖拽完毕
        event.preventDefault();
        let target = event.target.parentNode.parentNode;
        let dragingIndex = draging.querySelector('#index');
        let targetIndex = target.querySelector('#index');
        // 判断dragover是否发生在LI元素上
        if (target.nodeName === 'LI' && target !== draging) {
            var targetRect = target.getBoundingClientRect();
            var dragingRect = draging.getBoundingClientRect();
            if (target && target.animated) {
                return;
            }

            let ulElem = target.parentNode;
            // 寻找到 ul节点
            if (getIndex(draging) < getIndex(target)) {
                dragingIndex.innerText = [targetIndex.innerText, targetIndex.innerText = dragingIndex.innerText][0];
                // 交换两个节点的序号
                ulElem.insertBefore(draging, target.nextSibling);
            } else {
                dragingIndex.innerText = [targetIndex.innerText, targetIndex.innerText = dragingIndex.innerText][0];
                ulElem.insertBefore(draging, target);
            }
            _animate(dragingRect, draging);
            _animate(targetRect, target);
            reIndexTourList()
        }
    }
}
function reIndexTourList() {
    Array.from($(".tourList ul li")).forEach((li,index)=>{
        $(li).find("div:first-child span").text(index + 1);
    }
    )
}

/**
 * @author fyz 编辑导览数据
 * @param {any} target 所点击的导览点
 */
EditGuide.prototype.editGuideData = function(target) {
    this.targetTourPoint = target;
    // 记录当前编辑的导览点
    var that = this;
    $('#tourEdit').removeClass('atRight');
    // 显示导览编辑的工具栏
    document.querySelector('#tourName input').value = target.context.textContent;
    // 显示已有的导览名字
    $("#tourEdit .audio.mediaUpload").find("input").val('');
    // 点击编辑导览清空上一次文件
    target[0].musicSta = true;

    // 判断当前点是否有导览音频 
    var audio = this.tourAudio[target.closest('li')[0].data.sid];
    var musicUrl = audio ? audio.music : null;
    if (musicUrl) {
        // 判断改导览点是否已经已有音乐
        var musicName = audio.name || '导览音频.mp3'
        // 获取音频的文件名
        this.tourDetail.find(".audio .playBox").removeClass("hide");
        this.tourDetail.find("#upload-hotBgm").attr('data-hotBgm', musicUrl)
        this.tourDetail.find(".audio .playBox a").attr("href", "//" + musicUrl);
        this.tourDetail.find(".audio .submit").text("替换");
        this.tourDetail.find("#tourMusicName").text(musicName);
    } else {
        this.tourDetail.find(".audio .playBox").addClass("hide");
        this.tourDetail.find(".audio .submit").text("上传");
    }

}

/**
 * @author fyz 保存导览数据
 */
EditGuide.prototype.saveGuide = function() {
    var $layout = $(".edit-loading");
    $layout.removeClass('hide');

    var that = this;
    var tourDetail = this.tourDetail;
    var tourName = tourDetail.find('#tourNameInput').val() || this.targetTourPoint.context.innerText;
    var curTourPoint = this.targetTourPoint.context.closest('li');
    this.targetTourPoint.text(tourName);
    // 输入框未输入数据则保留原来的值
    curTourPoint.data.name = tourName;

    // 导览音乐
    var tourAudio = this.tourDetail.find('#uploadTourBgm');
    var tourName = this.tourDetail.find("#tourMusicName").text();
    // 记录音频名称
    var sid = curTourPoint.data.sid;
    // 判断当前编辑的导览点位是否已上传音乐
    if (tourAudio[0].files.length > 0 && this.targetTourPoint[0].musicSta) {
        // 已添加导览音乐
        new Promise(function(resolve, reject) {
            uploadMiuse(tourAudio[0].files[0], function(res) {
                resolve(res.data);
            })
        }
        ).then(function(src) {
            var audio = new Audio();
            audio.src = src;
            audio.onloadedmetadata = function() {
                // 对返回的src进行处理, 去掉前面域名, 尽量避免修改main.js
                var srcArr = src.split('/');
                srcArr[0] = '';
                src = srcArr.join('/');
                that.tourAudio[sid] = {
                    "name": tourName,
                    "music": '/' + src,
                    "time": Math.round(audio.duration * 1000 + 1000)
                }
                $layout.addClass('hide');
                $('#tourEdit').addClass('atRight');
                // 显示导览编辑的工具栏
            }
        })
    } else if (!this.targetTourPoint[0].musicSta) {
        // 删除导览音乐, 将数据重置
        this.tourAudio[sid] = {
            "music": "",
            "time": 0
        }
        $layout.addClass('hide');
        $('#tourEdit').addClass('atRight');
        // 显示导览编辑的工具栏
    } else {
        // 未添加导览音乐
        $layout.addClass('hide');
        $('#tourEdit').addClass('atRight');
        // 显示导览编辑的工具栏
    }
}

//添加导览音乐
EditGuide.prototype.addTourMusic = function() {
    var mediaUpload = $("#tourEdit .audio.mediaUpload");
    var that = this;
    mediaUpload.find("input").on("change", function() {
        var file = this.files[0];
        mediaUpload.find(".innerBtn").text("替换");
        mediaUpload.find(".playBox").removeClass("hide");
        mediaUpload.find(".title").text(file.name);
        mediaUpload.find('#query-bgm').attr('href', URL.createObjectURL(file));
        that.targetTourPoint[0].musicSta = true;
    });
    mediaUpload.find("input").on("click", function() {
        mediaUpload
    });
    //删除音乐
    mediaUpload.on("click", ".delete", function() {
        mediaUpload.find('#query-bgm').attr('href', "");
        mediaUpload.find(".playBox").addClass("hide");
        mediaUpload.find(".innerBtn").text("上传");
        mediaUpload.find("input").val("").removeAttr("data-hotbgm");
        that.targetTourPoint[0].musicSta = false;
    })
}

/**
 * @author fyz 2019.07.31
 * @description 新增参数data2
 * @param {object} data someData.js中的模型数据
 * @param {object} data2 data2.js中的导览和热点数据
 */
EditGuide.prototype.createDom = function(data, data2) {
    var $lis = [];
    var that = this;
    var tourAudio = data2.tourAudio || {};
    data.model.images.forEach(function(i, index) {
        if (i.thumbnail_signed_src) {
            var $li = $(that.dom(index + 1, i.name, i.thumbnail_signed_src));
            $li[0].data = i
            // 挂载当前导览点对应的音频链接
            if (i.sid in tourAudio && tourAudio[i.sid].music && tourAudio[i.sid].music !== '') {
                $li[0].musicUrl = tourAudio[i.sid].music;
            }
            $lis.push($li)
        }
    })
    $(".tourList > ul").append($lis)
}
EditGuide.prototype.dom = function(index, title, img) {
    return '<li draggable="true">' + '<div>' + '<span id="index">' + index + '</span>' + '<div class="line"></div>' + '</div>' + '<div>' + '<span class="guide-name"  data-oper=tour-text>' + title + '</span>' + '<input maxlength="14" class="hide" data-oper=tour-input>' + '</div>' + '<div class="preview" >' + '<div id="tourBg" style="background-image: url(' + img + ');" data-oper=tour-delete>' + '</div>' + '</div>' + '</li >';
}
/**
 * @author fyz 
 * @param target 当前导览点的父级li元素
 */
EditGuide.prototype.inputDone = function(ev, target) {
    var $seft = $(ev.target)
    if ($seft.attr('data-oper') === 'tour-input') {
        // $seft.addClass('hide') // fyz 现有的实现方式不隐藏输入框
        var name = target.siblings('span').context.innerText;
        $seft.text($seft.val() || name);
        // fyz 如果未输入数据, 则保留原来的导览名字
        //更改导览横向列表的名字：
        target.siblings('span').context.innerText = $seft.val() || name;
        target.closest('li')[0].data.name = $seft.val() || name;
    }
}

/**
 * @author fyz 2019.07.31
 * @description uploadGuide方法新增参数renew状态码, 表示是否重新录制当前导览, 新增targetTourPoint, 记录当前的导览点元素
 */
EditGuide.prototype.uploadGuide = function(urlData, guide, renew, target) {
    var that = this;

    uploadImg(urlData, function(rs) {
        if (rs.code === 0) {
            var editGuide = new EditGuide();
            var sid = rs.data.substring(rs.data.lastIndexOf('/') + 1, rs.data.lastIndexOf('.'));
            var thumbnail_signed_src = rs.data;
            var args = JSON.parse("{" + guide + "}");

            args.sid = sid;
            args.name = sid;
            args.thumbnail_signed_src = thumbnail_signed_src;
            args.metadata = JSON.stringify({
                camera_mode: args.metadata.camera_mode,
                camera_position: {
                    x: args.metadata.camera_position[0],
                    y: args.metadata.camera_position[1],
                    z: args.metadata.camera_position[2]
                },
                camera_quaternion: {
                    x: args.metadata.camera_quaternion[0],
                    y: args.metadata.camera_quaternion[1],
                    z: args.metadata.camera_quaternion[2],
                    w: args.metadata.camera_quaternion[3]
                },
                ortho_zoom: args.metadata.ortho_zoom,
                scan_id: args.metadata.scan_id || "outside",
                //这个"outside"不能随便改成别的
                /* final_angle: 110,
        is_ortho: false, */
                zoom: args.metadata.zoom // fyz zoom是内部计算的zoomLevel, 乘以系数1.06才是实际缩放倍数
            })

            if (renew && target) {
                // 重新录制导览
                var oldId = target.closest('li')[0].data.sid;
                that.tourAudio[args.sid] = that.tourAudio[oldId];
                // 新生成的id指向以前的导览音频
                delete that.tourAudio[oldId];
                // 删除导览音频中的旧导览id
                target.closest('li')[0].data = args;
                // 更新数据
                target.closest('li').find('#tourBg')[0].style.backgroundImage = 'url(' + args.thumbnail_signed_src + ')';
                args.name = $('#tourEdit').find('#tourNameInput').val()
                //target.text(args.name);  // 更新导览列表中的导览名称  //不改名字
                //$('#tourEdit').find('#tourNameInput').val(args.name);   // 修改输入框内容
            } else {
                var index = $(".tourList ul li").length + 1;
                var $li = $(editGuide.dom(index, args.name, args.thumbnail_signed_src));

                $li[0].data = args;

                $(".tourList ul").append($li);
            }
        }
    })
}

/* -- 以下是一些公用的方法  -- */
//限制大小
var restrictedSize = function(file, _size) {
    //限制大小不大于8m
    var fileSize = 0;
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
    if (isIE && !file) {
        var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
        var _file = fileSystem.GetFile(filepath);
        fileSize = _file.Size;
    } else {
        fileSize = file.size;
    }
    var size = fileSize / 1024;
    var RSize = _size * 1024;
    if (size > RSize) {
        alert("文件不能大于" + _size + "M");
        return false;
    }
    if (size <= 0) {
        alert("文件大小不能为0M！");
        return false;
    }
    return true
}

//上传音乐
var uploadMiuse = function(file, callback) {

    if (!/audio\/\w+/.test(file.type)) {
        alert("文件必须为音乐！");
        return false;
    }
    //限制大小不大于8m
    if (!restrictedSize(file, _musicMaxWeight)) {
        return false
    }

    uploadFile(file, 'audio', callback);
}

$(".toolRight .music .itemTitle span").text(`背景音乐 (<${_musicMaxWeight}M)`)

//上传图片
function uploadImg(urlData, callback, fileName) {
    //console.log('urlData',urlData);

    var bytes = window.atob(urlData.split(',')[1]);
    //去掉url的头，并转换为byte  

    //处理异常,将ascii码小于0的转换为大于0  
    var ab = new ArrayBuffer(bytes.length);
    var ia = new Uint8Array(ab);
    for (var i = 0; i < bytes.length; i++) {
        ia[i] = bytes.charCodeAt(i);
    }

    var blob = new Blob([ab],{
        type: 'image/jpeg',
    });

    uploadFile(blob, 'hot/images', callback, fileName);

}

//上传文件
function uploadFile(file, type, callback, fileName) {
    $(".edit-loading").removeClass("hide");
    var formData = new FormData()
    formData.append('name', number)
    formData.append('dir', type)
    formData.append('random', true)
    //formData.append('file', file) 
    formData.append("file", file, fileName);

    let url = cmp ? ('/api/scene/upload/' + number) : ('/manage/scene/upload/' + number)

    $.ajax({
        url: ceshi + url,
        data: formData,
        headers: {
            token: token
        },
        dataType: 'json',
        type: 'POST',
        cache: false,
        //上传文件无需缓存
        processData: false,
        //用于对data参数进行序列化处理 这里必须false
        contentType: false,
        //必须
        success: function(rs) {
            if (rs.code === 5001) {
                alert('请重新登录')
                localStorage.dcj_token = ''
                location.reload()
            }
            callback(rs, file);
            $(".edit-loading").addClass("hide");
        }
    })
}

function _animate(prevRect, target) {
    var ms = 300;

    if (ms) {
        var currentRect = target.getBoundingClientRect();

        if (prevRect.nodeType === 1) {
            prevRect = prevRect.getBoundingClientRect();
        }

        _css(target, 'transition', 'none');
        _css(target, 'transform', 'translate3d(' + (prevRect.left - currentRect.left) + 'px,' + (prevRect.top - currentRect.top) + 'px,0)');

        target.offsetWidth;
        // 触发重绘
        //放在timeout里面也可以
        // setTimeout(function() {
        //     _css(target, 'transition', 'all ' + ms + 'ms');
        //     _css(target, 'transform', 'translate3d(0,0,0)');
        // }, 0);
        _css(target, 'transition', 'all ' + ms + 'ms');
        _css(target, 'transform', 'translate3d(0,0,0)');

        clearTimeout(target.animated);
        target.animated = setTimeout(function() {
            _css(target, 'transition', '');
            _css(target, 'transform', '');
            target.animated = false;
        }, ms);
    }
}
//给元素添加style
function _css(el, prop, val) {
    var style = el && el.style;

    if (style) {
        if (val === void 0) {
            if (document.defaultView && document.defaultView.getComputedStyle) {
                val = document.defaultView.getComputedStyle(el, '');
            } else if (el.currentStyle) {
                val = el.currentStyle;
            }

            return prop === void 0 ? val : val[prop];
        } else {
            if (!(prop in style)) {
                prop = '-webkit-' + prop;
            }

            style[prop] = val + (typeof val === 'string' ? '' : 'px');
        }
    }
}

function upload($files, type, cb) {
    var length = $files.length
    var rcount = 0
    var result = []

    Array.from($files).forEach(function(dFile, index) {
        //a 标签的success 是用来判断是否是已经上传过的文件
        //attr-thum 属性是视频的图片
        //videoURL 是判断是否有视频
        var $file = $(dFile)
        var $image = $file.find('img')

        if ($file.hasClass('success')) {
            if ($file.attr('attr-thum')) {
                result[index] = $file.attr('attr-thum')
            } else if ($image.attr('videoURL')) {
                result[index] = $image.attr('videoURL')
            } else {
                result[index] = $image.attr('src')
            }
            return success(++rcount);
        } else {
            switch ($file[0].localName) {
            case "input":
                dFile = $file[0]
                break;
            case "span":
                dFile = $file.find('input')[0];
                break;
            case "a":
                dFile = $file.find('input')[0];
                break;
            default:
                dFile = $file.closest("li").find('.upload input')[0];
                break;
            }
            // dFile = $file[0].localName === "input" ? $file[0] : $file[0].localName === "span" ? $file.find('input')[0] :  $file.closest("li").find('.upload input')[0];
        }

        var file = (dFile.files && dFile.files[0]) || '';
        if (!file)
            return success(++rcount);

        uploadFile(file, 'hot/' + type, function(rs) {
            //似乎所有图保存路径都是这个hot/前缀。图地址 ："场景id/edit/重新生成的文件名.原后缀", 展示页面也是。
            if (rs.code === 0) {
                result[index] = rs.data
            }
            ;success(++rcount);
        })

    })
    //判断当前队列元素是否处理成功
    function success() {
        if (rcount === length) {
            cb(result)
        }
    }
    success()
}

function getIndex(el) {
    let index = 0;
    if (!el || !el.parentNode) {
        return -1;
    }
    while (el && (el = el.previousElementSibling)) {
        index++;
    }
    return index;
}
dataURLtoBlob = function(dataurl) {
    //将base64转换blob
    var arr = dataurl.split(',')
      , mime = arr[0].match(/:(.*?);/)[1]
      , bstr = atob(arr[1])
      , n = bstr.length
      , u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr],{
        type: mime
    });
}
;
//=========================

var eachMaxWeights = {
    //大小限制
    "photo": 10,
    "video": 1000,//50,  expand size for overlayVideo 
    //20,
    "audio": 10 //5
}

var supportTypes = {
    //支持后缀
    "photo": ["jpg", "png", "jpeg", "bmp", "gif"],
    "audio": ["mp3", "aac", "ogg", "wav"/* , "m4a" */
    ],
    "video": ["mp4", "mov"/* ,"webm", "rmvb", "wmv" */
    ]//ios:mov
}
function getExt(name) {
    //后缀
    if (name.indexOf('.') > -1) {
        var a = name.split(".");
        return a.pop();
    } else {
        return '';
    }
}
function detectType(fileName) {
    //检测文件后缀类型 
    console.log("名:" + fileName)
    var ext = getExt(fileName);
    console.log("后缀:" + ext)
    //不一定所有浏览器都可以
    var type;
    //仅能根据后缀判断类型，尽管后缀可能被修改。 其他方法如file.type和base64开头的字符串均是根据后缀。
    for (var i in supportTypes) {
        if (supportTypes[i].indexOf(ext.toLowerCase()) > -1) {
            type = i;
            break;
        }
    }
    if (type) {
        return type;
    } else {
        return false;
    }

}
//手机上的相片会不会太大？
var detectWeights = function(file, type) {
    //检测大小
    var size = file.size / 1024 / 1024;
    console.log("weight" + size)
    var over;
    if (size > eachMaxWeights[type]) {
        over = Math.ceil(size * 100) / 100;
    }
    return over;
}
var exitUpload = function(input) {
    $('.waiting').removeClass('showloading');
    input.value = "";
}

var inputMedia = function(options, type, e) {

    var input = e.target;
    if (!window.FileReader) {
        alert('您的浏览器不支持上传文件');
        exitUpload(input);
        return;
    } else if (e.target.files.length === 0) {
        /* exitUpload(input); */
        return;
    }

    $('.waiting').addClass('showloading');

    var file = e.target.files[0];
    var elemType = type;

    var inputType = detectType(file.name);

    var chType = {
        "photo": '图片',
        "video": '视频',
        "audio": '音乐'
    }

    var overWeight = detectWeights(file, inputType);

    if (elemType) {
        //有指定其中一种类型
        if (inputType != elemType) {
            alert("您选择的不是浏览器支持的" + chType[elemType] + '文件,请重新选择');
            exitUpload(e.target);

            return;
        }
    } else {
        if (!options.enableTypes.includes(inputType)) {
            var text = "";
            options.enableTypes.forEach((type,index)=>{
                text += ((index != 0 ? " / " : "") + chType[elemType])
            }
            )
            alert("您选择的不是浏览器支持的" + text + '文件,请重新选择');

            exitUpload(e.target);
            return;
        }
    }

    if (overWeight) {
        alert(`文件过大（${overWeight}兆），不能大于${eachMaxWeights[inputType]} 兆`)
        exitUpload(e.target);
        return;
    }

    var loadError = function() {
        exitUpload(e.target);
        alert(`文件出错, 无法加载此${chType[inputType]}文件。 文件可能损坏，或者浏览器不支持，或者后缀与文件不匹配。建议在IE以外的浏览器上传`)
    }

    deal();

    function deal(fi) {
        console.log('开始deal文件')
        var reader = new FileReader();
        //reader.name = file.name;

        file = fi || file;
        reader.readAsDataURL(file);
        reader.onload = function(evt) {
            var blob = dataURLtoBlob(evt.target.result);
            var blobSrc = window.URL.createObjectURL(blob);

            if (inputType == "photo") {
                /* EXIF.getData(file, function () {
                    //获取相片旋转 
                    EXIF.getAllTags(this);
                    var orient = EXIF.getTag(this, 'Orientation');
                    var img = new Image();
                    img.src = evt.target.result;
                    img.onload = function (e) { //这时img才有宽高，才能赋予texture宽高
                        var smallerImg = CompressImg(e.target, {
                            weight: blob.size,
                            maxWeight: 0.5 * 1024 * 1024,
                            maxSize: 1480
                        });
                        //最大500k
                        smallerImg.onload = function () {

                            var f = function (resultImg) {//处理结束回调
                                options.photoDone(resultImg)
                                $('.waiting').removeClass('showloading');
                            }

                            Rotate(smallerImg, orient, f)
                            window.URL.revokeObjectURL(blobSrc);
                        }
                    }
                        .bind(this)
                    img.onerror = loadError;
                }); */
                var img = new Image();
                img.src = blobSrc;
                img.base64Src = evt.target.result;
                img.file = file;
                img.onload = function(e) {
                    options.photoDone(img)
                    $('.waiting').removeClass('showloading');

                }
            } else if (inputType == "video") {

                var video = $('<video controls="controls" x5-playsinline="" webkit-playsinline="true" playsinline="true" controlslist="nodownload"></video>')[0]
                video.setAttribute("crossOrigin", 'Anonymous')
                //要在src设置好前解决跨域
                $(video).on('contextmenu', function() {
                    return false;
                });
                //禁止右键点击出现选项（尤其是下载选项）

                $(video).attr('src', blobSrc);
                //华为无法使用blobSrc，否则加载不出来
                //$(video).attr('src', evt.target.result);
                video.base64Src = evt.target.result;

                var hasload = false;
                var error = false;

                var up = function() {
                    if (hasload)
                        return;

                    hasload = true;

                    options.videoDone(file, video)

                    $('.waiting').removeClass('showloading');
                }

                video.addEventListener('loadeddata', function(e) {
                    up()
                })
                //video.onerror = loadError;
                video.onerror = function(e) {
                    console.log('error')
                    error = true;

                    loadError();
                    //将mp4改成mov后缀会error

                }
            } else if (inputType == "audio") {
                //林俊波  new Howl  For IE&Safari：
                var sound = new Howl({
                    src: [blobSrc],
                    format: ["mp3"]
                });
                // Clear listener after first call.
                sound.once('load', function() {
                    console.log('loaded sound')
                    sound.unload()

                    console.log("audio.onloadeddata");
                    var audio = new Audio;
                    audio.controls = "controls";
                    audio.src = blobSrc;
                    audio.base64Src = evt.target.result;
                    options.audioDone(file, audio)

                    $('.waiting').removeClass('showloading');
                    //}

                });

                sound.once('loaderror', function() {
                    loadError.apply(this, arguments)
                    console.log('loaderror sound')

                });

                // Fires when the sound finishes playing.
                sound.on('end', function() {
                    console.log('Finished sound');
                });
            }
        }

    }
    e.target.value = "";
    //更改value会触发change

}
.bind(player)

//滑动条控件 
var SlideBar = function(o) {

    var scope = this;
    this.name = o.name;
    this.value = o.value;
    //初始值
    this.min = o.min != void 0 ? o.min : 0;
    this.max = this.oriMax = o.max != void 0 ? o.max : 100;
    this.noValue = o.noValue;
    //是否数值输入
    this.precision = o.precision;
    //精度 保留几位小数
    var div = $('<div><div class="Main"><div class="scrollBar"><div class="scroll_Track"></div><div class="scroll_Thumb"></div></div>' + (o.noValue ? '' : '<div class="BarTxt"><input class="scrollBarTxt"></div></div>'))
    div.addClass('slider')
    if (o.unitStr) {
        div.find(".BarTxt").append($('<span>' + o.unitStr + '</span>'));
    }

    o.root.append(div);
    this.line = $(".scrollBar", div);
    this.knot = $(".scroll_Thumb", div);
    o.noValue || (this.textArea = $(".scrollBarTxt", div));
    this.track = $(".scroll_Track", div);
    this.unitStr = o.unitStr;
    //unitStr是单位字符串，比如角度的°。不能是数字 
    this.onchange = o.onchange;
    this.percent = null;
    this.dragStart = false;
    this.offsetToBody = null;
    this.getOffset();
    this.checkError();
    this.percent = this.getPercent();
    o.noValue || this.displayValue();
    this.moveKnot();
    this.knotWidth = 0;
    this.lineWidth = 0;
    //this.waitValue;//等待要触发事件的值，防止崩溃
    this.avoidCrash = o.avoidCrash;
    this.realMax = !this.noValue ? o.realMax : null;
    //如果传入realMax,代表可以通过输入数字修改最大值范围，最大值不可以超过realMax。

    this.scrollUnit = (scope.max - scope.min) * 0.001;
    if (this.precision != void 0) {
        var prec = Math.pow(10, -this.precision);
        this.scrollUnit < prec && (this.scrollUnit = prec);
    } else {
        //默认化为整数
        this.scrollUnit < 1 && (this.scrollUnit = 1);
    }

    this.dragStartEvent = o.dragStartEvent;
    this.line.on("mousedown touchstart", function(event) {
        scope.dragStart = true;
        scope.dragChange(event);
        if (scope.dragStartEvent)
            scope.dragStartEvent()
        //if(o.avoidCrash && isMobile)scope.dealInterval();	
    });

    !window.isMobile && this.line.on("mousewheel DOMMouseScroll wheel", function(event) {
        event.preventDefault();
        var v = event.originalEvent.deltaY > 0 ? -scope.scrollUnit : scope.scrollUnit;
        scope.setValue(scope.value + v);
    });

    this.dragEndEvent = o.dragEndEvent;
    var stop = function() {
        if (scope.dragStart) {
            scope.dragStart = false;
            if (scope.dragEndEvent)
                scope.dragEndEvent()
        }
    }

    $(document).on("mouseup touchend", stop)
    /* isMobile ||  */
    $("#player").on("mouseup", stop)

    var lastChangeTime = 0;
    $(document).on("mousemove touchmove", function() {
        if (scope.dragStart) {
            /* if(isMobile && o.avoidCrash){ 
				scope.lastDragEvent = event;
			}else  */
            scope.dragChange(event);

        }
    })

    o.noValue || this.textArea.on("change", function() {
        var v = parseFloat(scope.textArea.val());
        if (v != v)
            //NaN
            return;
        scope.setValueFromOutside(v);
    });

}

SlideBar.prototype.dealInterval = function() {
    this.interval = setInterval(function() {
        this.lastDragEvent && this.dragChange(this.lastDragEvent);
        this.lastDragEvent = null
        if (!this.dragStart)
            clearInterval(this.interval)
    }
    .bind(this), 90)
}

SlideBar.prototype.changeLimit = function(o) {
    if (o.min)
        this.min = o.min;
    if (o.max)
        this.max = o.max;
}

SlideBar.prototype.getOffset = function() {
    //为了检测鼠标位置需要获得相对body的offset
    var left = this.line[0].offsetLeft;
    var element = this.line[0];
    while (element = element.offsetParent) {
        left += element.offsetLeft;
    }
    this.offsetToBody = (left == 0) ? (this.offsetToBody || 0) : left;
    //如果left为0，很可能是它不可见，那么最好使用旧的offsetToBody

}
SlideBar.prototype.InitOffset = function() {
    //如果一开始scroller没有显示，要在显示时获取一下offset 
    this.getOffset();
    this.getWidth();
    this.moveKnot();
}

SlideBar.prototype.checkError = function() {
    if (this.min >= this.max) {
        console.log("scrollbar值有误  " + name);
        return;
    }
}

SlideBar.prototype.getPercent = function() {
    return (this.value - this.min) / (this.max - this.min);
}

SlideBar.prototype.displayValue = function(value) {
    //this.textArea.val(this.value + (this.unitStr ? " " + this.unitStr : "")); 
    if (value != void 0)
        this.value = value;
    this.textArea.val(this.value)

}
SlideBar.prototype.getWidth = function() {
    this.knotWidth = this.knot.width();
    this.lineWidth = this.line.width() - this.knotWidth

}
SlideBar.prototype.moveKnot = function() {
    //this.getWidth(); 
    var width = this.percent * this.lineWidth;
    this.knot.css('left', width + "px")
    if (this.track)
        this.track.css('width', (width + this.knotWidth / 2) + "px")

}

SlideBar.prototype.bind = function(f) {
    this.onchange = f;
}

SlideBar.prototype.setValue = function(v, noEvent, changeMax) {
    //设置数值并改变knot位置   noEvent为true的话就可以不触发回调函数，仅仅改变显示
    //if(this.value==v)return;	//因为换选材质需要执行后面onchange才会带动preview的改变，所以这里一样还是执行，而拉动滑动条的部分值不变就不执行

    if (this.precision != void 0) {
        this.value = parseFloat(v.toFixed(this.precision))
    } else {
        //默认化为整数
        this.value = Math.round(v);
    }
    if (changeMax && this.realMax != void 0) {
        if (this.value > this.oriMax) {
            this.value = Math.min(this.value, this.realMax);
            this.changeLimit({
                max: this.value
            })
        } else {
            this.changeLimit({
                max: this.oriMax
            })
        }
    }

    this.percent = this.getPercent();

    var makeit = true;
    if (this.onchange && !noEvent) {
        var result = this.onchange(this.value);
        //如果执行的函数不允许这个值，就不能变
        if (result === false) {
            makeit = false;
        }
    }

    if (makeit) {
        this.moveKnot();
        //console.log("SlideBarV-"+this.name + " : "+this.value)
        this.noValue || this.displayValue();
    }

}

SlideBar.prototype.dragChange = function(event) {
    //拖动时触发 计算数值
    //this.getWidth();
    //if(!this.offsetToBody  || isNaN(this.offsetToBody)this.getOffset();
    if (event.clientX != void 0) {
        this.percent = (event.clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;
    } else {
        if (event.touches != void 0) {
            this.percent = (event.touches[0].clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;
        } else
            this.percent = (event.originalEvent.touches[0].clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;

    }

    if (this.percent < 0)
        this.percent = 0;
    else if (this.percent > 1)
        this.percent = 1;
    //var v = this.percent * this.max;
    var v = this.percent * (this.max - this.min) + this.min;
    //var v = Math.round(this.percent * this.max * 10)/10;   //精度为0.1

    if (this.value == v)
        return;

    this.setValue(v);

}

SlideBar.prototype.setValueFromOutside = function(v) {
    //外面的事件触发的
    if (this.line.width() == 0)
        return;
    //不可见就不执行。
    //v = Math.round(v*10)/10;
    if (this.realMax != void 0) {
        v = THREE.Math.clamp(v, this.min, this.realMax);
        if (v > this.max)
            this.changeLimit({
                max: v
            });
    } else
        v = THREE.Math.clamp(v, this.min, this.max);
    this.setValue(v);
}

//-----------------------------------------------------   

var LineDraw = {

    createLine: function(posArr, o) {
        var e = new THREE.BufferGeometry
          , p = new Float32Array(6);

        e.addAttribute("position", new THREE.BufferAttribute(p,3));
        //这句新旧版写法不同  旧版这样：e.addAttribute("position",Float32Array,2,3);
        var p = e.attributes.position.array;
        for (var i = 0; i < 2; i++) {
            p[i * 3] = posArr[i].x;
            p[i * 3 + 1] = posArr[i].y;
            p[i * 3 + 2] = posArr[i].z;
        }
        var mat = new THREE[o.deshed ? "LineDashedMaterial" : "LineBasicMaterial"]({
            linewidth: o.width || 1,
            //windows无效。 似乎mac/ios上粗细有效 ？ 
            color: o.color || defaultColor,
            transparent: o.dontAlwaysSeen ? false : true,
            depthTest: o.dontAlwaysSeen ? true : false

        })
        var line = new THREE.Line(e,mat);
        line.renderOrder = o.renderOrder || 4
        //同tagStem;   //如果不加高，可能会部分被model遮住
        return line;

    }
}

var toPrecision = function(e, t) {
    function i(e, t) {
        var i = Math.pow(10, t);
        return Math.round(e * i) / i
    }
    if (e instanceof Array) {
        for (var n = 0; n < e.length; n++)
            e[n] = i(e[n], t);
        return e
    }
    return i(e, t)
}

var transformControls;
var initTransformCtl = function(THREE) {

    TransformControls.init(THREE)
    TransformControls.prototype.transCtlChangeMode = function(mode) {
        //if(!this.editing)return;
        if (mode && this.mode != mode) {
            this.mode = mode;
            $(".MenuOptions[name='transform'] li").removeClass("chosen");
            $(".MenuOptions[name='transform'] li[index='" + mode + "']").addClass("chosen");
        }
    }
    ,

    transformControls = new TransformControls(player.camera,player.domElement,{
        player: player,
        dontHideWhenFaceCamera: true,
        scaleAxis: ["x", "y"],
        //隐藏了z轴。虽然参数没用上
        NoScaleZ: true //整体缩放时只缩放xy轴。 
    });
    transformControls.space = 'local'//为了在当前方向上平移
    transformControls.setSize(1.5)
    player.model.add(transformControls)

    $(".MenuOptions[name='transform'] li").on("click", (e)=>{
        transformControls.transCtlChangeMode($(e.target).attr("index"))
    }
    )

}

var EditOverlay = {
    editing: false,
    overlayMaxCount: 10,
    scroller: {
        videoDepth: new SlideBar({
            root: $('#videoDepth').eq(0),
            value: settings.overlay.depth * 100,
            min: 0 * 100,
            max: 1 * 100,
            name: "videoDepth",
            unitStr: "cm",
            avoidCrash: true,
            onchange: function(s) {
                if (s == 0) {
                    EditOverlay.editPlane.addBox(false)
                } else {
                    EditOverlay.editPlane.addBox(true)
                    EditOverlay.editPlane.scale.z = s / 100 / settings.overlay.depth;
                }
            },
            dragEndEvent: function() {
            }
        })
    },
    panoPosSwitch : $('#setOverlayPosForPano input') //   当前漫游点独立调整位置开关
    ,                              
    init: function(THREE) {
        var mat = new THREE.MeshBasicMaterial({
            wireframe: true,
            opacity: 0.5,
            color: "#57e4f3",
            transparent: true
        })
        var wireframeModel = this.wireframeModel = new THREE.Object3D;
        wireframeModel.name = 'wireframeModel'
        player.model.chunks.forEach((mesh)=>{
            var chunk = mesh.clone();
            chunk.material = mat;
            wireframeModel.add(chunk)
        }
        )
        wireframeModel.visible = false
        player.model.add(wireframeModel)
        //------------------------------

        this.panoPosSwitch.on("change", this.panoPosSwitchOnChange.bind(this))  


        $('.overlay .addBtn button').on("click", this.beginToAddPlane.bind(this))
        $("#overlayProp a.close").on("click", ()=>{
            this.closeOverlayPanel("cancel")
        }
        )

        $("#overlayProp button.submit").on("click", (e)=>{
            this.SaveOverlay()
        }
        )
        $("#overlayProp button.delete").on("click", (e)=>{
            this.DeleteOverlay();
        }
        )

        $('#overlayUpload [name="useImgRatio"] button').on("click", this.useImgRatio.bind(this));

        var uploadInputs = {
            video : $('<input  type="file" style="display:none" accept="video/*"></input>'),
            photo : $('<input  type="file" style="display:none" accept="image/*"></input>')
        }
       
        $('#overlayUpload [name="upload"] button').on('click', ()=>{
            uploadInputs[this.editType].click()
        })

        uploadInputs.video.on("change", (e)=>{
            inputMedia({
                enableTypes: [this.editType ],
                
                videoDone: (file,video)=>{
                    var plane = this.editPlane.plane
                    $(video).css('width', '100%')
                    $(video).css('height', '100%')
                    plane.material.map = new THREE.VideoTexture(video);
                    plane.material.map.image.play();
                    plane.material.map.minFilter = THREE.LinearFilter;

                    this.editPlane.overlayType = "video";
                    $('#overlayUpload .preview video').remove();
                    //$('#overlayUpload .preview').css('background-image',"").append($(video));
                    video.autoplay = true;
                    video.loop = true;
                    video.volume = 0
                    video.muted = true
                    this.useImgRatio()
                    //自适应比例 
                    this.editPlane.file = file;
                    plane.material.opacity = 1;
                    plane.material.color = new THREE.Color(1,1,1)
                    plane.material.needsUpdate = true;

                }
            }, "video", e);
        }
        )
        
        uploadInputs.photo.on("change", (e)=>{ 
            inputMedia({
                enableTypes: [this.editType ],
                photoDone: (photo)=>{
                    var plane = this.editPlane.plane
                    /* $(video).css('width', '100%')
                    $(video).css('height', '100%') */
                    
                    plane.material.map = new THREE.Texture(); 
                    plane.material.map.image = photo
                    plane.material.map.needsUpdate = !0  
                    plane.material.map.minFilter = THREE.LinearFilter;

                    this.editPlane.overlayType = "photo";
                    $('#overlayUpload .preview video').remove();
                    //$('#overlayUpload .preview').css('background-image',"").append($(video));
                   
                    this.useImgRatio()
                    //自适应比例 
                    this.editPlane.file = photo.file;
                    plane.material.opacity = 1;
                    plane.material.color = new THREE.Color(1,1,1)
                    plane.material.needsUpdate = true;

                }
            }, "photo", e);
            }
        )
        

        player.overlayGroup.children.forEach((overlay)=>{
            if(overlay.plane.material.map.image)this.getOverlayInfo(overlay)
            else   overlay._loadDone = ()=>{this.getOverlayInfo(overlay)}    
            this.addToList(overlay)
        }
        )
    },
    enter: function() {
        this.editing = true;
        this.wireframeModel.visible = true;
    },
    leave: function() {
        if (!this.editing)
            return;
        this.editing = false
        $("#overlayProp a.close").click();
        this.endAddPlane();
        this.wireframeModel.visible = false;
    },
    switchEditType : function(type){
        this.editType = type;
        $('#overlayUpload [name="upload"] button').text(type == 'video' ? "上传视频" : "上传图片")  
        $('#overlayUpload .preview span').text(type == 'video' ? "支持MP4、MOV等，＜20M" : "支持jpg、png等，＜20M");
    },
    beginToAddPlane: function(event) {
        this.switchEditType($(event.target).attr("data-type"))   
        player.reticule.visible = false;
        this.objCursorType = 'overlay';
        player.currentCursor = 'url(images/edit/box_video.png), auto'
        $('#player').css('cursor', player.currentCursor)
        $('.overlay .addBtn button').addClass("unable")
        //可以加多个视频时的按钮
    },
    endAddPlane: function() {
        this.objCursorType = null;
        player.currentCursor = '';
        $('#player').css('cursor', '')
        $('.overlay .addBtn button').removeClass("unable")
        player.reticule.visible = true
    },

    addPlane: function(o) {
        var pos = o.intersect.point;
        var overlay = new Overlay({
            sid: new Date().getTime() + ""
        })
        overlay.position.copy(pos);
        if (player.getMouseDirection().angleTo(o.intersect.face.normal) < Math.PI / 2) {
            overlay.lookAt(o.intersect.face.normal.clone().negate().add(pos));
            overlay.position.add(o.intersect.face.normal.clone().negate().multiplyScalar(0.01))
            //avoid mesh crash with chunks 模型的精度可能和floorplan的不一样，所以chunk即使材质经过处理还是会闪烁但是wallmesh不会
        } else {
            overlay.lookAt(o.intersect.face.normal.clone().add(pos));
            overlay.position.add(o.intersect.face.normal.clone().multiplyScalar(0.01))
        }
        overlay.posCustom = overlay.position.clone();
        overlay.quaCustom = overlay.quaternion.clone();
        overlay.widthCustom = overlay.width;
        overlay.heightCustom = overlay.height;
        
        
        overlay.isNew = true
        player.clickOverlay(overlay)
        transformControls.transCtlChangeMode("translate")
        this.addToList(overlay)

    },

    updateOverlayScaleDisplay: function() {
        var overlay = this.editPlane;
        var maxWidth = 193
          , maxHeight = maxWidth
        //maxWidth/2; 
        var ratioW = Math.abs(overlay.width) / maxWidth;
        var ratioH = Math.abs(overlay.height) / maxHeight;
        var ratio = 1 / Math.max(ratioW, ratioH);
        //缩放比例 
        var w = Math.round(Math.abs(overlay.width) * ratio)
        var h = Math.round(Math.abs(overlay.height) * ratio)
        $('#overlayUpload .preview').css({
            "width": w + 'px',
            "height": h + 'px',
        });
        $('#overlayUpload .preview [attr-type="width"]').text(toPrecision(overlay.width, 2))
        $('#overlayUpload .preview [attr-type="height"]').text(toPrecision(overlay.height, 2))

    },
    updateOverlayPanel: function(overlay) {
        this.editPlane = overlay;
        var plane = overlay.plane
        var src = plane.material.map && plane.material.map.image.src;
        $('#overlayUpload .preview video').remove();
        
        overlay.overlayType && this.switchEditType(overlay.overlayType)
        
        
        if (overlay.overlayType == "video") {
            var video = plane.material.map.image
            $('#overlayUpload .preview').css({'background-image':"", 'background-size':""}).append(video);
            
        } else if(overlay.overlayType == "photo" || overlay.overlayType == "text"){
            $('#overlayUpload .preview').css({
                'background-image': src ? ("url(" + src + ")") : "",
                'background-size': "contain"
            })
        }else{
            $('#overlayUpload .preview').css({ 
                'background-image': "",
                'background-size': ""
            })
        }
            
         
        if (overlay.overlayType) {
            $('#overlayUpload [name="useImgRatio"]').removeClass("hide")
            $('#overlayUpload .preview').addClass('uploaded')
        } else {
            $('#overlayUpload [name="useImgRatio"]').addClass("hide")
            $('#overlayUpload .preview').removeClass('uploaded')
        }

        this.updateOverlayScaleDisplay()

        if (overlay.hasBox) {
            this.scroller.videoDepth.setValue(overlay.scale.z * settings.overlay.depth * 100, true)
        } else {
            this.scroller.videoDepth.setValue(0, true)
        }
        setTimeout(()=>{
            this.scroller.videoDepth.InitOffset()
        }
        , 201)
        
        
        this.updatePano(player.currentPano)
    },
    
    //----------------------------
    panoPosSwitchOnChange : function(){
        var on = this.panoPosSwitch.is(':checked')
        if(!on) delete this.editPlane.transformAtPanos[player.currentPano.id] 
    }
    ,
    
    getTransformAtPano : function(){
        this.editPlane.transformAtPanos[player.currentPano.id] = {
            pos : this.editPlane.position.clone(),
            qua : this.editPlane.quaternion.clone(),
            width : this.editPlane.width,
            height : this.editPlane.height,
        }
    },
    
    updatePosition:function(){ 
        var on = this.panoPosSwitch.is(':checked')
        if(on && player.mode == 'panorama'){
            this.getTransformAtPano() 
        }else{
            this.editPlane.posCustom.copy(this.editPlane.position)
        }
        
    }, 
    updateScale : function(){
        var on = this.panoPosSwitch.is(':checked')
        var size = this.editPlane.getSizeByScale( )
        this.editPlane.width = size.width
        this.editPlane.height = size.height
        
        if(on && player.mode == 'panorama'){
            this.getTransformAtPano() 
        }else{
            this.editPlane.widthCustom = this.editPlane.width 
            this.editPlane.heightCustom = this.editPlane.height 
        }
         
        this.updateOverlayScaleDisplay()
    }
    ,
    
    updateQua : function(){
        var on = this.panoPosSwitch.is(':checked')
        if(on && player.mode == 'panorama'){
            this.getTransformAtPano() 
        }else{
            this.editPlane.quaCustom.copy(this.editPlane.quaternion)
        }
        
    }
    ,
    updatePano:function(pano){
        if(!EditOverlay.editPlane ) return;
        this.panoPosSwitch.prop('checked', !!EditOverlay.editPlane.transformAtPanos[pano.id]);
    },
    //------------------------------
    
    
    closeOverlayPanel: function(type) {
        if (!this.editPlane)
            return;

        if (type == 'cancel') {
            if (!this.editPlane.isNew && !this.editPlane.needDelete)
                this.editPlane.setFromInfo(this.editPlane.info)
                //this.setOverlayFromInfo(this.editPlane, this.editPlane.info);//恢复
            else
                this.disposeOverlay(this.editPlane);
            //删除	
        }

        this.editPlane = null;
        transformControls.detach()
        $("#overlayProp").addClass("atRight");
        //if(player.model.overlayPlanes.length < this.overlayMaxCount) this.beginToAddPlane()	

    },
    useImgRatio: function(o) {
        var plane = this.editPlane.plane;
        if (!plane.material.map)
            return;
        var img = plane.material.map.image;
        var mintranRatio = 200;
        //default is 200 , 防止图片太小时在墙上依旧很大
        var width = this.editPlane.overlayType == "video" ? img.videoWidth : img.width;
        var height = this.editPlane.overlayType == "video" ? img.videoHeight : img.height;

        if (o == "suitSize") {
            var boundWidth = Math.min(Math.max(width, height) / mintranRatio, 1)
            if (width > height) {
                var w = boundWidth;
                var h = boundWidth * height / width
            } else {
                var h = boundWidth;
                var w = boundWidth * width / height;
            }
        } else {
            //假设不变总面积
            var k = Math.sqrt(Math.abs(this.editPlane.width * this.editPlane.height) / (width * height))
            var w = k * width * (this.editPlane.width < 0 ? -1 : 1);
            var h = k * height * (this.editPlane.height < 0 ? -1 : 1);

        }

        this.editPlane.scale.setX(w / settings.overlay.width)
        this.editPlane.scale.setY(h / settings.overlay.height)
        this.editPlane.width = w;
        this.editPlane.height = h;
        
        this.updateScale()
        
        //this.updateOverlayPanel(this.editPlane)
    },
     
    getOverlayInfo: function(overlay) {
        //2 编辑前， 从当前状态获取info
        var plane = overlay.plane;
        var transformAtPanos = {}
        for(var i in overlay.transformAtPanos){
            transformAtPanos[i] = {
                width : overlay.transformAtPanos[i].width,
                height : overlay.transformAtPanos[i].height,
                pos : overlay.transformAtPanos[i].pos.clone(),
                qua : overlay.transformAtPanos[i].qua.clone(),
            }      
        }
        
        overlay.info = {
            width: overlay.widthCustom,
            height: overlay.heightCustom,
            depth: settings.overlay.depth * overlay.scale.z,
            pos: overlay.posCustom.clone(),
            qua: overlay.quaCustom.clone(),
            media: plane.material.map.image,
            file: overlay.file,
            type: overlay.overlayType,
            hasBox: overlay.hasBox,
            transformAtPanos:  transformAtPanos
        }
    },

    getSavingInfo: function(overlay) {

        if (!overlay.file && (!overlay.plane.material.map || !overlay.plane.material.map.image)) {
            return;
        }
        var transformAtPanos = {}
        for(var i in overlay.transformAtPanos){ 
            transformAtPanos[i] = {
                width : toPrecision(overlay.transformAtPanos[i].width, 4),
                height : toPrecision(overlay.transformAtPanos[i].height, 4),
                pos : toPrecision(overlay.transformAtPanos[i].pos.toArray(), 3),
                qua : toPrecision(overlay.transformAtPanos[i].qua.toArray(), 5)
            }  
        }
        var info = {
            width: toPrecision(overlay.widthCustom, 4),
            height: toPrecision(overlay.heightCustom, 4),
            depth: toPrecision(settings.overlay.depth * overlay.scale.z, 4),
            pos: toPrecision(overlay.posCustom.toArray(), 3),
            qua: toPrecision(overlay.quaCustom.toArray(), 5),
            sid: overlay.sid,
            hasBox: overlay.hasBox ? 1 : 0,
            media: [overlay.overlayType], 
            file: overlay.fileSrc || overlay.plane.material.map.image.src,
            transformAtPanos : transformAtPanos
        }

        return info

    },

    SaveOverlay: function() {
        var overlay = this.editPlane;
        if (!overlay.file && (!overlay.plane.material.map || !overlay.plane.material.map.image)) {
            this.editType == "video" ? alert("请上传视频") : alert("请上传图片");
            return;
        }

        var saveInfo = ()=>{
            //overlay.savingInfo = JSON.stringify(info)//准备写入的info
            //saveDone:
            overlay.isNew = false;

            this.getOverlayInfo(overlay);

            this.closeOverlayPanel()

            $('.waiting').removeClass('showloading');

        }
        if (!overlay.info || overlay.file != overlay.info.file) {
            $('.waiting').addClass('showloading');
            uploadFile(overlay.file, 'overlay', function(rs) {
                if (rs.code === 0) {
                    overlay.fileSrc = rs.data;
                    saveInfo()
                }
                ;
            })

        } else
            saveInfo();

    },

    disposeOverlay: function(overlay) {
        var plane = overlay.plane
        if (overlay == player.hoveringPlane) {
            player.hoverOverlay(null, "soon");
        }
        if (plane.material.map) {//删除视频src
        //overlay.info && common.destroyBlob(overlay.info.media.src)
        //common.destroyBlob(plane.material.map.image.src)
        }
        plane.material.dispose();
        overlay.parent.remove(overlay);
        this.removeFromList(overlay)

        //this.beginToAddPlane()

    },
    DeleteOverlay: function() {
        var overlay = this.editPlane;

        if (!overlay.isNew) {
            if (confirm("确定删除该视频？")) {
                overlay.needDelete = true;
                $("#overlayProp a.close").click()
                //this.closeOverlayPanel() 
            }
        } else {
            //刚创建时的删除按钮等同于取消按钮 
            $("#overlayProp a.close").click()
            //this.closeOverlayPanel()
        }
    },
    addToList: function(overlay) {
        var li = $(`<li><div class="icon"></div><div class="title">${(overlay.overlayType == "video" ? "视频 ":"图片 ")+  overlay.sid}</div></li>`)
        $(".overlayList ul").append(li);
        li.on("click", ()=>{
            player.clickOverlay(overlay)
        }
        )
        overlay.domLi = li;
    },
    removeFromList: function(overlay) {
        overlay.domLi.remove();

    }

}

//----------------漫游可见性---------------------------------

var VisiSet = {

    setPanoVisible: false,
    setTagVisible: false,

    panoVLines: {},
    //线条
    panoVTemp: {},
    //修改后还没保存的临时数据

    tagVsetting: null,
    //正在设置的热点中心点
    tagsVLines: {},
    //线条

    //tagVTemp //修改后还没保存的临时数据

    //热点可见性
    $confirmSnap: $("#camera-start"),
    colors: {
        green: "#00c8ae"
    },
    init: function() {
        this.meshGroup = new THREE.Object3D;
        this.meshGroup.name = "setVisible-group"
        player.model.add(this.meshGroup)
        $("#hotVisible").on("click", ()=>{
            VisiSet.enterSet(VisiSet.beginSetTagVisible.bind(VisiSet))
        }
        )
    },
    enterSet: function(fun) {
        var enter = function() {
            if (player.modeTran.split('-')[1] != "floorplan") {
                setTimeout(fun, 300)
                //提前一点出现
            }
            player.flyToMode("floorplan", fun);
        }

        permitTranMode(false)
        if (!player.modeTran) {
            player.afterCModeFuc = ()=>{
                enter()
            }
        } else
            enter()

    },
    beginSetPanoVisible: function() {
        if (this.setPanoVisible)
            return;
        $(".toolLeft").removeClass("unable")
        this.setPanoVisible = true;
        this.panoVTemp = {};

        this.SetOnePanoVisible(player.currentPano)
        //先设置currentPano 

        this.$confirmSnap.text('保存当前设置').removeClass("hide")

        //objects.tagManager.hideAllTags();

        this.updateFootIconSize()
        //更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话 
    },

    SetOnePanoVisible: function(pano) {
        //点击某个pano后就对该pano点进行设置 
        if (this.panoVsetting == pano)
            return;
        //if (this.panoVsetting) saveLastPanoVi(this.panoVsetting);

        this.panoVsetting = pano;
        //记录正在修改的
        this.delVisibleLines();
        //删除线
        this.showFootIcons(pano, true);
        this.createPanoVisiLines(pano);
        //创线

    },

    saveLastPanoVi: function() {
        //保存刚设置过的pano
        var change = [];
        for (var r in this.panoVLines) {
            var line = this.panoVLines[r];
            if (line.name.indexOf("new") > -1 && line.visible) {
                //新设置为visible且没有取消 
                change.push({
                    type: "add",
                    id: r
                })

            } else if (line.name.indexOf("new") == -1 && !line.visible) {
                //旧的且已经取消
                change.push({
                    type: "sub",
                    id: r
                })
            }
        }

        if (change.length) {
            //添加双向的neighbour:
            var self = this.searchNeib(this.panoVsetting.id)
            //var seeMarkers_self = self.seeMarkers;
            var neighbourUUIDs_self = self.neighbourUUIDs
            var neighbourPanos_self = self.neighbourPanos;
            for (var i = 0; i < change.length; i++) {
                var other = this.searchNeib(change[i].id)
                //var seeMarkers = other.seeMarkers;
                var neighbourUUIDs = other.neighbourUUIDs;
                var neighbourPanos = other.neighbourPanos;
                if (change[i].type == "add") {
                    //seeMarkers.push(this.panoVsetting.id);
                    neighbourUUIDs.push(this.panoVsetting.id);
                    neighbourPanos[this.panoVsetting.id] = true;

                    //seeMarkers_self.push(change[i].id);
                    neighbourUUIDs_self.push(change[i].id);
                    neighbourPanos_self[change[i].id] = true;

                } else {
                    //var index = seeMarkers.indexOf(this.panoVsetting.id);
                    //index > -1 && seeMarkers.splice(index, 1);
                    var index = neighbourUUIDs.indexOf(this.panoVsetting.id);
                    index > -1 && neighbourUUIDs.splice(index, 1);
                    neighbourPanos[this.panoVsetting.id] = false;

                    //var index = seeMarkers_self.indexOf(change[i].id);
                    //index > -1 && seeMarkers_self.splice(index, 1);
                    var index = neighbourUUIDs_self.indexOf(change[i].id);
                    index > -1 && neighbourUUIDs_self.splice(index, 1);
                    neighbourPanos_self[change[i].id] = false;
                }

                this.panoVTemp[change[i].id] = {
                    //后面两个是作为保存到后台的数据存储，临时需要用到的是第一个
                    neighbourPanos: neighbourPanos,
                    //seeMarkers: seeMarkers,
                    neighbourUUIDs: neighbourUUIDs
                }
            }

            this.panoVTemp[this.panoVsetting.id] = {
                //加上自己
                neighbourPanos: neighbourPanos_self,
                //seeMarkers: seeMarkers_self,
                neighbourUUIDs: neighbourUUIDs_self
            }

        }
    },

    pauseSetPanoVisible: function(type) {
        //暂停 因为点击了保存设置  但没有退出设置
        if (!this.setPanoVisible)
            return;
        if (type == "unsaved") {
            //中途点击pano从而停止一个热点的设置
            this.saveLastPanoVi();
        } else {
            this.panoVTemp = {};
            //清空数据 
        }
        this.delVisibleLines();
        this.showFootIcons();
        //清空选择
        var lastPanoSetting = this.panoVsetting;
        this.panoVsetting = null;
        lastPanoSetting && this.changeFIconState2(lastPanoSetting.footIcon, this.checkHasNeighbor(lastPanoSetting))
        //这句要放在this.panoVsetting = null后。 根据可见性更改透明度

    },

    //按理说改变了neighbourPano，tag的初始visible也要改。但是这样还要考虑已经改过的tag。。很麻烦
    finishSetPanoVisible: function() {
        //结束 退出这个设置
        if (!this.setPanoVisible)
            return;
        //否则会加多个侦听 
        this.setPanoVisible = false;

        this.hideFootIcons();
        this.delVisibleLines();

        //objects.tagManager.showAllTags();
        this.recoverAllState2();
        this.panoVsetting = null;
        this.panoVTemp = {};
        player.flyoutType = null
        this.$confirmSnap.addClass("hide")
        permitTranMode(true)
    },

    recoverAllState2: function() {
        //为了热点可视恢复成pano全部可见
        for (var i = 0; i < this.footIcons.length; i++) {
            this.footIcons[i].material.uniforms.opacity.value = 1;
            this.footIcons[i].material.uniforms.map.value = footTex1;
        }
    },

    afterSavePanoVisibles: function() {
        //实施：

        var panos = player.model.panos;
        for (var i in this.panoVTemp) {
            var pano = panos.index[i];
            //pano.seeMarkers = this.panoVTemp[i].seeMarkers;
            pano.neighbourUUIDs = this.panoVTemp[i].neighbourUUIDs;
            pano.neighbourPanos = this.panoVTemp[i].neighbourPanos;

        }

        if (!this.checkHasNeighbor(player.currentPano)) {
            //currentPano变为孤立点  就要换一个防止飞入
            var list = panos.sortByScore([pano=>{
                return this.checkHasNeighbor(pano)
            }
            ], [function(pano) {
                return -pano.position.distanceTo(player.currentPano.position)
            }
            ])
            if (list && list.length) {
                player.currentPano = list[0].pano;
                //找最近的一非孤立点
                //this.noPanoHasNeighbor = false; //更新状态
            } else {//this.noPanoHasNeighbor = true; //更新状态
            }
        } else {//this.noPanoHasNeighbor = false; //更新状态
        }

        //dataDeal.done();
        //暂时：
        this.pauseSetPanoVisible()

        this.updateFootIconSize()
        //更新一下center大小  写在最后

    },

    //最佳推荐操作顺序： 先设置pano可见性 再创建热点   这样热点的visible正确些，否则之后再设置热点可见性会改更多
    savePanoVisibles: function() {
        //保存

        if (this.panoVsetting)
            this.saveLastPanoVi(this.panoVsetting);
        //获取最后设置的那个热点的改动

        var PanoData = [];
        for (var i in this.panoVTemp) {
            PanoData.push({
                //希望算法部不会更改index排序，或者更改后能将visible信息一并更改
                panoID: i,
                //visibles: this.turnToPanoIndex(this.panoVTemp[i].seeMarkers),
                visibles3: this.turnToPanoIndex(this.panoVTemp[i].neighbourUUIDs)
            })
        }

        if (PanoData.length == 0) {
            //没改变
            alert("保存成功")
            return;
        }

        /* this.afterSavePanoVisibles()
        alert("保存成功")
        console.log(JSON.stringify(PanoData)) */

        let url = cmp ? ('/api/scene/roamViable/' + cmp) : '/manage/scene/roamViable'

        $.ajax({
            method: 'POST',
            url: ceshi + url,
            headers: {
                'Content-Type': 'application/json',
                token: token
            },
            contentType: 'application/json',
            data: JSON.stringify({
                data: JSON.stringify(PanoData),
                sceneCode: window.number
            }),
            success: (data)=>{
                if (data.code === 0) {
                    this.afterSavePanoVisibles()
                    alert("保存漫游可行成功")
                } else
                    alert("保存漫游可行失败")
                if (data.code === 5001) {
                    alert('请重新登录')
                    localStorage.dcj_token = ''
                    location.reload()
                }
            }
            ,
            fail: function() {
                alert("保存漫游可行失败")
            }
        })

        /* var o = {
            name_t: "panoVisible",
            f: this.pauseSetPanoVisible,
            url: Config.prefixEditProPCApi+"/saveLinkPano",
            dialog: i18n.get('设置'),
            data: { data: JSON.stringify(PanoData) }
        }
       
        var dataDeal = uploadsSaving.saveFucforPC(o);
        dataDeal.group[0] = function () {
            //实施：

            for (var i in player.panoVTemp) {
                var pano = player.model.panos.index[i];
                pano.seeMarkers = player.panoVTemp[i].seeMarkers;
                pano.neighbourUUIDs = player.panoVTemp[i].neighbourUUIDs;
                pano.neighbourPanos = player.panoVTemp[i].neighbourPanos;
            }

            if(!player.model.checkHasNeighbor(player.currentPano)){//currentPano变为孤立点  就要换一个防止飞入
                var list = player.model.panos.sortByScore([function(pano){return player.model.checkHasNeighbor(pano)}], 
                    [function(pano){return -pano.position.distanceTo(player.currentPano.position)}])	
                if(list && list.length){
                    player.currentPano = list[0].pano;//找最近的一非孤立点
                    player.model.noPanoHasNeighbor = false; //更新状态
                }else{
                    player.model.noPanoHasNeighbor = true; //更新状态
                } 
            }else{
                player.model.noPanoHasNeighbor = false; //更新状态
            }
            
            dataDeal.done();
            player.model.updateFootIconSize(player.cameraControls.activeControl)//更新一下center大小  写在最后
        } */

    },

    searchNeib: function(panoId) {
        //寻找某pano的相关neighbour 可能是修改过的
        var panos = player.model.panos;
        var o = {};
        if (this.panoVTemp[panoId]) {
            //o.seeMarkers = this.panoVTemp[panoId].seeMarkers;
            o.neighbourUUIDs = this.panoVTemp[panoId].neighbourUUIDs;
            o.neighbourPanos = this.panoVTemp[panoId].neighbourPanos;
        } else {
            //o.seeMarkers = panos.index[panoId].seeMarkers.slice(0);
            o.neighbourUUIDs = panos.index[panoId].neighbourUUIDs.slice(0);
            o.neighbourPanos = CloneObject(panos.index[panoId].neighbourPanos);
        }
        return o;
    },

    turnToPanoIndex: function(panoArr) {
        var panos = player.model.panos;
        var array = [];
        for (var i = 0; i < panoArr.length; i++) {
            var pano = panos.index[panoArr[i]];
            var index = panos.list.indexOf(pano)
            array.push(index);
        }
        return array;
    },

    setDisplay: function(state) {
        var panos = player.model.panos;
        if (state) {
            player.model.panos.forEach((pano)=>{
                if (pano.hasVideo) {
                    pano.marker.visible = false;
                    pano.flagSpot.disc.visible = false;
                    pano.flagSpot.markGroup.hide();
                }
            }
            )
            player.model.cadFloorPlane.changeCadVisible(false)
        } else {
            player.model.panos.forEach((pano)=>{
                if (pano.hasVideo) {
                    pano.marker.visible = true;
                    pano.flagSpot.disc.visible = true;
                    pano.flagSpot.markGroup.show();
                }
            }
            )
            player.model.cadFloorPlane.changeCadVisible(null, {
                autoJudge: true
            })
        }

        player.defaultRoomLabels.forEach(function(label) {
            label.update()
        })
        player.path.currentPanoMarker.mesh.visible = !state;
        objects.overlayManager.group.visible = !state;
        player.reticule.visible = !state;

    },

    delVisibleLines: function() {
        //xzw add  所有线都删除
        for (var i in this.tagsVLines) {
            this.tagsVLines[i].geometry.dispose();
            this.tagsVLines[i].material.dispose();
            this.meshGroup.remove(this.tagsVLines[i]);
            delete this.tagsVLines[i];
        }
        for (var i in this.panoVLines) {
            this.panoVLines[i].geometry.dispose();
            this.panoVLines[i].material.dispose();
            this.meshGroup.remove(this.panoVLines[i]);
            delete this.panoVLines[i];
        }
    },
    //--------panoVisible
    createPanoVisiLines: function(pano) {
        //  pano可见性线条 
        var neighbours = this.panoVTemp[pano.id] && this.panoVTemp[pano.id].neighbourPanos || pano.neighbourPanos;

        for (var r in neighbours) {
            if (neighbours[r] && r != pano.id) {
                this.createPanoSingleLine(pano, "old", r)
            }
        }

    },

    createPanoSingleLine: function(pano, type, id) {
        //pano是中心
        var panos = player.model.panos;
        var p2 = panos.index[id].floorPosition.clone()
        /* .sub(player.model.position) */
        var line = LineDraw.createLine([pano.floorPosition.clone()/* .sub(this.position) */
        , p2], {
            color: this.colors.green
        });
        this.meshGroup.add(line);
        line.name = "PanoVL-" + type + "-" + id;

        this.panoVLines[id] = line;
        this.changeFIconState(panos.index[id].footIcon, "linked")
    },

    dealPanoVisible: function(id) {
        //外部调用
        var panos = player.model.panos;
        if (this.panoVsetting) {
            if (id == this.panoVsetting.id) {
                //关闭当前pano设置
                this.pauseSetPanoVisible('unsaved')
            } else {
                var link;
                //结果是否连接
                if (this.panoVLines[id]) {
                    this.panoVLines[id].visible = !this.panoVLines[id].visible;
                    link = this.panoVLines[id].visible;
                    this.changeFIconState(panos.index[id].footIcon, this.panoVLines[id].visible ? "linked" : false)
                } else {
                    this.createPanoSingleLine(this.panoVsetting, "new", id)
                    link = true;
                }
                if (link) {
                    //如果连接上了，直接判断该点是可见的（有附近点），（不能通过checkHasNeighbor来判断，因为新增的线条可能不在它的neighbour中
                    this.changeFIconState2(panos.index[id].footIcon, true)
                    this.changeFIconState2(panos.index[this.panoVsetting.id].footIcon, true)
                } else {
                    //否则需要checkHasNeighbor
                    this.changeFIconState2(panos.index[id].footIcon, this.checkHasNeighbor(panos.index[id]))
                    this.changeFIconState2(panos.index[this.panoVsetting.id].footIcon, this.checkHasNeighbor(this.panoVsetting))
                }
            }
        } else {
            //点击开始设置要设置的pano
            this.SetOnePanoVisible(panos.index[id])
        }
        this.updateFootIconSize()

    },

    showFootIcons: function(pano, isPanovisible) {
        if (!this.footIcons) {
            footTex1 = Texture.load("images/edit/End_128.png");
            //Store.FootIcon); 
            footTex2 = Texture.load("images/edit/End_unable_128.png");
            //Store.FootIcon_unable);
            this.footIcons = [];
            var scale = 0.4;

            scale *= 40 / Math.sqrt(Math.min($("#player").width(), $("#player").height()));
            //屏幕越小，放得越大
            scale = THREE.Math.clamp(scale, 0.3, 0.7)

            //console.log("scale"+scale)
            var geo = new THREE.PlaneGeometry(scale,scale,1,1)
            var panos = player.model.panos;
            for (var r in panos.index) {
                if (!panos.index[r].isAligned())
                    continue;
                var t = THREE.UniformsUtils.clone(shaders.waypoint.uniforms);
                t.map.value = footTex1
                t.color.value.set("#ffffff");
                var mat = new THREE.RawShaderMaterial({
                    vertexShader: shaders.waypoint.vertexShader,
                    fragmentShader: shaders.waypoint.fragmentShader,
                    uniforms: t,
                    side: THREE.DoubleSide,
                    transparent: !0,
                    depthWrite: !1,
                    depthTest: false,

                    name: "footIcon"
                })
                var foot = new THREE.Mesh(geo,mat)
                foot.position.copy(panos.index[r].floorPosition.clone()/* .sub(player.model.position) */
                )
                foot.lookAt(foot.position.clone().add(new THREE.Vector3(0,1,0)));
                foot.name = panos.index[r].id;
                foot.visible = false;
                foot.renderOrder = 6,
                panos.index[r].footIcon = foot;
                this.meshGroup.add(foot);
                this.footIcons.push(foot)
            }
        }
        for (var i = 0; i < this.footIcons.length; i++) {
            this.footIcons[i].visible = true;
            this.changeFIconState(this.footIcons[i], false)
            var panos = player.model.panos;
            if (isPanovisible) {
                this.changeFIconState2(this.footIcons[i], this.checkHasNeighbor(panos.index[this.footIcons[i].name], "showFoot"))
            }

            if (pano && (this.footIcons[i].name == pano.id)) {
                //pano为中心 或者 currentPano  所以放大一点 
                this.footIcons[i].oriScale = new THREE.Vector3(1.5,1.5,1.5)
                if (isPanovisible) {
                    //currentPano特殊些： 
                    this.changeFIconState(this.footIcons[i], "center")
                    //this.footIcons[i].Unclick = true;//不让点击和hover
                }
            } else {
                this.footIcons[i].oriScale = new THREE.Vector3(1,1,1)
            }
        }
    },

    checkHasNeighbor: function(pano, state) {
        //检查当前状态pano点是否有可通行点
        var neighbours = /* this.panoVTemp &&  */
        this.panoVTemp[pano.id] ? this.panoVTemp[pano.id].neighbourPanos : pano.neighbourPanos;

        if (state != "showFoot" && pano == this.panoVsetting) {
            //是中心点的话。state == "showFoot"代表是showFootIcon时， 这时候线还没创建，无法用线判断中心点有几个相邻点，直接用neighbourPanos
            for (var i in this.panoVLines) {
                if (this.panoVLines[i].visible) {
                    return true;
                    //有一条线即可
                }
            }
            return;
        }

        for (var i in neighbours) {
            if (i == pano.id)
                continue;
            if (neighbours[i]) {
                if (this.panoVsetting && this.panoVsetting.id == i && this.panoVLines[pano.id] && !this.panoVLines[pano.id].visible)
                    continue;
                return true;
            }
        }
        return false;
    },

    /* ifAllPanoNoNeighbor : function(){//检查是否全是孤立点
        var panos = player.model.panos;
		for(var i in panos.index){
			if(this.checkHasNeighbor(panos.index[i])){
				return false;
			}
		}
		this.noPanoHasNeighbor = true;
		return true;//是全部没有neighbour
	},  */

    changeFIconState: function(footIcon, state) {
        var color = state == "linked" ? this.colors.green : (state == "center" ? /* "#d7f244" */
        "#d5f12e" : "#ffffff");
        footIcon.material.uniforms.color.value.set(color)
    },

    changeFIconState2: function(footIcon, state) {
        //是可见点还是不可见点
        if (state) {
            footIcon.material.uniforms.map.value = footTex1;
            if (this.panoVsetting) {
                if (this.panoVsetting.id != footIcon.name) {
                    footIcon.material.uniforms.opacity.value = 1;
                } else {//this.changeVisiBtnState(true)
                }
            }
        } else {
            //不可见
            footIcon.material.uniforms.map.value = footTex2;
            if (!this.panoVsetting || this.panoVsetting.id != footIcon.name) {
                //非中心点时
                footIcon.material.uniforms.opacity.value = 0.5;
            } else {
                //变为中心点时
                footIcon.material.uniforms.opacity.value = 1;
                //this.changeVisiBtnState(false)
            }
        }
    },

    hideFootIcons: function() {
        if (!this.footIcons)
            return;
        for (var i = 0; i < this.footIcons.length; i++) {
            this.footIcons[i].visible = false;
        }
    },

    updateFootIconSize: function() {
        //根据相机位置 改变footIcon大小，使在范围内看到的热点大小一致，防止太小点击不到
        if (!this.footIcons)
            return;
        var s = player.cameraControls.controls.floorplan.absoluteScale * 2.8;
        s = THREE.Math.clamp(s, 0.5, 1.4);
        this.footIcons.forEach(function(f) {
            try {

                f.scale.copy(f.oriScale).multiplyScalar(s);

            } catch (e) {
                console.log(e)
            }
        })
    }
    //========热点可见性==============  
    ,
    beginSetTagVisible: function() {
        if (this.setTagVisible)
            return;
        $(".toolTop").addClass("unable")
        $("#hotVisible").addClass("unable")

        this.setTagVisible = true;
        this.tagVTemp = {};

        this.$confirmSnap.text('完成设置').removeClass("hide")

        //objects.tagManager.hideAllTags();
        for (let i in player.model.hots) {
            player.model.hots[i]._isSprite = player.model.hots[i].isSprite;
            player.model.hots[i].isSprite = true;
            player.model.hots[i].mesh.material.depthTest = false;
        }

        this.updateFootIconSize()
        //更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话 
    },
    SetOneTagVisible: function(tag) {
        //点击某个热点后就对该热点进行设置，或者在热点修改时对其进行设置
        if (this.tagVsetting == tag)
            return;
        if (this.tagVsetting) {
            this.saveLastTagVi(this.tagVsetting);
            //this.tagVsetting.setElemType(this.tagVsetting.style, this.tagVsetting.styleImageURL); 
        }

        this.tagVsetting = tag;
        //记录正在修改的
        this.delVisibleLines();
        //删除线
        this.showFootIcons(player.currentPano);
        this.createTagVisiLines(tag);
        //创线

        this.updateFootIconSize()
        //更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话
    },
    saveLastTagVi: function() {
        //保存刚设置过的tag
        var change = false;
        var newVPs = this.tagVTemp[this.tagVsetting.sid] || this.tagVsetting.visiblePanos.slice(0);
        for (var r in this.tagsVLines) {
            var line = this.tagsVLines[r];
            if (line.name.indexOf("new") > -1 && line.visible) {
                //新设置为visible且没有取消  
                newVPs.push(r)
                change = true;
                //console.log("add: "+r)
            } else if (line.name.indexOf("new") == -1 && !line.visible) {
                //旧的且已经取消
                var i = newVPs.indexOf(r);
                if (i == -1) {
                    console.log("visiblePanos删除error");
                    continue;
                }
                newVPs.splice(i, 1);
                change = true;
                //console.log("sub: "+r)
            }
        }
        if (change) {
            this.tagVTemp[this.tagVsetting.sid] = newVPs;
        }
    },
    pauseSetTagVisible: function() {
        //pc保存后删除连线 但还在继续设置 点选热点即开始
        if (!this.setTagVisible || !this.tagVsetting)
            return;
        //this.tagVsetting.setElemType(this.tagVsetting.style, this.tagVsetting.styleImageURL ); 
        this.delVisibleLines();
        this.hideFootIcons();
        this.tagVTemp = {};
        this.tagVsetting = null;
    },
    finishSetTagVisible: function() {
        if (!this.setTagVisible)
            return;
        $(".toolTop").removeClass("unable")
        $("#hotVisible").removeClass("unable")
        this.pauseSetTagVisible();
        this.setTagVisible = false;

        //this.setDisplay(false)
        this.$confirmSnap.addClass("hide")
        permitTranMode(true)
        /* for (var r in objects.tagManager.tags) {
            if(objects.tagManager.tags[r].state == "videoPanoFlag")continue;            
            objects.tagManager.tags[r].disc.visible = false;
			objects.tagManager.tags[r].disc.material.depthTest = true; 
		} */
        for (let i in player.model.hots) {
            player.model.hots[i].isSprite = player.model.hots[i]._isSprite;
            player.model.hots[i].isSprite || player.model.hots[i].mesh.quaternion.copy(player.model.hots[i].quaternion)
            player.model.hots[i].mesh.material.depthTest = true;
        }
    },

    /* saveTagVisibles : function () { //保存到服务器  
		if (this.tagVsetting) this.saveLastTagVi(this.tagVsetting); //获取最后设置的那个热点的改动
		//可能出现数据没变但保存的情况。比如先改变了然后切换别的热点但切换回来时又改回来。
		var tags = [];
		for (var i in this.tagVTemp) {
			tags.push({
				sid: i,
				value: this.tagVTemp[i]//turnToPanoIndex(this.tagVTemp[i])
			})
		}

		 
		if (tags.length == 0) {//没有需要保存的改动
			 
			this.finishSetTagVisible()
			return;
		}
		 
		return tags; 
	} */

    //afterSaveTagVisibles : function(){
    saveTagVisibles: function() {
        if (this.tagVsetting)
            this.saveLastTagVi(this.tagVsetting);
        for (var i in this.tagVTemp) {
            //保持成功于是生效   
            player.model.hots[i].visiblePanos = this.tagVTemp[i];
        }
        this.finishSetTagVisible()
        //还是保存完直接结束吧，因为现在热点可视不放在单独的设置页面了
    },
    createTagVisiLines: function(tag) {
        //  热点可见性线条
        var panos = player.model.panos;
        tag.visiblePanos || tag.setVisiblePanos("get")

        var visibleList = this.tagVTemp[tag.sid] || tag.visiblePanos;
        //如果是刚在设置的要读取设置过的数据
        for (var r = 0; r < visibleList.length; r++) {
            var pano = panos.index[visibleList[r]];
            this.createTagSingleLine(pano, "old", tag)
        }
    },
    createTagSingleLine: function(pano, type, tag) {
        var panos = player.model.panos;
        var line = LineDraw.createLine([pano.floorPosition.clone()/* .sub(this.position) */
        , tag.mesh.position.clone()], {
            color: this.colors.green
        });
        this.meshGroup.add(line);
        line.name = "tagVL-" + type + "-" + pano.id;
        this.tagsVLines[pano.id] = line;
        this.changeFIconState(panos.index[pano.id].footIcon, "linked")

    },
    dealTagVisible: function(tag, panoName) {
        //外部调用
        var panos = player.model.panos;
        if (this.tagsVLines[panoName]) {
            this.tagsVLines[panoName].visible = !this.tagsVLines[panoName].visible;
            this.changeFIconState(panos.index[panoName].footIcon, this.tagsVLines[panoName].visible ? "linked" : false)
        } else {
            this.createTagSingleLine(panos.index[panoName], "new", tag)
        }
    },
    delVisibleLines: function() {
        //xzw add  所有线都删除
        for (var i in this.tagsVLines) {
            this.tagsVLines[i].geometry.dispose();
            this.tagsVLines[i].material.dispose();
            this.meshGroup.remove(this.tagsVLines[i]);
            delete this.tagsVLines[i];
        }
        for (var i in this.panoVLines) {
            this.panoVLines[i].geometry.dispose();
            this.panoVLines[i].material.dispose();
            this.meshGroup.remove(this.panoVLines[i]);
            delete this.panoVLines[i];
        }
    }

}

function permitTranMode(state) {
    state ? $(".pinBottom.left").removeClass('hide') : $(".pinBottom.left").addClass('hide');
}

CloneObject = function(copyObj, result, isSimpleCopy) {
    //isSimpleCopy只复制最外层
    //复制json		result的可能：普通数字或字符串、普通数组、复杂对象
    result = result || {};
    if (copyObj instanceof Array) {
        if (copyObj[0]instanceof Object) {
            //不支持含有 [[Object]] 这样二级数组里面还是复杂数据的，普通和复杂的数据混合可能也不支持
            console.error("不支持含有 [[Object]] 这样二级数组里面还是复杂数据的...")
        }
        return copyObj.slice(0);
        //如果是数组，直接复制返回（排除数组内是object
    }
    for (var key in copyObj) {
        if (copyObj[key]instanceof Object && !isSimpleCopy)
            result[key] = CloneObject(copyObj[key]);
        else
            result[key] = copyObj[key];
        //如果是函数类同基本数据，即复制引用
    }
    return result;
}
;

function randomWord(randomFlag, min, max) {
    //随机字符串
    var str = ""
      , range = min
      , arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];

    if (randomFlag) {
        // 随机长度
        range = Math.round(Math.random() * (max - min)) + min;
    }
    for (var i = 0; i < range; i++) {
        var pos = Math.round(Math.random() * (arr.length - 1));
        str += arr[pos];
    }
    return str;
}

function getRandomSid() {
    //5-7位随机字符串 + 6位时间    为热点准备
    var pre = randomWord(true, 5, 7);
    var post = new Date().getTime() + "";
    var len = post.length;
    post = post.substring(len - 8, len - 5) + post.substring(len - 3, len)
    //其实还是有可能重复的....
    return pre + post;
}

function searchParent(searchArea, o, maxTimes) {
    //是否是某种元素的下级，并找出该元素
    maxTimes = maxTimes || 20;
    var count = 0
    var f = function(dom) {
        if (o.id && o.id == dom.id)
            return dom
        else if (o.className && dom.classList && dom.classList.contains(o.className))
            return dom
        else if (o.tagName && o.tagName == dom.tagName)
            return dom
    }
    var find;
    while (searchArea && count < maxTimes) {
        if (find = f(searchArea))
            return find
        searchArea = searchArea.parentNode;
        count++;
    }

}

//})();