WuZhongBWG/houtai/edit-backstage/js/edit.js

// 获取例子栏参数方法
function GetQueryString(name){
	let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	let r = window.location.search.substr(1).match(reg);
	if (r != null) return unescape(r[2]);
	return false;
}
window.number = GetQueryString("m");
console.log('--------------------',window.number);

var _musicMaxWeight = 8//M




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.saveAll();
  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":
            permitTranMode(true)
            panoVisiSet.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()
            break;    
    }
    switch(name){
        case "panoVisible":
            var enter = function(){ 
                if(player.modeTran.split('-')[1] != "floorplan"){  
                    setTimeout(panoVisiSet.beginSetPanoVisible.bind(panoVisiSet), 300)//提前一点出现
                }   
                player.flyToMode("floorplan",  panoVisiSet.beginSetPanoVisible.bind(panoVisiSet)); 
            }
            $(".toolLeft").addClass("unable")
            permitTranMode(false)
            if(!player.modeTran){ 
				player.afterCModeFuc = ()=>{ 
					enter()
				}   
			}else enter()  
            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.saveAll = function () {
  var that = this;

  $('#save').on('click', function () {
    $(".edit-loading").removeClass("hide");
    //导览的数据
    /* var guides = Array.from($('.tourList ul li')).map(function (dom) {
      return dom.data
    }) */
    var guides = Array.from($('.tourList #tourListWrap>ul')).map(function (dom) {
        return {
            name : $(dom).find('.tourName').text(),
            locations: Array.from($(dom).find('li')).map(function (dom) {
                return dom.data
            })
        }  
    }) 
    
    console.log(guides)
    
    var hots = {}
    // 热点数据
    Array.from($('.spotList ul li')).forEach(function (dom) {
        
        if(dom.infoAttribute){
            delete dom.infoAttribute.position;
            delete dom.infoAttribute.quaternion;
        }
      hots[dom.hotAttribute.belongHot.sid] = {
        position: {
          x: dom.hotAttribute.position.x,
          y: dom.hotAttribute.position.y,
          z: dom.hotAttribute.position.z
        },
        rotation: {
          x: dom.hotAttribute.rotation.x,
          y: dom.hotAttribute.rotation.y,
          z: dom.hotAttribute.rotation.z
        },
        infoAttribute: dom.infoAttribute
      }
    })



    var info = {
      name: $('#pjtName').val(),
      summary: $('#info-summary').val(),
      weixinDesc:$('#weixin-summary').val(),
      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); 
    })  



    
    $.ajax({
      method: 'POST',
      headers:{
        'Content-Type':'application/json', 
        token:token
      },
      dataType:'json',
      contentType:'application/json',
      url: ceshi + '/cms/scene/edit', 
      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 = ''
          window.location.href('/bigscene/')
        } 
        
      }
       
    })
  });
}


//场景信息编辑
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 })
        }
    })
    
  /*************方奕卓 其他项的初始化操作 ************/
  initColorElem(data);
  addListener();  // 给其他元素绑定事件
  if (data.momentTour === 'black') {
    momentTour.prop('checked', true);
  }
  if (data.showHotListSta && data.showHotListSta != "false") {
    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 && data.hotImageScale != "false") {
  //   $hotImageScale[0].checked = true
  // }

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

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

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

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

}

/**
 * 初始化颜色选择的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(panoVisiSet.setPanoVisible){
        return panoVisiSet.savePanoVisibles()
    }
    
    // 这部分内容需要配合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;
    g_snapShotHeight = 118;
    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;  
          }
        })
        
    }
    
    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.saveHot();  // 保存热点
  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.remHot(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 info = that.hotpointDetail[0].targetDOM.infoAttribute; 
    if(info){
        var hot = player.model.hots[spot_id];
        info.position && hot.mesh.position.copy(info.position)
        info.quaternion && hot.mesh.quaternion.copy(info.quaternion)
    }   
    that.hotpointDetail.addClass("atRight");
    transformControls.detach() 
  });
 
  //遍历热点 初始话加载热点数据
  for (var i = 0; i < g_HotMeshes.length; i++) {
    this.spotList.children("ul").append(this.addHotList(g_HotMeshes[i], i));
  }
  this.spotList.find("i").text(g_HotMeshes.length);
  // 初始话的时候把热点信息添加到对应的热点中
  $.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.hotpointDetail.attr("data-id",li_id);
  var info = $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 || [];
  
  
  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].mesh.position.clone()
      info.quaternion = player.model.hots[li_id].mesh.quaternion.clone()
  }catch(e){} 
   
    initStyle(player.model.hots[li_id])


  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

}
//添加图片和视频
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, 2)) {
      return false;
    }

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

  // 视频加载回调
  function videoSuccess(file, $elayout) {
    if (!/video\/\w+/.test(file.type)) {
      alert("视频必须为mp4格式！");
      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.attr('data-type',type)
      $addLayout.append($addInput)
      $addLayout.append($close);
      $addLayout.append($dom);
      $addLayout.addClass("result");
      $din.prepend($addLayout);
      $layout.find('.edit-fun-images').append($din);
    }
  };
  // 图片与视频加载
  $('.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)
      $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, function () {
      this.addHotList(g_HotMeshes, g_HotMeshes.length - 1);
      this.spotList.find("i").text(this.spotList.find("ul li").length);
    });
  }
}
//删除热点
Hotpoint.prototype.remHot = function (that, thisScene) {
  var hotId = that.closest("li").attr("data-spid");
  for (var i = 0; i < g_HotMeshes.length; i++) {
    if (g_HotMeshes[i].belongHot.sid === hotId) {
      //在场景中删除这个热点模型
      thisScene.scene.remove(g_HotMeshes[i]);
      g_HotMeshes[i].visible = false;
      //如果热点数据中有这个热点数据就删除
      //g_HotMeshes.splice(i, 1);
    }
  }
  that.closest("li").remove();
  this.spotList.find(".hotNum").text(this.spotList.find("ul li").length);
  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))
    }  

  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);
  }
}
//创建热点列表的dom
Hotpoint.prototype.createDom = function (data, index) {
  var _index = +index + 1;
   return "<li data-spid=" + data.name + " id=ggg_s" + index + ">" +
    "<div class=icon></div>" +
    "<div class=number title=热点>" + _index + "</div>" +
    "<div class=title title=热点></div>" +
    "<div class=DelConfirm>确定删除</div>" +
    "<div class=del></div>" +
    "</li>";
}
//添加热点列表
Hotpoint.prototype.addHotList = function (data, index) {
  if (!data) return;
  this.spotList.children("ul").append(this.createDom(data, index));
  //保存热点信息到热点dom元素中
  var spotList = $(".spotList ul").children("#ggg_s" + index);
  spotList[0].hotAttribute = g_HotMeshes[index];
  spotList.attr('data-spid', g_HotMeshes[index].belongHot.sid);
}
//添加热点音乐
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.saveHot = 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");
    //热点音乐
    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(); 
                        }
                    }) 
                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;
      $layout.addClass('hide');
      hotpointDetail.addClass("atRight");
      spot.find(".title").html(args.title);
      transformControls.detach() 	
    })
  })


}


//背景音乐
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').eq(0).on("click", function () {//点击截取视图
    addTour(this);
  }.bind(this));

    //添加区域
  $('.addTour .innerBtn').eq(1).on("click", function () { 
     that.addFolder()
  }.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 .folder ').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('keydown', function (ev) {
    ev.stopPropagation()
  }) 
  
  
  
  /* .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;
  let folder 
  
  
  tourListNode.ondragstart = function (event) {
    event.dataTransfer.setData("te", event.target.innerText); //不能使用text，firefox会打开新tab
    draging = event.target;
    
    if(draging.classList.contains("folder")){
        folder = draging 
    }else{
        folder = draging.parentNode;
    } 
      
  }
  
  
  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 ++;
      }
      
  }
      
    tourListNode.ondragover = function (event) {  // 拖拽完毕
      // 拖拽完毕
        event.preventDefault();
         
        let targetFolder = searchParent(event.target, { className: 'folder' });
        if (targetFolder) {
            if (targetFolder && targetFolder.animated) {//防止不停重复交换
                return;
            }            
            if (targetFolder != folder) {
                var targetRect = targetFolder.getBoundingClientRect();
                var dragingRect = draging.getBoundingClientRect();
                let ulElem = targetFolder.parentNode;
                 
                if (draging.classList.contains("folder")) { //drag整个folder调整顺序
                    if (getIndex(draging) < getIndex(targetFolder)) {
                        if(event.clientY<targetRect.top+targetRect.height/2)return //防止交换后仍旧触发交换，因为文件夹的长度不定。故规定只在鼠标拖拽过元素一半高度后才交换
                        ulElem.insertBefore(draging, targetFolder.nextSibling);
                    } else {
                        if(event.clientY>targetRect.bottom-targetRect.height/2)return 
                        ulElem.insertBefore(draging, targetFolder);
                    }
                } else {//drag的是li 放到别的folder 
                    $(targetFolder).append(draging)
                    getTourListHeight($(targetFolder))
                    getTourListHeight($(folder))
                    folder = targetFolder;//更新draging当前所属folder
                }
                _animate(dragingRect, draging);
                _animate(targetRect, targetFolder);
                reIndexTourList()
                return;
            }
            
        }
             
        if (draging.classList.contains("folder")) return;
        
        let target = searchParent(event.target, { className: 'tourItem' });
        //drag li 和别的li交换(本folder)  
        if (!target || target === draging) return
        if (target && target.animated) {//防止不停重复交换
            return;
        }

        let dragingIndex = draging.querySelector('#index');
        let targetIndex = target.querySelector('#index');

        var targetRect = target.getBoundingClientRect();
        var dragingRect = draging.getBoundingClientRect();
        
        let ulElem = target.parentNode;
        
        if (getIndex(draging) < getIndex(target)) {
            if(event.clientY<targetRect.top+targetRect.height*0.3)return
            ulElem.insertBefore(draging, target.nextSibling);
            dragingIndex.innerText = [targetIndex.innerText, targetIndex.innerText = dragingIndex.innerText][0];// 交换两个节点的序号
        } else {
            if(event.clientY>targetRect.bottom-targetRect.height*0.3)return
            ulElem.insertBefore(draging, target);
            dragingIndex.innerText = [targetIndex.innerText, targetIndex.innerText = dragingIndex.innerText][0];

        }
        _animate(dragingRect, draging);
        _animate(targetRect, target);
        
         
        //getTourListHeight($(folder))//如果从别的folder hover过又回来本folder，也需要恢复height
        
        
        reIndexTourList()
    }  
    
    
  
    
    
    
    
    
}



function reIndexTourList(){
    Array.from($(".tourList ul li")).forEach((li,index)=>{
        $(li).find("div:first-child span").text(index+1);
    }) 
}
function getTourListHeight($ul){ //为了折叠的渐变 计算max-height
    if($ul.hasClass("fold")){
        $ul.css("max-height", "38px") 
    }else{
        var length = $ul.find("li").length;
        $ul.css("max-height", (length * 91 + 60)+"px")
    } 
}

/**
 * @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 that = this;
    var tourAudio = data2.tourAudio || {};

    if (data.model.images[0] && !data.model.images[0].locations) {
        data.model.images = [{
            name: "",
            locations: data.model.images,
        }]
    }
    data.model.images.forEach((folder,index)=>{
            folder.sid = index
        }
    )

    data.model.images.forEach((folder)=>{
        var $ul = this.getFolderDom(folder.name)
        var locations = folder.locations;

        locations.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)
                $ul.append($li);
            }
        })
        $(".tourList > ul").append($ul)
        getTourListHeight($ul)
    }
    )

    if (data.model.images.length == 0) {
        this.addFolder()
    }

}


function bindListEvent($folder) {//点击与改名
     
     
    var span = $folder.find('span');
    var input = $folder.find('input');
    input.val(span.text())
    
    $folder.find('.folderName').on('click', function () {
        input.removeClass('hide');
        input.focus();
    })
    var inputDone = function () {
        input.addClass('hide');
        span.text(input.val());
         

    }
    input.on('change', inputDone);
    input.on('blur', inputDone);
    //input[0].ondragstart =  (event)=>{event.preventDefault();} ;
 

}

EditGuide.prototype.getFolderDom = function(name){
    var folder = $("<ul class='folder' draggable='true'><div class='folderLabel'><div class='arrow'> </div> <div class='icon'> </div> <div class='folderName'><span class='tourName'>"+(name||'')+"</span><input maxlength='10' class='hide' placeholder='标题（<=10字）' data-oper='tour-input'></div><div class='del'></div></div></ul>")

    bindListEvent(folder)
    
    folder.find(".del").on('click', ()=>{this.deleteFolder(folder)})
    folder.find(".arrow").on('click', ()=>{  
        folder.toggleClass('fold')
        getTourListHeight(folder)
    })
    return folder
}

EditGuide.prototype.addFolder = function(){//添加区域 文件夹
    var ul = $("#tourListWrap");
    var folder = this.getFolderDom('')
    ul.prepend(folder)  
    getTourListHeight(folder)
}
EditGuide.prototype.deleteFolder = function(folder){//
    var r = confirm("是否删除 " + folder.find(".tourName").text()+" ?");  
    if(r){
        folder.remove() 
        if($("#tourListWrap .folder").length == 0)this.addFolder()
    }  
}



EditGuide.prototype.dom = function (index, title, img) {
  return '<li draggable="true" class = "tourItem">' +
    '<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 = $("#tourListWrap>ul li").length + 1;  //$(".tourList ul li").length + 1;
        var $li = $(that.dom(index, args.name, args.thumbnail_signed_src));

        $li[0].data = args;

        $("#tourListWrap>ul").eq(0).append($li);
        getTourListHeight($("#tourListWrap>ul").eq(0))
        //$(".tourList ul").append($li);
        reIndexTourList()
      }
    }
  })
}


/* -- 以下是一些公用的方法  -- */
//限制大小
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) {
  //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);
}


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

 

/* 
var blob = dataURLtoBlob(fileObj.file);
                form.append("file", blob, fileObj.name);
            } else {
                if (fileObj.isBlob) {
                    console.log('上传的文件：' + fileObj.name)
                    form.append("file", fileObj.file, fileObj.name);
                } else {
                    var file = fileObj.file;
                    form.append("file", file, fileObj.name);
                } */
  $.ajax({ 
    url: ceshi + '/cms/scene/upload/'+number, 
    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 = ''
        window.location.href('/bigscene/')
      }
      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) {
    //a 标签的success 是用来判断是否是已经上传过的文件
    //attr-thum 属性是视频的图片
    //videoURL 是判断是否有视频
    var $file = $(dFile)
    var $image = $file.find('img')

    if ($file.hasClass('success')) {
      if ($file.attr('attr-thum')) {
        result.push($file.attr('attr-thum'))
      } else if ($image.attr('videoURL')) {
        result.push($image.attr('videoURL'))
      } else {
        result.push($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) {
      if (rs.code === 0) {
        result.push(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": 50,//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; 
    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.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.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(){
             
            }
        })
    },
    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)
        //------------------------------
 
        $('.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 uploadInput = $('<input  type="file" style="display:none" accept="video/*"></input>');
        $('#overlayUpload [name="upload"] button').on('click',()=>{
            uploadInput.click()
        }) 
        
        uploadInput.on("change",  (e)=>{ 
            inputMedia({
                enableTypes:[/* "photo", */"video"],
                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);	
        })
        
        player.overlayGroup.children.forEach((overlay)=>{
            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;
    },
    beginToAddPlane: function(){
        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.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(); 
		if(overlay.overlayType == "video"){
			var video = plane.material.map.image
			$('#overlayUpload .preview').css('background-image',"").append(video);
		}else{
			$('#overlayUpload .preview').css({
				'background-image': src ? ("url(" + src + ")") : "" 
			})
		}
		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)	 
	}
	,
	
	 
    
	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.updateOverlayPanel(this.editPlane)
	},	
	
	
    
	getOverlayInfo : function(overlay){ 
		//2 编辑前， 从当前状态获取info
		var plane = overlay.plane;
		overlay.info = { 
			width: overlay.width,
			height: overlay.height, 
			depth: settings.overlay.depth * overlay.scale.z,
			pos: overlay.position.clone(),
			qua:  overlay.quaternion.clone(),
			media: plane.material.map.image,
			file: overlay.file,
			type: overlay.overlayType,
			hasBox: overlay.hasBox
		}  
	}
    ,
    
    
    getSavingInfo : function(overlay){
         
        
        if(!overlay.file && (!overlay.plane.material.map ||!overlay.plane.material.map.image)){
			return;
		} 
        
        var info = {
			width: toPrecision(overlay.width,  4),
			height: toPrecision(overlay.height,  4), 
			depth:  toPrecision(settings.overlay.depth * overlay.scale.z,  4),
			pos: toPrecision(overlay.position.toArray(),4),
			qua: toPrecision(overlay.quaternion.toArray(),4),
			sid: overlay.sid, 
			hasBox: overlay.hasBox ? 1 : 0,
			media: [overlay.overlayType],
            
            file: overlay.fileSrc || overlay.plane.material.map.image.src
		}
        
        return info
        
    },
    
    
    
    
	SaveOverlay : function(){
		var overlay = this.editPlane;
		if(!overlay.file && (!overlay.plane.material.map ||!overlay.plane.material.map.image)){
			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.sid}</div></li>`)                           
        $(".overlayList ul").append(li);
        li.on("click",()=>{
            player.clickOverlay(overlay)
        })
        overlay.domLi = li;
    },
    removeFromList : function(overlay){
        overlay.domLi.remove();
        
    }
		
	
}



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

var panoVisiSet = {
    
    
    setPanoVisible : false, 
    //漫游可见性
     
    panoVLines : {},//线条
    panoVTemp:null, //修改后还没保存的临时数据
    //热点可见性
    $confirmSnap : $("#camera-start"), 
    colors:{green: "#00c8ae"},
    init : function(){
        this.meshGroup = new THREE.Object3D;  this.meshGroup.name = "setVisible-group"
		player.model.add(this.meshGroup)
    }, 
	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")
		 
	}, 

	 
    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)) */
        
        
        $.ajax({
          method: 'POST', 
          url: ceshi + '/cms/scene/roamViable',
          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 = ''
              window.location.href('/bigscene/')
            }
          },
          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) {
				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)}
		})  
	}
    
}


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;
}
 
 


//})();