4dkankan-japan
/
4dkankan_japan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938
							<!DOCTYPE html>
<html>

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="browsermode" content="application">
        <meta name="full-screen" content="yes">
		<script src="static/lib/jquery-2.1.1.min.js"></script>
		<script src="static/lib/jquery.ajax.arraybuffer.min.js"></script>
        <script src="static/lib/bytebuffer.min.js"></script>
        <script src="static/lib/protobuf.min.js"></script>
        <script src="static/lib/base64.min.js"></script>
        <script src="static/lib/Tween.js"></script>
        <script src="static/lib/events.js"></script>
		<script src="static/lib/three95.min.js"></script>
		<script src="static/lib/howler.min.js"></script>  
        <!--REVISION: "95"-->
        <!-- <script src="static/lib/postprocessing/EffectComposer.js"></script> -->
        <script src="static/lib/postprocessing/MaskPass.js"></script>
        <script src="static/lib/postprocessing/RenderPass.js"></script>
        <script src="static/lib/postprocessing/ShaderPass.js"></script>
		<script src="static/lib/DetectBrowser.js"></script>
		 
		<title>四维看看编辑器</title>

	<style>
		.hide {
			display: none !important
		}
	#consoleLog{ 
      width: 120px;
      height: 153px;
      position: absolute;
      left: 0px;
      bottom: 160px;
      z-index: 999999;
      color: black;
      opacity: 0.9;
        font-size: 12px;
    }		
	</style>

	 
	<script>
	
		window.edit = true;
		window.isMobile = isMobilePcForEdit()==1;
		
		if(window.location.href.substring(0,5)!="https" && window.location.href.indexOf("&test")==-1){
			window.location.href = window.location.href.replace('http','https');
		}
		
		if(!isMobile){
			var a = window.location.href.indexOf(".html"); 
			var postfix = window.location.href.substring(a+5);  
			window.location.href = "editProPC.html"+postfix;  
		}
		 
		
	</script>
	 
	
	<link rel="stylesheet" href="static/css/base.css"><!-- 公用 -->
	<link rel="stylesheet" href="static/css/mainApp.css"> 
	<link rel="stylesheet" href="static/css/icon/iconfont.css"> 
	<link rel="stylesheet" href="static/css/toolBoxApp.css"> 	
	<link rel="stylesheet" href="static/css/swiper-4.3.5.min.css"> 
	<link rel="stylesheet" href="static/css/cropper.min.css"> 
	<link rel="stylesheet" href="static/css/rulerLabel.css"> 
	<link rel="shortcut icon" href="https://4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico">
	<link rel="icon" type="image/png" href="https://4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png" sizes="192x192">
	<link rel="apple-touch-icon" sizes="180x180" href="https://4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png">  
	 
	
</head>

<body class="mobile edit"> 
	<div id="BGcover" class='hide' style="background:#fff; position:fixed; height:400%;width:100%;top:-150%;"></div>
	<div id="gui-thumb" style="display: none;"></div> 
	<div id="webgl">
		<div id="addSpot" class=""> <!-- 热点编辑 --> 
			<div id="playerB" class="view"> 
			</div> 			
		</div>
		<div class="webgl-inside">
			
			<div id="player" style="display: none;"></div>  
			<div id="mainDesignSth">
				<!-- <div class="wallDesignOption" id="mainLabel"></div>  -->
				<div class="rulerAndLabel">
					<div class="rulers hide"> </div>
					<div class="dollLabels hide"> </div>
					<div class="planLabels hide"> </div> 
				</div> 
			</div>						 

			<div id="gui-parent">
				<div id="mediaUpOut" class="hide">
					<div id="mediaUp"></div>
				</div>
				<div id="videoPlayer" class="hide">
					<div class="overlay"></div>
					<div class="close icon_close"></div>
				</div>
				<div id='tryPlay'></div>
				<div class="snapshotFlash"></div>
				<div class="reciprocal hide">
					<span></span>
				</div>
				<div id="bottChoseList" class='bottSlideUp hide'>
					<div>
						<ul></ul><ul><li class="cancel">取消</li></ul>
					</div>
				</div> 
				<div id="tourSnap" class="hide">新增导览</div>

				<!-- 询问框 -->
				<div class="dialog_box Box hide">
					<div>
						<div class="icon"></div>
						<div class="tips">
							<div class="title"></div>
							<div class="content"></div>
						</div>
						<div class="buttons">
							<button type="cancel">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>


				<div id="hotspot" class="">
					<div class="staticSpot hide">
						<div class="inside"></div>
						<div class="point"></div>
						<div class="around">
							<div class="iconfont icon_top"></div>
							<div class="iconfont icon_top"></div>
							<div class="iconfont icon_top"></div>
							<div class="iconfont icon_top"></div>
						</div>
					</div>
					<div class="rulers hide"> </div>
					<div class="dollLabels hide"> </div>
					<div class="planLabels hide"> </div>
					<div class="doors hide"> </div>
				</div>
				<div class="snapshotGui overlayGui hide">
					<div class="corner leftTop"></div>
					<div class="corner rightTop"></div>
					<div class="corner leftBott"></div>
					<div class="corner rightBott"></div>
				</div>
				<div id="memory-info" style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
					GPU memory used: <span id="memory-gpu"></span>
				</div>
				<div id="gui-loading" class="message-outer darkGlass2" style="z-index: 888;">
					<div class="message-inner">
						<!-- <div id="circleLoader">
							<div id="loader-cont" title="{[{ LOADING }]}">
								<svg id="svg" width="100" height="100" viewport="0 0 100 100" version="1.1" xmlns="https://www.w3.org/2000/svg">
									<circle id="barBg" r="47" cx="50" cy="50" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
									<circle id="bar" r="47" cx="50" cy="50" transform="rotate(-90 50 50)" fill="transparent" stroke-dasharray="295.30" stroke-dashoffset="295.30" style="stroke-dashoffset : 295.30"></circle>
								</svg>
							</div>
						</div> -->
						<div class="loadingLogo">
							<div class="img">
								<i class="iconfont icon_logo"></i>
							</div>
							<h2 class="model-title">四维看看</h2>
						</div>

						<div id="loadProgress">
							<div class="progressInside"></div>
						</div>
						<!-- <div id="loaderCoBrand" style="display:none">
							<div class="vert-align">
								<p>{[{ PRESENTED_BY_CAPS }]}</p>
								<h2 id="loaderCoBrandName"></h2>
							</div>
						</div> -->
						<div class="bottom-logo">
							<div class="img">
							<i class="iconfont icondkkr"></i>
						  </div>
						</div>
						<div class="specialPower" style="display:none">
							<!-- <span class="powered-by">{[{ POWERED_BY }]}</span>
							&#xA0;<div class="img"></div> -->
						</div>
					</div>
				</div>
				<div id="gui" style="display: none;">
					<div class="pinBottom-container">
						<div class="pinBottom center hide">
							<div id="view-controllers">
								<div id="gui-modes-dollhouse" class="darkGlass">
									<span class="mode">{[{ DOLLHOUSE }]}</span>
								</div>
								<div id="gui-modes-floorplan" class="darkGlass">
									<span class="mode">{[{ FLOOR_PLAN }]}</span>
								</div>
							</div>
						</div>
						<div class="pinBottom zoomPanel hide">
							<div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
								<div class="buttonZoomContent">
									<a>
										<i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
									</a>
								</div>
							</div>
							<div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
								<div class="buttonZoomContent">
									<a>
										<i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="pinBottom left hide">
							<div class="viewContainer">
								<div id="pullTab" class="ui-icon darkGlass">
									<a>
										<i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
									</a>
								</div>
								<div id="previous" class="previous desktop-only ui-icon tour">
									<a>
										<i rel="tooltip" title="{[{ PREVIOUS }]}" class="icon icon-dpad-left"></i>
									</a>
								</div>
								<div id="play" class="ui-icon tour">
									<a>
										<i rel="tooltip" title="{[{ PLAY }]}" class="icon icon-play"></i>
									</a>
								</div>
								<div id="pause" class="ui-icon tour" style="display: none;">
									<a>
										<i rel="tooltip" title="{[{ PAUSE }]}" class="icon icon-pause"></i>
									</a>
								</div>
								<div id="next" class="next desktop-only ui-icon wide tour">
									<a>
										<i rel="tooltip" title="{[{ NEXT }]}" class="icon icon-dpad-right"></i>
									</a>
								</div>
								<div id="gui-modes-inside" class="ui-icon hide">
									<a>
										<i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
									</a>
								</div>
								<div id="gui-modes-outside" class="ui-icon hide">
									<a>
										<i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="pinBottom right hideTarget">
							<div class="rightViewContainer">
								<div class="gui-floor">
									<div class="gui-floor-title"></div>
									<span class="gui-floor-number"></span>
									<i class="icon icon-dpad-up"></i>
									<div class="container"></div>
								</div>
								<!--<div id="vr" class="ui-icon wide hidden">
									<a>
										<i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
									</a>
								</div>
								<div id="sharing" class="ui-icon wide hidden hide">
									<a>
										<i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
									</a>
								</div>-->
								<div id="gui-fullscreen" class="ui-icon wide hide" data-placement="top">
									<a>
										<i rel="tooltip" title="{[{ VIEW_FULLSCREEN }]}" class="icon icon-fullscreen"></i>
									</a>
								</div>
								<div id="gui-fullscreen-exit" class="ui-icon wide hide" data-placement="top" style="display: none;">
									<a>
										<i rel="tooltip" title="{[{ EXIT_FULLSCREEN }]}" class="icon icon-fullscreen-exit"></i>
									</a>
								</div>
								<!-- <div class="pull-right terms terms2">
									<a>{[{ TERMS }]}</a>
								</div> -->
							</div>
						</div>
					</div>
					<div id="drawer-container">
						<div id="drawer" class="fullWidth">
							<div class="frame-container darkGlass">
								<div id="scrollFrame" class="frame">
									<ul id="thumb-container" class="slidee"></ul>
								</div>
								<div class="scrollbar" id="scroller">
									<div class="handle"></div>
								</div>
							</div>
						</div>
						<div id="playHead">
							<div id="status">
								<span class="curIdx">1</span>
								of <span class="totalSteps"></span>
							</div>
							<div id="progressBar"></div>
						</div>
					</div>
					<!-- <div class="footer hide">
						<div class="standard">
							<div class="footer-help">
								<a class="hasHover">{[{ HELP }]}</a>
							</div>
							<div>|</div>
							<div class="footer-terms">
								<a class="hasHover">{[{ 4DAGE_TERMS }]}</a>
							</div>
							<img src="images/glyph.svg"> 
						</div>
						<div class="close">
							<a class="hasHover">{[{ CLOSE }]}</a>
						</div>
					</div> -->
				</div> 
				<div id="gui-spinner" style="display: none;">
					<div class="gui-spinner-icon"></div>
				</div>
				<div class="gui-error message-outer" style="display: none;">
					<div class="message-inner">
						<div class="message-content">
							<div class="error-problem-text"></div>
							<div class="error-solution-text"></div>
							<div class="error-explanation"></div>
							<div class="error-actions"></div>
						</div>
					</div>
				</div>
				<!-- <div id="quick-blackout" class="quick hide"></div> -->
				<div id="quick-logo" class="quick-brand">
					<!-- <img src="images/powered-by-4dage.svg"> -->
				</div>
				<div id="hover-top" class="hover-row"></div>
				<div id="hover-bottom" class="hover-row"></div>
				<div id="call-to-action">
					<div id="pause-overlay">
						<div id="pause-icon">
							<a>
								<i class="icon icon-pause"></i>
							</a>
						</div>
					</div>
					<div id="interaction-modal">
						<div id="interaction-modal-inner">
							<div class="tour-title">
								<span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
								<span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
							</div>
							<div class="interaction left">
								<h2 class="top-info"></h2>
								<img class="big-image">
								<hr>
								<img class="keyboard">
							</div>
							<div class="interaction middle">
								<h2 class="top-info"></h2>
								<img class="big-image">
								<hr>
								<img class="keyboard">
							</div>
							<div class="interaction right">
								<h2 class="top-info"></h2>
								<img class="big-image">
								<hr>
								<img class="keyboard">
							</div>
						</div>
					</div>
				</div>
				<div id="tag-billboards"></div>
			</div>
		</div>
		<!--[if lte IE 9]>
		 <div class="gui-error message-outer">
		 <div class='message-inner'>
		 <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
		 <div class="error-problem-text">浏览器不支持.</div>
		 <div class="error-solution-text">请安装最新版本的浏览器.</div>
		 <div class="error-actions">
		 </div>
		 </div>
		 </div>
		 </div>
		<![endif]-->
	</div>

	<!-- 以上是webgl展示部分，以下是编辑页面部分 -->


	<div class="resultBox hide">
		<!--提示框 -->
		<div>保存成功!</div>
	</div>

	<div class="waiting">
		<div class="spinner">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
		<div class="text">请等待...</div>
	</div>

	<div id="back" class="hide circle"><i class="iconfont icon_back"></i></div>
	<div id="app">
		<div id="map" class="">
			<canvas class="canvas-minmap" id="miniMap" width="100" height="100"></canvas>
			<canvas class="canvas-minmap" id="playMap" width="100" height="100"></canvas>
		</div>
		<header>
			<!-- <a class="btn-left circle"></a> -->
			<div id="j-header-dropdown" href="javascript:;" class="btn-center">
				<i class="typeLogo iconfont  "></i>
				<span id="j-header-scenename">四维看看</span>
				<i id="j-header-arrow"></i>
				<div class="desc">
					<i></i>
					<div>
						<h4 id="j-header-scenetitle"></h4>
						<div id="j-header-scenedesc"></div>
					</div>
				</div>
			</div>
			<a class="btn-right circle save"><i class="iconfont icon_save"></i></a>
		</header>
		<nav>
			<ul>
				<li>
					<span data-type="dollhouse" class="_3d"><i class="icon_3d iconfont"></i></span>
					
					<label>3D</label>
				</li>
				<li>
					<span data-type="floorplan" class="_2d "><i class="icon_2d iconfont"></i></span>
					<label>2D</label>
				</li>
				<li>
					<span data-type="panorama" class="_roam"><i class="icon_tour iconfont"></i></span>
					<label>漫游</label>
				</li>
			</ul>
		</nav>
		<footer>
			<div>
				<!-- 菜单 -->
				<div class="footer-tmpl tmpl-menu">
					<div class="layout">
						<ul>
							<li data-name="information">
								<span class="information"><i class="iconfont icon_information"></i></span>
								<label>场景信息</label>
							</li>
							<li data-name="screen">
								<span class="screen"><i class="iconfont icon_screen"></i></span>
								<label>初始画面</label>
							</li>

							<li data-name="hotpoint.step-1">
								<span class="hotpoint"><i class="iconfont icon_hotpoint"></i></span>
								<label>添加热点</label>
							</li>
							<!-- <li data-name="lock">
							<span class="lock"><i class="iconfont icon_lock"></span>
							<label>隐私权限</label>
						</li> -->
							<li data-name="music">
								<span class="music"><i class="iconfont icon_music"></i></span>
								<label>背景音乐</label>
							</li>
							<li data-name="snapTour.step-1">
								<span class="snapTour"><i class="iconfont icon_auto"></i></span>
								<label>自动导览</label>
							</li>
							<li data-name="sign">
								<span class="sign"><i class="iconfont icon_sign"></i></span>
								<label>地面Logo</label>
							</li>
							<li data-name="wallDesign" class="hide">
								<span class="wallDesign"><i class="iconfont icon_edit"></i></span>
								<label>修整模型</label>
							</li>
							<!-- <li data-name="hotVisible">
								<span class="hotVisible"><i class="iconfont icon_eye"></i></span>
								<label>热点可视</label>
							</li>
							<li data-name="panoVisible">
								<span class="panoVisible"><i class="iconfont icon_walk"></i></span>
								<label>漫游可行</label>
							</li> -->

						</ul>
					</div>
				</div>
				<div class="footer-tmpl tmpl-hotEdit buttons" style="display: none">
					<div class="layout">
						<div class="buttons">
							<button type="delete">删除</button>
							<button type="change">修改</button>
						</div>
					</div>
				</div>
		
		
				<!-- 编辑模型 -->
				
				<div class="footer-tmpl tmpl-wallDesign" data-layout="" style="display: none">
					<div class="layout" data-type="main"> 
					 
					
						<div id="objProp" class="hide">
							<div id="objWidth">
								<div class="title">门宽度</div>
								<div class="scrollCon">
									<div class="hasValue"></div> 
								</div>
								<button class="rectBtn" attr-type="del">删除</button>	
							</div>
							<div id="objHeightOrDepth">
								<div class="title">门高度</div>
								<div class="scrollCon">
									<div class="hasValue"></div> 
								</div>
								<button class="rectBtn" attr-type="done">确定</button>	
							</div>
						</div> 
					
						<div id="lineProp" class='hide'>
							<ul class="chose" id="architecture">
								<li attr-type="door">
									<div><i class="iconfont icon_door"></i></div><span>门</span>
								</li>
								<li attr-type="window">
									<div><i class="iconfont icon_window"></i></div><span>窗户</span>
								</li>
								<li attr-type="column">
									<div><i class="iconfont icon_column"></i></div><span>柱子</span>
								</li>
								<li attr-type="point">
									<div><i class="iconfont icon_point"></i></div><span>点</span>
								</li>
							</ul>
							<button class="rectBtn">确定</button>
						</div> 
						<div id="houseHeight"> 
							<div>
								<div class="title"> 地面高度 </div> 
								<div class="scrollCon">
									<div id="floorHeight" class="hasValue"></div>
								</div> 
							</div> 
							<div> 
								<div class="title"> 屋顶高度 </div> 
								<div class="scrollCon">
									<div id="ceilHeight" class="hasValue"></div>
								</div>  
							</div> 
						</div>
						<div id="roomList" class='hide'>
							<div class="swiper-container room-preview-rooms"> 
								<div class="swiper-wrapper">
								</div>
								<div class="swiper-scrollbar room-preview-rooms-scrollbar"></div>
							</div>  
						</div>	
						<div class="buttons" data-name="wallDesign">
							<button type="button">返回主界面</button>
							<button type="submit" class="unable">保存</button>
						</div>
					</div>
					
					<div class="layout hide" id="roomProp">  
						<div>
							<div>
								<div class="title">房间名字</div>
								<div class='name'>
									<input id="roomName" spellcheck="false" class="right" type="text" minlength="1" maxlength="15" placeholder="限15字" >
								</div>
								<div class="tip">限定15字以内</div>
							</div>
							<div>
								<div class="title">显示名称</div>
								<div class="switch" data-name="nameDisplay"><div></div></div> 
								<div class="title">显示面积</div>
								<div class="switch" data-name="areaDisplay"><div></div></div>
							</div>
						</div> 
						<div> 
							<div id="localBottom">
								<div class="title"> 房间地面 </div> 
								<div class="scrollCon">
									<div id="roomFloorHeight" class="hasValue"></div>
								</div> 
							</div> 
							<div id="localTop"> 
								<div class="title"> 房间屋顶 </div> 
								<div class="scrollCon">
									<div id="roomCeilHeight" class="hasValue"></div>
								</div>  
							</div> 
						</div>
						 
						<div class="buttons"> 
							<button type="submit">确定</button>
						</div>
						
					</div>  
					
				</div> 
		
		
				<!-- 热点 -->
				<div class="footer-tmpl tmpl-hotpoint step-1" style="display: none">
					<div class="layout">
						<div class="tips center">选择热点，将上方热点对准所需标记的位置</div>
						<div class="icons swiper-container">
							<div class="swiper-wrapper"> </div>
						</div>
						<div class="buttons" data-name="hotpoint.step-1">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
				<!-- 热点步奏2 -->
				<div class="footer-tmpl tmpl-hotpoint step-2" data-layout="" style="display: none">
					<div class="layout">
						<div class="tips center">拖动滑块、根据绿色阴影调整热点位置</div>
						<div class="slideCtrl"> </div>
						<div class="buttons" data-name="hotpoint.step-2" data-next="">
							<button type="preStep">上一步</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
				<!-- 热点步奏3 -->
				<div class="footer-tmpl tmpl-hotpoint step-3" style="display: none">
					<div class="layout">
						<div class="tips">标题</div>
						<div class="word">
							<input class="title" type="text" placeholder="请输入您的标题" maxlength="15">
							<div class="warn hide">请添加标题（15字以内）</div>
						</div>
						<!-- <textarea class="desc" placeholder="请输入您的简介" maxlength="200"></textarea> -->
						<div class="tips">内容简介</div>
						<div class="textArea desc" contenteditable="true" placeholder="请输入您的简介" maxlength="200"></div>

						<div class="tips">添加链接</div>
						<div class="link">
							<input class="text" type="text" placeholder="添加链接文本" maxlength="40">
							<input class="url" type="text" placeholder="添加链接地址" maxlength="500">
							<a class="submit">添加</a>
							<a class="button">取消</a>
						</div>

						<div class="tips">添加图片</div>
						<div class="photo">
							<input id="spot_photo" class="mediaInput" type="file" style="display:none" accept="image/*">
							<div for="spot_photo" class="preview">
								添加图片
							</div>
							<!-- <a class="del hide"></a> -->
						</div>

						<div class="tips">添加音频</div>
						<div class="audio">
							<div class="textArea">无</div>
							<a class="submit">上传音频</a>
						</div>

						<div class="tips">添加视频</div>
						<div class="video">
							<input id="spot_video" class="mediaInput" type="file" style="display:none" accept="video/*">
							<div for="spot_video" class="preview">
								<!-- <div class="playBtn"><span></span></div>  -->
								<span class='text'>添加视频</span>
							</div>
							<!-- <a class="del hide"></a> -->
						</div>
						<div class="buttons whiteBG" data-name="hotpoint.step-3">
							<span class="tips hide" style="padding-top: 0; display:block; line-height: 0.8rem;">旧版热点仅能修改展示信息，无法修改位置</span>
							<button type="button" class="hide">取消</button>
							<button type="preStep">上一步</button>
							<button type="submit">保存</button>
						</div>
					</div>
				</div>
				<!-- 初始画面 -->
				<div class="footer-tmpl tmpl-screen" style="display: none">
					<div class="layout">
						<div class="tips center">移动屏幕,点击确定选择您的初始画面</div>
						<div class="buttons" data-name="screen">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
			 
				<!-- 场景信息 -->
				<div class="footer-tmpl tmpl-information" style="display: none">
					<div class="layout">
						<div class="tips">填写您项目的场景信息</div> 
						<div class="word">
							<input class="title" type="text" placeholder="请输入您的标题" maxlength="15" spellcheck="false">
							<div class="warn hide">请添加标题（15字以内）</div>
						</div>  
						<!-- <textarea class="desc" placeholder="请输入简介" maxlength="200"></textarea> -->
						<div contenteditable="true" placeholder="请输入简介" class="desc" maxlength="200"></div>
						<div class="link">
							<input class="text" type="text" placeholder="添加链接文本" maxlength="40">
							<input class="url" type="text" placeholder="添加链接地址" maxlength="500">
							<a class="submit">添加</a>
							<a class="button">取消</a>
						</div>
						<!-- <div class="limit">(&nbsp;
						<label>0</label>/200&nbsp;)</div> -->
						<div class="tips">请选择分类</div>
						<div class="categorys">
						</div>
						<div class="lock">
							<div>
								<div class="tips">隐私权限</div>
								<div class="switch">
									<div></div>
								</div>
							</div>
							<div class="word" style='opacity:0; pointer-events:none'>
								<input type="text" maxlength="4" placeholder="4位数字或字母">
								<!--4位字母或数字 -->
								<div class="warn hide">请输入4位数的密码</div>
							</div>
						</div>
						<div class="buttons" data-name="information">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
				 
				
				<!-- 选择音乐 -->
				<div class="footer-tmpl tmpl-music" style="display: none">
					<div class="layout">
						<div class="tips">选择音乐
							<span class="right">无音乐</span>
						</div>
						<ul class="chose"></ul>
						<div class="buttons" data-name="music">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
				<!-- 地面标志 -->
				<div class="footer-tmpl tmpl-sign" style="display: none">
					<img class="icon">
					<div class="layout">
						<div class="tips">
							标志样式
							<span class="right">修改</span>
						</div>
						<ul class="chose">
							<li><span></span></li>
							<li><span></span></li>
							<li><span></span></li>
							<li><span></span></li>
						</ul>
						<div class="clear"></div>
						<div class="size">
							<span>标志大小</span>
							<div id="floorLogoSize"> </div>
						</div>
						<div class="buttons" data-name="sign">
							<button type="button" @click="close">取消</button>
							<button type="submit" @click="save">确定</button>
						</div>
					</div>
				</div>
				<!-- 热点可视 -->
				<div class="footer-tmpl tmpl-hotVisible" style="display: none">
					<div class="layout">
						<div class="tips center"> 点击选择要设置的热点</div>
						<div class="buttons" data-name="hotVisible">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>

				<div class="footer-tmpl tmpl-panoVisible" style="display: none">
					<div class="layout">
						<div class="tips center">点击漫游点可以设置和中心漫游点是否通行</div>
						<div class="buttons" data-name="panoVisible">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>


				<!-- 录制 -->
				<div class="footer-tmpl tmpl-snapTour step-1" style="display: none">
					<div class="layout">
						<div class="tips center">点击确定开始录制导览</div>
						<div class="buttons" data-name="snapTour.step-1">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>

				<div class="footer-tmpl tmpl-snapTour step-2" style="display: none">
					<div class="layout">
						<div class="tips center"><i></i><span class="times">00:00</span></div>
						<div class="buttons" data-name="snapTour.step-2">
							<button type="button">取消</button>
							<button type="submit">完成录制</button>
						</div>
					</div>
				</div>

				<!-- 删除 -->
				<div class="footer-tmpl tmpl-delete" style="display: none">
					<div class="layout">
						<div class="tips center"></div>
						<small class="tips center">（该场景数据将被删除，不可恢复。）</small>
						<div class="buttons" data-name="delete">
							<button type="button">取消</button>
							<button type="submit">确定</button>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- 隐私权限 -->
		<div class="footer-tmpl tmpl-lock Box" style="display: none">
			<div>
				<div class="icon"></div>
				<div class="psd">
					<input type="text" maxlength="4">
					<ul>
						<!-- <li><input type="text" maxlength="1" ></li>
						<li><input type="text" maxlength="1"></li>
						<li><input type="text" maxlength="1"></li>
						<li><input type="text" maxlength="1"></li> -->
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="tips">请设置您的加密密码</div>
				<div class="buttons" data-name="lock">
					<button type="cancelPsd">取消加密</button>
					<button type="submit">确定</button>
				</div>
			</div>
		</div>
	</div>
	 
	<script src="static/lib/flexible.min.js"></script> 
	<script src="static/lib/exif.min.js"></script>
	<script id='recordJS'></script> 
	<script> 
		//手机端是微信才使用网页录音
		if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){
			$("#recordJS")[0].src = 'static/lib/record/index.js';
		}
		
		 
	</script> 
	 
	
	<script src="static/lib/autoLogin.js"></script>  <!-- 防止掉线 --> 
	
	<script src="static/js/editApp.js"></script>   
	
	
	<script> 
			  

		//function start() {
			var app = new App('0mVvxHHT');
			console.log('开始测试！');
			//app.start();
		//}
		 
	 
	</script>  


	<script src="static/lib/swiper-4.3.5.min.js"></script>
	<script src="static/lib/jroll.2.6.5.min.js"></script>
	
    <script src="static/lib/cropper.min.js"></script>
	 
	<script src="static/lib/wangEditorV2.min.js"></script>
	<script src="static/lib/howler.min.js" class="build keep"></script>
	 
	<!-- <script src="static/lib/qiniu.js"></script>
	<script src="static/lib/7niuUpload.js"></script>   -->
	
	 
</body>

</html>