bigscene/service/static/js-bak/edit.js

//编辑界面
var EditingInterface = function(n){
	this.n = n;
	//功能按钮
	this.mainBtn = $(".edit-hot-active"),
	//创建编辑热点的功能
	this.editHot = new EditHot(),
	//创建二级编辑的界面
	// this.editFun = new EditFun();
	//初始化所有基本元素和功能
	this.initiate();
	
	loadInfoAttrites()
}
//初始化界面
EditingInterface.prototype.initiate = function(){
	$(".edit-wrap").fadeIn();
	this.editHot.init(this.n);
	this.onClick();
	// this.editFun.init();
}
EditingInterface.prototype.onClick = function(){
	var that = this;
	this.mainBtn.on("mousedown touchstart", function() {
		g_HotStatus = g_HotStatus == "add" ? null : "add";
		switch(g_HotStatus)
		{
			case "add":
				$("#player").css("cursor","cell");
				break
		}
	})
}

//一级编辑界面，编辑热点的功能
var EditHot = function(){
	this.ele = $(".edit-hot-num"),
	this.dataL = null,		//获取最新创建热点的索引
	this.children = null; 	//创建的热点信息
}

EditHot.prototype.creatDom = function(index) {
	return "<li id='ggg_s"+index+"'>"
		+ "<div class='edit-hotTitle'>"
		+ "<span>热点<i class='edit-hotTitle-i'></i></span>"
		+ "<div class='edit-remHot' data-id  data-name >删除</div>"
		+ "</div>"
		+ "<div class='edit-content'>"
		+ "<div class='edit-hot-data'>"
		+ "<div>"
		+ "<p>position:</p>"
		+ "<p>x:<span class='edit-hot-data-p-x'></span></p>"
		+ "<p>y:<span class='edit-hot-data-p-y'></span></p>"
		+ "<p>z:<span class='edit-hot-data-p-z'></span></p>"
		+ "<p>rotation:</p>"
		+ "<p>x:<span class='edit-hot-data-r-x'></span></p>"
		+ "<p>y:<span class='edit-hot-data-r-y'></span></p>"
		+ "<p>z:<span class='edit-hot-data-r-z'></span></p>"
		+ "</div>"
		+ "<div class='edit-hot-editor'>"
		+ '<div><span>编辑热点</span></div>'
		+ "</div>"
		+ "</div>"
		+ "</div>"
		+ "</li>"
}

//打开页面初始化编辑界面
EditHot.prototype.init = function(n){
	for (var i = 0; i < g_HotMeshes.length; i++) {
		this.ele.append(this.addHotList(g_HotMeshes, i));
		this.fillText(i);
		this.hotAn(i);
		if(n) this.remHot(n,i),this.clickEdithotBtn(i);
	}
	document.querySelector(".edit-wrap").addEventListener("mousewheel",function(event){
		event.stopPropagation()
	});
}
EditHot.prototype.fillText = function(index){
	var target = this.ele.children("#ggg_s" + index);
	target.find(".edit-hotTitle-i").text(index +1 );
	target.find(".edit-remHot").attr({"data-id":g_HotMeshes[index].id,"data-name":g_HotMeshes[index].name});
	target.find(".edit-hot-data-p-x").text(g_HotMeshes[index].position.x);
	target.find(".edit-hot-data-p-y").text(g_HotMeshes[index].position.y);
	target.find(".edit-hot-data-p-z").text(g_HotMeshes[index].position.z);
	target.find(".edit-hot-data-r-x").text(g_HotMeshes[index].rotation.x);
	target.find(".edit-hot-data-r-y").text(g_HotMeshes[index].rotation.y);
	target.find(".edit-hot-data-r-z").text(g_HotMeshes[index].rotation.z);

	if (target[0]) {
		target[0].hotAttribute = g_HotMeshes[index]
		target.attr('data-spid', g_HotMeshes[index].belongHot.sid)
	}
	
}
EditHot.prototype.hotAn = function(index){
	let $li = $(".edit-hot-num > #ggg_s"+index)

	$li.find('.edit-hotTitle').on("click",function(){
		var next = $(this).next();
		if(next.height() == 0){
			next.css("height","155px");
		}else{
			next.css("height","0");
		}
	})

	$li.find('.edit-remHot').on("click", function (ev) {
		ev.stopPropagation()
		$li.remove()
	})
}
EditHot.prototype.addHotList = function(data, index){
	if(!data) return;
	this.dataL = data.length - 1;
	this.ele.append(this.creatDom(index));
	
	this.fillText(this.dataL);
}
//删除热点
EditHot.prototype.remHot = function(index,thisScene){
	var deleteHot = $(".edit-remHot").eq(index),hotId,hotName;
	deleteHot.on("click",function(){
		hotId = $(this).attr("data-id");
		hotName = $(this).attr("data-name");
		for (var i = 0; i < g_HotMeshes.length; i++) {
			if(g_HotMeshes[i].id == hotId){
				//在场景中删除这个热点模型
				thisScene.sceneRenderer.scene.remove(g_HotMeshes[i]);
				g_HotMeshes[i].visible=false;
				//如果热点数据中有这个热点数据就删除
				// if(g_newHot && g_newHot.hasOwnProperty(hotName)){
				// 	delete g_newHot[hotName];
				// }
				g_HotMeshes.splice(i,1);
				console.log("删除成功："+hotId);
				$(this).closest("li").remove();
			}
		}

	})
}
//点击编辑热点弹出二级编辑框
EditHot.prototype.clickEdithotBtn = function(index){
	$("#ggg_s"+index+" .edit-hot-editor").on("click",function(){
		showHotEdit(index)
	})
}

//二级编辑界面，主要编辑功能，热点功能
var EditFun = function(){}
EditFun.prototype.init = function(){
	this.addFun("addImg","添加图片",this.addImg);
	this.addFun("addText","添加文字",this.addText);
	this.addFun("addVideo","添加视频",this.addVideo);
	this.saveBtn();
}
//添加功能
EditFun.prototype.addFun = function(className,text,fn){
	var creatDom = '<li class=edit-function-'+className+'><div><span>'+text+'</span><div></li>';
	$(".edit-function-console").append(creatDom);
	fn(className);
}
//保存按钮
EditFun.prototype.saveBtn = function(){
	$(".edit-function-save").on("click",function(){
		 $(".edit-function-wrap").hide();
	})
}
//添加图片
EditFun.prototype.addImg = function(className){
	var files = ["js/webuploader.html5only.min.js"+manage.time,"js/diyUpload.js"+manage.time,"css/diyUpload.css"+manage.time],
		imgText = '<div id="test" ></div>';
	$(".edit-function-"+className).attr("id","box").append(imgText).children('div').eq(0).hide();
	manage.LoadJs(files,function(){
		$('#test').diyUpload({
			url:'',
			success:function( data ) {
				console.info( data );
			},
			error:function( err ) {
				console.info( err );	
			},
			buttonText : '添加图片'
		});
	});
}
//添加文字
EditFun.prototype.addText = function(className){
	var textBtn = $(".edit-function-"+className),
		richText = '<div class="richText"><div id="toolbar">\
			            <span>Size:</span>\
			            <select id="size">\
			                <option value="3">3</option>\
			                <option value="4">4</option>\
			                <option value="5">5</option>\
			                <option value="6">6</option>\
			                <option value="7">7</option>\
			            </select>\
			            <span>Color:</span>\
			            <select id="color">\
			                <option value="black" style="color:black">Black</option>\
			                <option value="gray" style="color:gray">Gray</option>\
			                <option value="brown" style="color:brown">Brown</option>\
			                <option value="red" style="color:red">Red</option>\
			                <option value="pink" style="color:pink">Pink</option>\
			                <option value="yellow" style="color:yellow">Yellow</option>\
			                <option value="orange" style="color:orange">Orange</option>\
			                <option value="blue" style="color:blue">Blue</option>\
			                <option value="Green" style="color:green">Green</option>\
			            </select>\
			            <span><strong>B</strong></span>\
			            <input type="checkbox" id="bold">\
			            <span style="text-decoration:underline">U</span>\
			            <input type="checkbox" id="underline">\
			        </div>\
			       <div class="edit-F-text" contenteditable="true"></div></div>';
		textBtn.append(richText);
		textBtn.children("div").eq(0).on("click",function(){
			var richTextAn = $(this).next();
			if(richTextAn.height() == 0){
				richTextAn.height("350px");
			}else{
				richTextAn.height("0");
			}
		})
		$(".edit-F-text").on("keydown",function(event){
	 		event.stopPropagation()
	 	});
		function addEvent(id,obj){
			$('.richText').find(id).on("change",function(){
				$('.edit-F-text').focus();
				switch(obj[0])
				{
					case "FontSize":
						obj[2] = parseInt($('#size').val());
					break;
					case "ForeColor":
						obj[2] = $('#color').val();
					break;

				}
		        document.execCommand(obj[0],obj[1],obj[2]);
			});
		}
		addEvent("#size",["FontSize",false]);
		addEvent("#color",["ForeColor",false]);
		addEvent("#bold",["Bold"]);
		addEvent("#underline",["Underline"]);

}
//添加视频
EditFun.prototype.addVideo = function(className){
	console.log(className);
}



//点击屏幕判断当前处于什么编辑状态，因为需要获取场景的n对象和r对象，所有把这些方法放在main.js里点击屏幕事件里执行
var DownInterface = function(){
	this.editHot = new EditHot();
}
DownInterface.prototype.state = function(that,Hot){
	switch(g_HotStatus)
	{
		case "add":
			this.addHot(that,Hot,function(thisScene){
				this.editHot.addHotList(g_HotMeshes, g_HotMeshes.length - 1);
				this.editHot.hotAn(this.editHot.dataL);
				this.editHot.remHot(this.editHot.dataL,thisScene);
				this.editHot.clickEdithotBtn(this.editHot.dataL);
			});
			break;
		case "delete":
			break;

	}
}



//添加热点模型
DownInterface.prototype.addHot = function(that,Hot,fn){
	var position = that.reticule.position.toArray();
	var rotation = that.reticule.rotation.toArray().slice(0,3);
	var sid =  g_HotMeshes.length > 0  ? "sprite_"+( parseInt(g_HotMeshes[g_HotMeshes.length - 1].name.substring(7)) + 1 ) : "sprite_" + g_HotMeshes.length;
	var hot = new Hot(sid, {position:position, rotation:rotation, size:1.05}, that.model); 
	//g_newHot.push(hot);
	that.model.hots[sid] = hot;
		//$('#addHot textarea')[0].value+=('添加热点：\r"'+sid  + '":{ "position":['+position+'], "rotation":['+rotation+']},\r');
		//logData('添加热点：\r"'+sid  + '":{ "position":['+position+'], "rotation":['+rotation+']},\r')
	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);
	}
}

// 加载所有热点的信息
function loadInfoAttrites () {
	$.ajax(g_Prefix + "data/" + window.number + "/hot/js/data.js" + "?" + Date.now(), { dataType: "json" })
		.then(function (infos) {
			Object.keys(infos).forEach(function(key) {
				$('.edit-hot-num > li[data-spid="' + key + '"]')[0] && ($('.edit-hot-num > li[data-spid="'+key+'"]')[0].infoAttribute = infos[key])
			})
		})
}

(function () {
	// 热点tab切换
	var $heads = $('.edit-function-header a')
	var $body = $('.edit-function-body > div')

	$heads.on('click', function() {
		$body.hide().removeClass('active');
		$heads.removeClass('active')

		$(this).addClass('active')
		$('.edit-function-body > div[data-label="' + $(this).attr('data-tab')+'"]')
			.show()
			.addClass('active')
	})

	$heads.eq(0).trigger('click')


	// 输入框阻止事件
	$('#edit-title,#edit-content,.func-edit-items,#info-name,#info-summary').on('keydown', function (ev) {
		ev.stopPropagation();
	})


	// 模型与网页加载
	$('.insert-bottom').on('click', function () {
		$(this).prev().append('<label><span>热点' + $(this).attr('attr-label') + ': </span><input type="text"></label>')
	})
})();


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

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

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

		$elayout.append('<span class="upload-thum">上传封面<i><input type="file"></i></span>')
		
		return '<img src="./images/play.png" class="play-video" videoURL="' + URL.createObjectURL(file) +'">'
	}

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

		$elayout.parent().find('img').attr('src', URL.createObjectURL(file))
	}

	// 图片与视频加载
	function fileHandle() {
		var $seft = $(this)
		var $layout = $seft.parent()
		var $elayout = $layout.parent()
		var $pplayout = $elayout.parent()
		var type = $pplayout.attr('type')
		var $close = $(document.createElement('span'))
		var file = file = this.files[0];
		var fnc = type === 'image' ? imageSuccess : 
			type === 'video' ? videoSuccess : thumSuccess
		var $dom = fnc(file, $elayout)


		if (type === 'image' || type === 'video') {
			if (!$dom) return $seft.val('')
			$layout.append($close)
			$layout.addClass('result')

			var $addLayout = $(document.createElement('a'))
			var $addInput = $('<input type="file">')
			$addLayout.append($addInput)
			var $din = $(document.createElement('div'));
			$din.append($addLayout)
			$elayout.parent().append($din)
			$layout.append($dom)
		}
	}


	// 图片与视频加载
	$('.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()
		}
	})
})();

function showHotEdit(index) {
	var $layout = $(".edit-function-wrap")
	$layout.css("display", "flex")
	$layout[0].targetDOM = $(".edit-hot-num > li").eq(index)[0];
	var info = $layout[0].targetDOM.infoAttribute || {}

	info.title = info.title || ''
	info.content = info.content || ''
	info.iframe = info.iframe || []
	info.model = info.model || []
	info.images = info.images || []
	info.video = info.video || []


	var iframesHTML = info.iframe.map(function(iframe) {
		return '<label><span>热点网页: </span><input type="text" value="' + iframe + '"></label>'
	})

	var modulesHTML = info.model.map(function (module) {
		return '<label><span>热点模型: </span><input type="text" value="' + module + '"></label>'
	})

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

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

	imagesHTML.push('<div><a><input type="file"></a></div>')
	videosHTML.push('<div><a><input type="file"></a></div>')

	$('#edit-iframes').html(iframesHTML.join(''))
	$('#edit-modules').html(modulesHTML.join(''))
	$('.edit-fun-images[type="image"]').html(imagesHTML.join(''))
	$('.edit-fun-images[type="video"]').html(videosHTML.join(''))
	$('#edit-title').val(info.title)
	$('#edit-content').val(info.content)
}

// 保存热点信息
(function() {
	var $layout = $(".edit-function-wrap")

	$('#edit-submit').on('click', function () {
		$layout.addClass('loadding')
		var args = {}
		var $title = $('#edit-title')
		var $content = $('#edit-content')
		var $images = $('.edit-fun-images[type="image"] a.result')
		var $videos = $('.edit-fun-images[type="video"] a.result')
		var $thums = $('.edit-fun-images[type="video"] .upload-thum')
		var $iframes = $('#edit-iframes input')
		var $modules = $('#edit-modules input')

		new Promise(function(resolve, reject) {
			upload($images, 'images', resolve)
		}).then(function(imgUrls) {
			args.images = imgUrls
			return new Promise(function (resolve, reject) {
				upload($videos, 'images', 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() {
			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

			return args
		}).then(function(args) {
			$layout[0].targetDOM.infoAttribute = args
			$layout.removeClass('loadding')
			$layout.hide()
		})
	})

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

		Array.from($files).forEach(function(dFile) {
			var $file = $(dFile)
			var $image = $file.find('img')

			if ($file.hasClass('success')) {
				if ($file.attr('attr-thum')) {
					console.log($files, $file)
					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 {
				dFile = $file.find('input')[0]
			}
			
			var file = dFile.files[0]
			if (!file) return success(++rcount);

			var formData = new FormData()
			
			formData.append('name', number)
			formData.append('dir', 'hot/' + type)
			formData.append('random', true)
			formData.append('file', file)
			
			
			$.ajax({
				url: '/uploadFile',
				data: formData,
				dataType: 'json',
				type: 'POST',
				cache: false,//上传文件无需缓存
				processData: false,//用于对data参数进行序列化处理 这里必须false
				contentType: false, //必须
				success: function (rs) {
					if (rs.code === 200) {
						result.push(rs.content)
					}
					success(++rcount)
				}
			})
		})
		

		function success() {
			if (rcount === length) {
				cb(result)
			}
		}

		success()
	}
})();


// 上传导览
function uploadGuide(urlData, guide) {
	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' });  
	var formData = new FormData()
	formData.append('name', number)
	formData.append('dir', 'hot/images')
	formData.append('random', true)
	formData.append('file', blob)

	$.ajax({
		url: '/uploadFile',
		data: formData,
		dataType: 'json',
		type: 'POST',
		cache: false,//上传文件无需缓存
		processData: false,//用于对data参数进行序列化处理 这里必须false
		contentType: false, //必须
		success: function (rs) {
			if (rs.code === 200) {
				var sid = rs.content.substring(rs.content.lastIndexOf('\\') + 1, rs.content.lastIndexOf('.'))
				var thumbnail_signed_src = rs.content
				var args = JSON.parse("{"+guide+"}")

				args.sid = sid
				args.name = sid
				args.thumbnail_signed_src = thumbnail_signed_src
				args.metadata = JSON.stringify({
					camera_mode: 0,
					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[3],
						y: args.metadata.camera_quaternion[0],
						z: args.metadata.camera_quaternion[1],
						w: args.metadata.camera_quaternion[2]
					},
					ortho_zoom: -1,
					scan_id: args.metadata.scan_id,
					final_angle: 110,
					is_ortho: false
				})

				console.log(args)

				var $li = $('<li><span><img src="' + args.thumbnail_signed_src + '"></span><input type="text" data-oper="change-name" value="' + args.name +'"> <a data-oper="delete">删除</a></li>')
				$li[0].data = args

				$('#guide-list').append($li)
			}
		}
	})

}


// 热点 导览选项卡切换
(function() {
	var $heads = $('#oper-tabs a')
	var $bodys = $(Array.from($heads).map(function($item) {
		return get$dom($item.getAttribute('show-tab'))
	}).join(','))

	function get$dom(attr) {
		attr = '[data-tab="' + attr + '"]'
		return '.edit-bg' + attr + ',.edit-header' + attr
	}

	$heads.on('click', function() {
		var $active = $(get$dom($(this).attr('show-tab')))
		$bodys.removeClass('active')
		$heads.removeClass('active')
		$(this).addClass('active')
		$active.addClass('active')
	}).eq(0).trigger('click');
})();

// 导览列表，并注册事件
(function() {
	var $list = $('#guide-list')

	$.ajax(g_Prefix + "data/" + window.number + "/someData.json" + "?" + Date.now(), { dataType: "json" })
		.done(function(data) {
			var $lis = []
			data.model.images.forEach(function(i) {
				if (i.thumbnail_signed_src)	{
					var $li = $('<li><span><img src="' + i.thumbnail_signed_src + '"></span><input type="text" data-oper="change-name" value="' + i.name +'"><a data-oper="delete">删除</a></li>')
					$li[0].data = i
					$lis.push($li)
				}
			})
			$list.append($lis)
			initInfo(data)
		})

	
	$list.on('click', function(ev) {
		var $seft = $(ev.target)
		if ($seft.attr('data-oper') === 'delete') {
			$seft.parent().remove();
		}
	}).on('change', function(ev) {
		var $seft = $(ev.target)
		if ($seft.attr('data-oper') === 'change-name') {
			console.log($seft.val())
			$seft.parent()[0].data.name = $seft.val()
		}
	})
})();


$('.edit-save button').on('click', function () {
	var guides = Array.from($('#guide-list li')).map(function (dom) {
		return dom.data
	})
	var hots = {}
	Array.from($('.edit-hot-num > li')).forEach(function (dom) {
		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: $('#info-name').val(),
		summary: $('#info-summary').val(),
		backgroundMusic: $('#query-bgm').attr('href'),
		hoticon: JSON.parse($('#hoticon').val()),
		camera_start: $('#camera-start')[0].data
	}

	console.log({
		hots: hots,
		name: number,
		guides: guides,
		info: info
	})
	$.ajax({
		method: 'POST',
		url: '/savesetting',
		data: {
			hots: hots,
			name: number,
			guides: guides,
			info: info
		},
		success: function (data) {
			if (data.code === 200) {
				alert('修改成功')
				location.reload()
			}
		}
	})
});





// 其他信息初始化
function initInfo(data) {
	var $options = $('#hoticon option')

	$('#info-name').val(data.model.name)
	$('#info-summary').val(data.model.summary)

	for (var i = 0; i < $options.length; i++) {
		if ($options.eq(i).val() === JSON.stringify(data.hoticon)) {
			$options.eq(i).attr("selected", true);
		}
	}

	if (data.backgroundMusic) {
		$('#query-bgm').attr('href', data.backgroundMusic)
		$('#upload-bgm + p').html('替换音乐')
	} else {
		$('#query-bgm').hide()
		$('#upload-bgm + p').html('上传音乐')
	}

	$('#camera-start')[0].data = data.model.camera_start
}



// 音乐上传
$('#upload-bgm').on('change', function() {
	var file = this.files[0];
	if (!/audio\/\w+/.test(file.type)) {
		alert("文件必须为音乐！");
		return false;
	}

	var formData = new FormData()
	formData.append('dir', 'audio')
	formData.append('random', true)
	formData.append('file', file)

	$.ajax({
		url: '/uploadFile',
		data: formData,
		dataType: 'json',
		type: 'POST',
		cache: false,//上传文件无需缓存
		processData: false,//用于对data参数进行序列化处理 这里必须false
		contentType: false, //必须
		success: function (rs) {
			if (rs.code === 200) {
				$('#query-bgm').attr('href', rs.content)
				$('#upload-bgm + p').html('替换音乐')
			}
		}
	})
})

// 修改场景名称  添加初始位置   添加背景音乐  修改导览得名称 

function getSeft(seft) {
	$('#camera-start').on('click', function () {
		var snap = JSON.parse("{"+seft.getSnapAngleInfo() + "}")
		this.data.camera.quaternion = snap.metadata.camera_quaternion
		this.data.pano.uuid = snap.metadata.scan_id
	})
}