Home Explore Help
Register Sign In
3DFurniture
/
front_end
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
front_end
/
index.html

index.html 54 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="fr">
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta charset="utf-8" />
    6. 

  6. 	<title>四维时代</title>
    7. 

  7. 	<meta http-equiv="content-type" content="text/html; charset=UTF8" />
    8. 

  8. 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    9. 

  9. 	<link rel="stylesheet" href="css/wanaplan.min.css" />
    10. 

  10. 

  11. 	<style>
    12. 

  12. 		.notFound {                
    13. 

  13.     		text-align:center;                
    14. 

  14.     		font-size:18px;                
    15. 

  15.     		width:100%;                
    16. 

  16.     		margin-top:100px;                
    17. 

  17.     		margin-left: 50px;            
    18. 

  18.     		}            
    19. 

  19.     	div.planItem {                
    20. 

  20.     		cursor : pointer;                
    21. 

  21.     		background:#fafafa;                
    22. 

  22.     		margin:10px;                
    23. 

  23.     		border:1px solid #CCC;                
    24. 

  24.     		position: relative;            
    25. 

  25.     		}            
    26. 

  26.     	div.planItem img {               
    27. 

  27.     		 width:288px            
    28. 

  28.     		 }            
    29. 

  29.     	div.planItem p {                
    30. 

  30.     		border-top:1px solid #CCC;                
    31. 

  31.     		padding: 5px;                
    32. 

  32.     		margin: 0px;                
    33. 

  33.     		color: #333;                
    34. 

  34.     		background: #FFF;            
    35. 

  35.     		}            
    36. 

  36.     	div.planItem div.toolbarPlan {                
    37. 

  37.     		display: none;                
    38. 

  38.     		background: #CCC;                
    39. 

  39.     		position: absolute;                
    40. 

  40.     		right: 0px;                
    41. 

  41.     		top: 0px;                
    42. 

  42.     		color: #222;                
    43. 

  43.     		opacity: 0.9;                
    44. 

  44.     		z-index: 9999;            
    45. 

  45.     		}             
    46. 

  46.     	div.planItem div.toolbarPlan .fa {                
    47. 

  47.     		padding: 5px;            
    48. 

  48.     	  }            
    49. 

  49.     	div.planItem div.toolbarPlan .fa-times {                
    50. 

  50.     		padding-left: 15px;            
    51. 

  51.     		}            
    52. 

  52.     	div.planItem:hover div.toolbarPlan {                
    53. 

  53.     		display: block;            
    54. 

  54.     		}            
    55. 

  55.     	div.planItem div.overall{                
    56. 

  56.     		background: #222;                
    57. 

  57.     		opacity: 0.8;                
    58. 

  58.     		width:100%;                
    59. 

  59.     		height:100%;                
    60. 

  60.     		color:#FFF;                
    61. 

  61.     		top: 0px;                
    62. 

  62.     		position:absolute;                
    63. 

  63.     		text-align:center;                
    64. 

  64.     		vertical-align:middle;            
    65. 

  65.     		}            
    66. 

  66.     	div.planItem div.editForm{                
    67. 

  67.     		width:100%;                
    68. 

  68.     		height:100%;                
    69. 

  69.     		color:#FFF;                
    70. 

  70.     		top: 60px;                
    71. 

  71.     		position:absolute;                
    72. 

  72.     		text-align:center;                
    73. 

  73.     		vertical-align:middle;            
    74. 

  74.     		}            
    75. 

  75.     	div.planItem .editPlanInput{                
    76. 

  76.     		height:30px;                
    77. 

  77.     		width:90%;                
    78. 

  78.     		font-size: 15px;                
    79. 

  79.     		border: 1px solid #999;            
    80. 

  80.     		}            
    81. 

  81.     	div.planItem div.overall span{                
    82. 

  82.     		font-size:16px;            
    83. 

  83.     		}            
    84. 

  84.     	div.planItem .overall-cercle{                
    85. 

  85.     		opacity: 1;                
    86. 

  86.     		padding-left: 0;                
    87. 

  87.     		padding-right: 0;                
    88. 

  88.     		margin-left: auto;               
    89. 

  89.     		margin-right: auto;                
    90. 

  90.     		bottom: 25px;                
    91. 

  91.     		width:100%;                
    92. 

  92.     		position:absolute;            
    93. 

  93.     		}            
    94. 

  94.     	div.planItem div.editForm .window-action-bar{                
    95. 

  95.     		margin-top:10px;                
    96. 

  96.     		text-align: right;            
    97. 

  97.     		}        
    98. 

  98.     		</style>
    99. 

  99. </head>
    100. 

  100. 

  101. <body>
    102. 

  102. 	<img src='images/pattern.png' style='display:none' id='imgWall' />
    103. 

  103. 	<img src='images/pattern_tmp.png' style='display:none' id='imgTempWall' />
    104. 

  104. 	<img src='images/grid2.jpg' style='display:none' id='img' />
    105. 

  105. 	<div id="subMenuContainer">
    106. 

  106. 		<div id="subMenu">
    107. 

  107. 			<ul id="subMenuList">
    108. 

  108. 				<li class="menu-item hidden" id="lock-icon"><span class="menu-icon"><i class="fa fa-unlock"></i></span><span class="menu-title">锁/解锁</span></li>
    109. 

  109. 				<!--
    110. 

  110.      <li class="menu-item" id="item25"><span class="menu-icon"><i class="fa fa-reply"></i></span><span class="menu-title">Undo</span></li>
    111. 

  111.      <li class="menu-item" id="item26"><span class="menu-icon"><i class="fa fa-share"></i></span><span class="menu-title">Redo</span></li>
    112. 

  112.      -->
    113. 

  113. 				<li class="menu-item hidden" id="transparencyButton"><span class="menu-icon"><img src="images/icon-transparency.png" /></span><span
    114. 

  114. 					 class="menu-title">墙体透明</span></li>
    115. 

  115. 				<li class="menu-item" id="toolbarScreenshot"><span class="menu-icon"><i class="fa fa-camera"></i></span><span class="menu-title">拍照</span></li>
    116. 

  116. 				<li class="menu-item" id="fullscreen-btn"><span class="menu-icon"><i class="fa fa-arrows-alt"></i></span><span
    117. 

  117. 					 class="menu-title">全屏</span></li>
    118. 

  118. 			</ul>
    119. 

  119. 		</div>
    120. 

  120. 	</div>
    121. 

  121. 	<section id="main-ui" class="show">
    122. 

  122. 		<div id="toolbar">
    123. 

  123. 			<div id="toolbar-bar">
    124. 

  124. 				<ul id="toolbarMenu">
    125. 

  125. 					<li class="menu-item" id="toolbarNew"><span class="menu-icon"><i class="fa fa-file"></i></span><span class="menu-title">新建</span></li>
    126. 

  126. 					<li class="menu-item" id="toolbarSave"><span class="menu-icon"><img src="images/save_icon.png" /></span><span
    127. 

  127. 						 class="menu-title">保存</span></li>
    128. 

  128. 					<li class="menu-item menu-subitem" id="toolbarOption"><span class="menu-icon"><i class="fa fa-cog"></i></span><span
    129. 

  129. 						 class="menu-title">配置</span>
    130. 

  130. 						<ul class="undefined">
    131. 

  131. 							<li class="menu-item" id="item27"><span class="menu-title">Increase performances</span></li>
    132. 

  132. 							<li class="menu-item" id="2D-options"><span class="menu-title">2D options</span></li>
    133. 

  133. 							<li class="menu-item" id="toolbarChangeLanguage"><span class="menu-title">Change language</span></li>
    134. 

  134. 							<li class="menu-item" id="item19"><span class="menu-title">
    135. 

  135. 									<hr /></span></li>
    136. 

  136. 							<li class="menu-item" id="toolbarAbout"><span class="menu-title">About Wanaplan</span></li>
    137. 

  137. 						</ul>
    138. 

  138. 					</li>
    139. 

  139. 					<li class="menu-item menu-subitem" id="userOption"><span class="menu-icon"><i class="fa fa-user"></i></span><span
    140. 

  140. 						 class="menu-title">用户</span>
    141. 

  141. 						<ul class="undefined">
    142. 

  142. 							<li class="menu-item" id="user"><span class="menu-title">login</span></li>
    143. 

  143. 						</ul>
    144. 

  144. 					</li>
    145. 

  145. 				</ul>
    146. 

  146. 			</div>
    147. 

  147. 		</div>
    148. 

  148. 		<section id="mainMenu">
    149. 

  149. 			<div id="mainMenuTabsContainer">
    150. 

  150. 				<ul id="mainMenuTabs">
    151. 

  151. 					<li class="menu-item label-2D selected" id="draw2D"><span class="menu-icon"><img src="images/dessiner.png" /></span><span
    152. 

  152. 						 class="menu-title">设计</span></li>
    153. 

  153. 					<li class="menu-item label-3D" id="furnishing3D"><span class="menu-icon"><img src="images/meubler.png" /></span><span
    154. 

  154. 						 class="menu-title">家具</span></li>
    155. 

  155. 					<li class="menu-item label-3D" id="decorate3D"><span class="menu-icon"><img src="images/decorer.png" /></span><span
    156. 

  156. 						 class="menu-title">装修</span></li>
    157. 

  157. 				</ul>
    158. 

  158. 			</div>
    159. 

  159. 			<h3 id="mainMenuTitle">绘图</h3>
    160. 

  160. 			<div id="mainMenuContent">
    161. 

  161. 				<ul id="mainMenuContentList" class="mainList layout-list">
    162. 

  162. 

  163. 				</ul>
    164. 

  164. 			</div>
    165. 

  165. 		</section>
    166. 

  166. 	</section>
    167. 

  167. 	<!-- Splashscreen -->
    168. 

  168. 	<div style="display: none;" id="splashscreen">
    169. 

  169. 		<div id="custom-splash" style="display:none" class="splash-text">
    170. 

  170. 			<img src="images/3D.png" style="width:50px;vertical-align:-20px;" /> Kazaplan
    171. 

  171. 			<div class="splash-bar">
    172. 

  172. 				<div style="animation-duration: 1s;" class="splash-bar-inner"></div>
    173. 

  173. 			</div>
    174. 

  174. 			<a style="color:black;display:block;text-decoration:none;margin:20px 0 0 0;text-align:right;font-size:14px" href="http://www.wanadev.com">
    175. 

  175. 				by <span style="color:#07656D">Wana</span><span style="color:black">dev</span> </a>
    176. 

  176. 		</div>
    177. 

  177. 		<div id="stock-splash" style="display: block;" class="splash-text">
    178. 

  178. 			<img src="images/wanaplan-logo.png" style="width:50px;vertical-align:-15px;" /> Wanaplan
    179. 

  179. 			<div class="splash-bar">
    180. 

  180. 				<div style="animation-duration: 1s;" class="splash-bar-inner"></div>
    181. 

  181. 			</div>
    182. 

  182. 		</div>
    183. 

  183. 	</div>
    184. 

  184. 	<!-- Screenshot Flash -->
    185. 

  185. 	<div style="display: none;" id="screenshot-flash"></div>
    186. 

  186. 	<!-- Help Bubble -->
    187. 

  187. 	<div id="helpbubble" class="">
    188. 

  188. 		<div id="helpbubble-close" class="close"></div>
    189. 

  189. 		<div class="wrapper">
    190. 

  190. 			<div class="image">
    191. 

  191. 				<img src="" alt="" id="helpbubble-image" />
    192. 

  192. 			</div>
    193. 

  193. 			<div id="helpbubble-content" class="content"></div>
    194. 

  194. 		</div>
    195. 

  195. 	</div>
    196. 

  196. 	<!-- Debug view -->
    197. 

  197. 	<div id="debugArea"></div>
    198. 

  198. 	<!-- Plan2D Area -->
    199. 

  199. 	<div style="display:block;z-index: -10;" class="drawableSurface with-menu" id="container2d">
    200. 

  200. 		<canvas height="413" width="1180" id="backgroundcanvas2d" style="position: absolute; z-index: 0"></canvas>
    201. 

  201. 		<canvas height="413" width="1180" id="selectcanvas2d" style="position: absolute; z-index: 2"></canvas>
    202. 

  202. 		<canvas height="413" width="1180" id="dynamiccanvas2d" style="position: absolute; z-index: 1 ; opacity: 1;"></canvas>
    203. 

  203. 	</div>
    204. 

  204. 	<!-- Plan3D Area -->
    205. 

  205. 	<div style="display:none" class="drawableSurface with-menu" id="container3d">
    206. 

  206. 		<canvas height="413" width="1180" id="canvas3d"></canvas>
    207. 

  207. 	</div>
    208. 

  208. 	<div id="waiter" class="hidden">
    209. 

  209. 		Computing, please wait...
    210. 

  210. 	</div>
    211. 

  211. 	<section id="modalWidgets">
    212. 

  212. 		<div class="window window-with-button" id="aboutWindow" style="display: none; position: absolute; top: 96.5px; left: 476.5px;">
    213. 

  213. 			<header class="window-title">
    214. 

  214. 				<span class="window-close">
    215. 

  215. 				</span>
    216. 

  216. 				<h1>关于四维时代</h1>
    217. 

  217. 			</header>
    218. 

  218. 			<div class="window-content">
    219. 

  219. 				<div class="tabbed horizontal">
    220. 

  220. 					<ul class="tabbed-tabs">
    221. 

  221. 						<li rel="tab-0" class="active">
    222. 

  222. 							<span class="tab-text">关于</span>
    223. 

  223. 						</li>
    224. 

  224. 						<li rel="tab-1" class="">
    225. 

  225. 							<span class="tab-text">Credits</span>
    226. 

  226. 						</li>
    227. 

  227. 					</ul>
    228. 

  228. 					<div class="tabbed-tabcontent">
    229. 

  229. 						<section class="tab-content-0 active">
    230. 

  230. 							<div style="width: 432px; text-align: center;">
    231. 

  231. 								<img src="./images/wanaplan-logo.png" alt="Wanaplan">
    232. 

  232. 							</div>
    233. 

  233. 							<div style="text-align: center; font-size: 16pt; font-weight: bold; margin-top: 15px; color: #333;">四维时代家具展示</div>
    234. 

  234. 							<div style="text-align: center; margin-top: 30px; color: #555;">版权归四维时代所有
    235. 

  235. 							</div>
    236. 

  236. 							<div style="text-align: center; margin-top: 10px;">
    237. 

  237. 								<a href="http://www.4dage.com/" target="_blank">www.4dage.com</a>
    238. 

  238. 							</div>
    239. 

  239. 						</section>
    240. 

  240. 						<section class="tab-content-1">
    241. 

  241. 							<div class="scrollable-content" style="width: 410px; max-height: 300px; min-height: 100px; font-size: 9pt;">
    242. 

  242. 								<ul>
    243. 

  243. 									<li>
    244. 

  244. 										<strong>"seamless" textures:</strong>
    245. 

  245. 										<dl>
    246. 

  246. 											<dt>Author:</dt>
    247. 

  247. 											<dd>~hhh316 Giles</dd>
    248. 

  248. 											<dt>License:</dt>
    249. 

  249. 											<dd>cc-by 3.0</dd>
    250. 

  250. 											<dt>Downloaded from:</dt>
    251. 

  251. 											<dd><a href="http://seamless-pixels.blogspot.fr/"> http://seamless-pixels.blogspot.fr/</a></dd>
    252. 

  252. 										</dl>
    253. 

  253. 									</li>
    254. 

  254. 									<li>
    255. 

  255. 										<strong>Babylonjs engine:</strong>
    256. 

  256. 										<dl>
    257. 

  257. 											<dt>Authors:</dt>
    258. 

  258. 											<dd>David Catuhe &amp; David Rousset</dd>
    259. 

  259. 											<dt>Licence:</dt>
    260. 

  260. 											<dd>Apache License 2.0</dd>
    261. 

  261. 											<dt>Homepage:</dt>
    262. 

  262. 											<dd><a href="http://www.babylonjs.com">http://www.babylonjs.com</a></dd>
    263. 

  263. 										</dl>
    264. 

  264. 									</li>
    265. 

  265. 								</ul>
    266. 

  266. 							</div>
    267. 

  267. 						</section>
    268. 

  268. 					</div>
    269. 

  269. 				</div>
    270. 

  270. 			</div>
    271. 

  271. 			<div class="window-action-bar">
    272. 

  272. 				<button rel="">关闭</button>
    273. 

  273. 			</div>
    274. 

  274. 		</div>
    275. 

  275. 		<div style="position: absolute; top: 50px; left: 10px; height: 300px; width: 50px;">
    276. 

  276. 			<div style="width: 50px; height: 210px; position: relative; background-image: url(&quot;images/remote-controller/bg.png&quot;);"
    277. 

  277. 			 id="remoteController">
    278. 

  278. 				<div style="width:20px;height:150px;position:absolute;top:57px;left:15px;">
    279. 

  279. 					<div style="width: 20px; height: 7px; background: none repeat scroll 0% 0% rgb(138, 184, 8); border-radius: 2px; cursor: pointer; border: 1px solid rgb(110, 145, 15); margin-top: 85px;"
    280. 

  280. 					 id="mark"></div>
    281. 

  281. 				</div>
    282. 

  282. 				<div style="width: 18px; height: 18px; position: absolute; background-size: cover; top: 16px; left: 16px; border-radius: 7px; display: none; background-image: url(&quot;images/remote-controller/green_man.png&quot;);"
    283. 

  283. 				 id="camera-swap-btn"></div>
    284. 

  284. 				<div style="width:50px;height:50px;cursor:pointer;position:absolute;"></div>
    285. 

  285. 			</div>
    286. 

  286. 		</div>
    287. 

  287. 		<div class="window" id="productList" style="width: 1062px; height: 652.666666666667px; display: none; position: absolute; top: 1.16666666666669px; left: 265.5px;">
    288. 

  288. 			<header class="window-title" id="addModelTitle"><span class="window-close" id="closeproduct"></span>
    289. 

  289. 				<h1><img class="window-title-icon" src="images/productIconTitle.png"><span class="window-title-text">产品列表 &gt; 卧室</span></h1>
    290. 

  290. 			</header>
    291. 

  291. 			<div class="window-content">
    292. 

  292. 				<div class="tabbed vertical">
    293. 

  293. 					<ul class="tabbed-tabs">
    294. 

  294. 						<li rel="tab-0">
    295. 

  295. 							<span class="tab-text"></span>
    296. 

  296. 						</li>
    297. 

  297. 						<li rel="tab-1" class="active">
    298. 

  298. 							<span class="tab-text">所有</span>
    299. 

  299. 						</li>
    300. 

  300. 					</ul>
    301. 

  301. 					<div class="tabbed-tabcontent">
    302. 

  302. 						<section class="tab-content-1 active">
    303. 

  303. 							<div id="productItems">
    304. 

  304. 

  305. 							</div>
    306. 

  306. 						</section>
    307. 

  307. 					</div>
    308. 

  308. 				</div>
    309. 

  309. 			</div>
    310. 

  310. 			<div class="window-action-bar">
    311. 

  311. 			</div>
    312. 

  312. 		</div>
    313. 

  313. 

  314. 		<div class="window window-with-button horizontal" id="editFloor" style="width: 420px; height: 205px; display: none; top: -206px; left: -3px; margin-top: 300px; margin-left: 200px;">
    315. 

  315. 			<div class="window-title" id="addfloorTitle"><span class="window-close"></span>
    316. 

  316. 				<h1>添加楼层</h1>
    317. 

  317. 			</div>
    318. 

  318. 

  319. 			<div class="photonui-container photonui-window-content photonui-container-expand-child-horizontal" style="width: 350px; height: 130px; min-width: 0px; min-height: 0px; padding: 0px;">
    320. 

  320. 				<div class="photonui-widget photonui-boxlayout photonui-layout-orientation-vertical" id="widget-e12b4e6c-cbc2-4592-8d89-511bf47fbf9c"
    321. 

  321. 				 style="padding: 5px;">
    322. 

  322. 					<div class="photonui-container photonui-boxlayout-item photonui-layout-align-stretch" style="margin-bottom: 5px;">
    323. 

  323. 						<label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-645b3d66-1700-453f-ad37-b41d2031d8ad"
    324. 

  324. 						 style="text-align: left;">下面的元素将被复制</label>
    325. 

  325. 					</div>
    326. 

  326. 					<div class="photonui-container photonui-boxlayout-item photonui-layout-align-stretch">
    327. 

  327. 						<div class="photonui-widget photonui-gridlayout" id="widget-24fe82d8-f9b2-4cf7-936e-ffb435753bcf">
    328. 

  328. 							<table>
    329. 

  329. 								<tbody>
    330. 

  330. 									<tr>
    331. 

  331. 										<td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
    332. 

  332. 										 style="padding-right: 5px; padding-bottom: 5px;">
    333. 

  333. 											<div class="photonui-container photonui-gridlayout-wrapper">
    334. 

  334. 												<div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_walls">
    335. 

  335. 													<input type="checkbox" name="wnp-floor-controller_walls" id="wnp-floor-controller_walls-input">
    336. 

  336. 													<span tabindex="0"></span>
    337. 

  337. 												</div>
    338. 

  338. 											</div>
    339. 

  339. 										</td>
    340. 

  340. 										<td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
    341. 

  341. 										 style="padding-right: 5px; padding-bottom: 5px;">
    342. 

  342. 											<div class="photonui-container photonui-gridlayout-wrapper">
    343. 

  343. 												<label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-130b3f6d-94e8-4cf0-b37f-57d87809af35"
    344. 

  344. 												 style="text-align: left;">Walls</label>
    345. 

  345. 											</div>
    346. 

  346. 										</td>
    347. 

  347. 									</tr>
    348. 

  348. 									<tr>
    349. 

  349. 										<td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
    350. 

  350. 										 style="padding-right: 5px; padding-bottom: 5px;">
    351. 

  351. 											<div class="photonui-container photonui-gridlayout-wrapper">
    352. 

  352. 												<div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_overtures">
    353. 

  353. 													<input type="checkbox" name="wnp-floor-controller_overtures" id="wnp-floor-controller_overtures-input">
    354. 

  354. 													<span tabindex="0"></span>
    355. 

  355. 												</div>
    356. 

  356. 											</div>
    357. 

  357. 										</td>
    358. 

  358. 										<td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
    359. 

  359. 										 style="padding-right: 5px; padding-bottom: 5px;">
    360. 

  360. 											<div class="photonui-container photonui-gridlayout-wrapper">
    361. 

  361. 												<label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-1f2cc0c1-7cb3-4901-bcba-6fee502530f3"
    362. 

  362. 												 style="text-align: left;">Doors &amp; Windows</label>
    363. 

  363. 											</div>
    364. 

  364. 										</td>
    365. 

  365. 									</tr>
    366. 

  366. 									<tr>
    367. 

  367. 										<td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
    368. 

  368. 										 style="padding-right: 5px; padding-bottom: 5px;">
    369. 

  369. 											<div class="photonui-container photonui-gridlayout-wrapper">
    370. 

  370. 												<div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_stairways">
    371. 

  371. 													<input type="checkbox" name="wnp-floor-controller_stairways" id="wnp-floor-controller_stairways-input">
    372. 

  372. 													<span tabindex="0"></span>
    373. 

  373. 												</div>
    374. 

  374. 											</div>
    375. 

  375. 										</td>
    376. 

  376. 										<td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
    377. 

  377. 										 style="padding-right: 5px; padding-bottom: 5px;">
    378. 

  378. 											<div class="photonui-container photonui-gridlayout-wrapper">
    379. 

  379. 												<label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-4a4985d1-8ed2-425f-8728-43cb578e3b4f"
    380. 

  380. 												 style="text-align: left;">Stairways</label>
    381. 

  381. 											</div>
    382. 

  382. 										</td>
    383. 

  383. 									</tr>
    384. 

  384. 								</tbody>
    385. 

  385. 							</table>
    386. 

  386. 						</div>
    387. 

  387. 					</div>
    388. 

  388. 				</div>
    389. 

  389. 			</div>
    390. 

  390. 

  391. 			<div class="photonui-dialog-buttons">
    392. 

  392. 				<button class="photonui-widget photonui-button">
    393. 

  393. 					<span class="photonui-button-text" id="widget-cancelfloor">取消</span>
    394. 

  394. 				</button>
    395. 

  395. 				<button class="photonui-widget photonui-button photonui-button-color-green">
    396. 

  396. 					<span class="photonui-button-text" id="widget-createfloor">创建</span>
    397. 

  397. 				</button>
    398. 

  398. 			</div>
    399. 

  399. 		</div>
    400. 

  400. 

  401. 		<div class="window window-with-button horizontal" id="configuratorWindow" style="width: 420px; height: 425px; display: none; top: 70px; left: 1346px;margin-top: 300px;margin-left: 200px;">
    402. 

  402. 			<div class="window-title" id="editproducttitle"><span class="window-close"></span>
    403. 

  403. 				<h1>产品编辑界面</h1>
    404. 

  404. 			</div>
    405. 

  405. 

  406. 			<div class="window-content">
    407. 

  407. 				<div class="tabbed horizontal">
    408. 

  408. 					<ul class="tabbed-tabs">
    409. 

  409. 						<li rel="tab-0" class="active" id="editsize"><span class="tab-text">大小设置</span></li>
    410. 

  410. 						<li rel="tab-1" class="" id="editptrot"><span class="tab-text">位置和角度</span></li>
    411. 

  411. 					</ul>
    412. 

  412. 					<div class="tabbed-tabcontent">
    413. 

  413. 						<section class="tab-content-0 active" id="tabSize">
    414. 

  414. 							<ul>
    415. 

  415. 								<li class="separator" id="item-0"><label>桌子</label><span class="field">
    416. 

  416. 										<hr></span></li>
    417. 

  417. 								<li class="param-item" id="params-width"><label>宽度</label><span class="field"><input type="number" step="1"
    418. 

  418. 										 value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.width&quot;}"
    419. 

  419. 										 rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    420. 

  420. 								<li class="param-item" id="params-length"><label>长度</label><span class="field"><input type="number" step="1"
    421. 

  421. 										 value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.length&quot;}"
    422. 

  422. 										 rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    423. 

  423. 								<li class="param-item" id="params-height"><label>高度</label><span class="field"><input type="number" step="1"
    424. 

  424. 										 value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.thickness&quot;}"
    425. 

  425. 										 rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    426. 

  426. 							</ul>
    427. 

  427. 						</section>
    428. 

  428. 						<section class="tab-content-1" id="tabPtRot">
    429. 

  429. 							<ul>
    430. 

  430. 								<li class="separator" id="item-1"><label>角度</label><span class="field">
    431. 

  431. 										<hr></span></li>
    432. 

  432. 								<li class="param-item" id="rotation-y"><label>绕Y轴</label><span class="field"><input id="rangeAngle" type="range"
    433. 

  433. 										 min="0" max="360" step="1" value="" class=" input-range unit"><input id="angleValue" type="number" class="unit"
    434. 

  434. 										 min="0" max="360" value="" step="1" readonly><span class="unit">°</span></span></li>
    435. 

  435. 								<li class="separator" id="item-2"><label>位置</label><span class="field">
    436. 

  436. 										<hr></span></li>
    437. 

  437. 								<li class="param-item" id="position-x"><label>X：(左/右)</label><span class="field"><input type="number" min="-10000"
    438. 

  438. 										 max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.x&quot;}"
    439. 

  439. 										 rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    440. 

  440. 								<li class="param-item" id="position-y"><label>Y：(上/下)</label><span class="field"><input type="number" min="-10000"
    441. 

  441. 										 max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.y&quot;}"
    442. 

  442. 										 rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    443. 

  443. 								<li class="param-item" id="position-z"><label>Z：(前/后)</label><span class="field"><input type="number" min="-10000"
    444. 

  444. 										 max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.z&quot;}"
    445. 

  445. 										 rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    446. 

  446. 							</ul>
    447. 

  447. 						</section>
    448. 

  448. 					</div>
    449. 

  449. 				</div>
    450. 

  450. 			</div>
    451. 

  451. 			<div class="window-action-bar">
    452. 

  452. 				<button id="removeMesh" class="remove">移除</button>
    453. 

  453. 				<button id="editMesh">提交</button>
    454. 

  454. 			</div>
    455. 

  455. 		</div>
    456. 

  456. 	</section>
    457. 

  457. 	<!-- Scripts -->
    458. 

  458. 	<section id="scripts">
    459. 

  459. 		<script>"use strict"</script>
    460. 

  460. 	</section>
    461. 

  461. 	<div style="width: 80px; opacity: 0.9; cursor: pointer; position: absolute; bottom: 28px; left: 0px; z-index: 99999; display: none;"
    462. 

  462. 	 id="stats">
    463. 

  463. 		<div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 0, 34);" id="fps">
    464. 

  464. 			<div style="color: rgb(0, 255, 255); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;"
    465. 

  465. 			 id="fpsText">
    466. 

  466. 				FPS
    467. 

  467. 			</div>
    468. 

  468. 			<div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 255);" id="fpsGraph">
    469. 

  469. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    470. 

  470. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    471. 

  471. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    472. 

  472. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    473. 

  473. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    474. 

  474. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    475. 

  475. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    476. 

  476. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    477. 

  477. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    478. 

  478. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    479. 

  479. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    480. 

  480. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    481. 

  481. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    482. 

  482. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    483. 

  483. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    484. 

  484. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    485. 

  485. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    486. 

  486. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    487. 

  487. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    488. 

  488. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    489. 

  489. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    490. 

  490. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    491. 

  491. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    492. 

  492. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    493. 

  493. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    494. 

  494. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    495. 

  495. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    496. 

  496. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    497. 

  497. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    498. 

  498. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    499. 

  499. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    500. 

  500. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    501. 

  501. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    502. 

  502. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    503. 

  503. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    504. 

  504. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    505. 

  505. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    506. 

  506. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    507. 

  507. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    508. 

  508. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    509. 

  509. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    510. 

  510. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    511. 

  511. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    512. 

  512. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    513. 

  513. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    514. 

  514. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    515. 

  515. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    516. 

  516. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    517. 

  517. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    518. 

  518. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    519. 

  519. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    520. 

  520. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    521. 

  521. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    522. 

  522. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    523. 

  523. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    524. 

  524. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    525. 

  525. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    526. 

  526. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    527. 

  527. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    528. 

  528. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    529. 

  529. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    530. 

  530. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    531. 

  531. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    532. 

  532. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    533. 

  533. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    534. 

  534. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    535. 

  535. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    536. 

  536. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    537. 

  537. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    538. 

  538. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    539. 

  539. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    540. 

  540. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    541. 

  541. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    542. 

  542. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    543. 

  543. 			</div>
    544. 

  544. 		</div>
    545. 

  545. 		<div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 34, 0); display: none;" id="ms">
    546. 

  546. 			<div style="color: rgb(0, 255, 0); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;"
    547. 

  547. 			 id="msText">
    548. 

  548. 				MS
    549. 

  549. 			</div>
    550. 

  550. 			<div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 0);" id="msGraph">
    551. 

  551. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    552. 

  552. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    553. 

  553. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    554. 

  554. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    555. 

  555. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    556. 

  556. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    557. 

  557. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    558. 

  558. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    559. 

  559. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    560. 

  560. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    561. 

  561. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    562. 

  562. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    563. 

  563. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    564. 

  564. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    565. 

  565. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    566. 

  566. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    567. 

  567. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    568. 

  568. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    569. 

  569. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    570. 

  570. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    571. 

  571. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    572. 

  572. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    573. 

  573. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    574. 

  574. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    575. 

  575. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    576. 

  576. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    577. 

  577. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    578. 

  578. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    579. 

  579. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    580. 

  580. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    581. 

  581. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    582. 

  582. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    583. 

  583. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    584. 

  584. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    585. 

  585. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    586. 

  586. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    587. 

  587. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    588. 

  588. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    589. 

  589. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    590. 

  590. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    591. 

  591. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    592. 

  592. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    593. 

  593. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    594. 

  594. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    595. 

  595. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    596. 

  596. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    597. 

  597. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    598. 

  598. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    599. 

  599. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    600. 

  600. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    601. 

  601. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    602. 

  602. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    603. 

  603. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    604. 

  604. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    605. 

  605. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    606. 

  606. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    607. 

  607. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    608. 

  608. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    609. 

  609. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    610. 

  610. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    611. 

  611. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    612. 

  612. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    613. 

  613. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    614. 

  614. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    615. 

  615. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    616. 

  616. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    617. 

  617. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    618. 

  618. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    619. 

  619. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    620. 

  620. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    621. 

  621. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    622. 

  622. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    623. 

  623. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    624. 

  624. 				<span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    625. 

  625. 			</div>
    626. 

  626. 		</div>
    627. 

  627. 	</div>
    628. 

  628. 	<div class="photonui-widget wnp-infocomponent2D-container" id="widget-d850d988-aeb6-4390-a68c-699898070cfd">
    629. 

  629. 		<label class="photonui-widget photonui-label photonui-widget-fixed-height" id="subsubMenuContainer" style="text-align: left;">
    630. 

  630. 			79.73 m2
    631. 

  631. 		</label>
    632. 

  632. 	</div>
    633. 

  633. 	<!--
    634. 

  634.   <div id="widget-2a02e7a5-c96f-40c1-ad45-b14f5db768c2" style="left: 72px; top: 20.65px; display: none; z-index: 2001;" class="photonui-widget photonui-basewindow photonui-window photonui-active window photonui-window-have-button">
    635. 

  635.    <div class="photonui-window-title">
    636. 

  636.     <button style="display: block;" title="Close" class="photonui-window-title-close-button"></button>
    637. 

  637.     <span class="photonui-window-title-text">Surfaces</span>
    638. 

  638.    </div>
    639. 

  639.    <div style="width: 1152px; height: 330.4px; padding: 0px; min-width: 0px; min-height: 0px;" class="photonui-container photonui-window-content photonui-container-expand-child">
    640. 

  640.     <div id="widget-43a4e730-6d4c-446d-99e8-6ff2cc4aa2d6" style="padding: 5px; overflow: auto;" class="photonui-widget photonui-viewport photonui-container"></div>
    641. 

  641.    </div>
    642. 

  642.   </div>
    643. 

  643.   -->
    644. 

  644. 

  645. 	<div id="loaddiv" style="display:none;opacity: 0.6; z-index: 10000; position: absolute; background-color: rgb(255, 255, 255);">
    646. 

  646. 		<img src="images/load.png" style="position: absolute; z-index: 10000;" id="loadimg">
    647. 

  647. 	</div>
    648. 

  648. 

  649. 	<div id="wnp-floor-controller-node" class="wnp-floor-controller" style="position: absolute; top: 10px; left: 10px; max-width: 1264px;z-index: 100;">
    650. 

  650. 		<a rel="1" class="photonui-wnpfloorcontrollerbutton photonui-widget deletable" id="floorAdd">
    651. 

  651. 			<span>+ 添加楼层</span>
    652. 

  652. 		</a>
    653. 

  653. 	</div>
    654. 

  654. 

  655. 	<!--设置二维部分的墙 -->
    656. 

  656. 	<div class="window window-with-button horizontal" id="configuratorWindow2" style="z-index: 2001; left: 829px; top: 289px;display: none;">
    657. 

  657. 		<div class="window-title" id="edit2DTitle">
    658. 

  658. 			<span class="window-close"></span>
    659. 

  659. 			<h1>设置</h1>
    660. 

  660. 		</div>
    661. 

  661. 

  662. 		<div class="tabbed-tabcontent">
    663. 

  663. 			<section>
    664. 

  664. 				<ul id="edit2Dcontent">
    665. 

  665. 					<li class="param-item">
    666. 

  666. 						<label>厚度</label>
    667. 

  667. 						<span class="field">
    668. 

  668. 							<input id="edit2D1" type="range" min="3" max="100" step="1" value="" class=" input-range unit">
    669. 

  669. 							<input id="edit2D11" type="number" min="3" max="100" value="" step="1">
    670. 

  670. 						</span>
    671. 

  671. 					</li>
    672. 

  672. 					<li class="param-item">
    673. 

  673. 						<label>高度</label>
    674. 

  674. 						<span class="field">
    675. 

  675. 							<input id="edit2D2" type="range" min="0" max="250" step="1" value="" class=" input-range unit">
    676. 

  676. 							<input id="edit2D22" type="number" min="0" max="250" value="" step="1">
    677. 

  677. 						</span>
    678. 

  678. 					</li>
    679. 

  679. 				</ul>
    680. 

  680. 			</section>
    681. 

  681. 		</div>
    682. 

  682. 

  683. 		<div class="photonui-dialog-buttons">
    684. 

  684. 			<button class="photonui-widget photonui-button photonui-button-color-green remove" id="widget-28471e0d-6ee5-4129-924c-9d564cdaf4d5">
    685. 

  685. 				<span class="photonui-button-text" id="deleteWall">删除</span>
    686. 

  686. 			</button>
    687. 

  687. 			<button class="photonui-widget photonui-button photonui-button-color-green" id="widget-3334b64a-8f43-4525-ac5f-34d5313a1d4a">
    688. 

  688. 				<span class="photonui-button-text" id="changeWall">确定</span>
    689. 

  689. 			</button>
    690. 

  690. 		</div>
    691. 

  691. 	</div>
    692. 

  692. 

  693. 

  694. 	<!--<script src="js/wanaplan.min.js"></script>-->
    695. 

  695. 	<script src="libs/CanvasSketch.js"></script>
    696. 

  696. 	<script type="text/javascript">
    697. 

  697. 

  698. 		var TESTREFRESH = 0;
    699. 

  699. 

  700. 		//var circleStyle = {fillColor:"blue", fill:true, stroke:true, fillOpacity:1, strokeOpacity:1};
    701. 

  701. 		var div = document.getElementById("container2d");
    702. 

  702. 		var width = window.outerWidth - 260;
    703. 

  703. 		var height = window.outerHeight;
    704. 

  704. 		var stepx = 50;
    705. 

  705. 		var stepy = 50;
    706. 

  706. 		var backgroundSize = 50;
    707. 

  707. 		var startx = -stepx * backgroundSize;
    708. 

  708. 		//var starty=-parseInt(stepy*backgroundSize*height/width);
    709. 

  709. 		var starty = -stepx * backgroundSize;
    710. 

  710. 		var MixZoom = 20;
    711. 

  711. 

  712. 		var MixMark = -1;
    713. 

  713. 		var MaxMark = 139;
    714. 

  714. 		var startMarkX = -width / 2 + 150;
    715. 

  715. 		var startMarkY = -height / 2 + 150;
    716. 

  716. 

  717. 

  718. 		var wallleftX = -500;
    719. 

  719. 		var wallleftY = 400;
    720. 

  720. 		var wallrightX = 500;
    721. 

  721. 		var wallrightY = -400;
    722. 

  722. 

  723. 		var wallThickness = 30;
    724. 

  724. 		var partitionThickness = 15;
    725. 

  725. 

  726. 		var door = 80;
    727. 

  727. 		var window = 50;
    728. 

  728. 

  729. 		var meter = width / 20;
    730. 

  730. 		var meterpositionX = 100;
    731. 

  731. 

  732. 		var redrawCount = 0;
    733. 

  733. 		var backgroundcanvasMax = 5000;
    734. 

  734. 		var Sector_r = 70;
    735. 

  735. 		var slid_r = 10;
    736. 

  736. 		var point_r = 5;
    737. 

  737. 

  738. 		var sysmbolCircleR = 10;
    739. 

  739. 		var symbolMinLen = 10;
    740. 

  740. 		var show3D = false;
    741. 

  741. 		var three3D;
    742. 

  742. 		var center;
    743. 

  743. 		var my3DEngine = null;
    744. 

  744. 

  745. 		var wallId = null;
    746. 

  746. 		var Overlay;
    747. 

  747. 		var vectors = [];
    748. 

  748. 		var layer;
    749. 

  749. 

  750. 		var initMesh = 0;
    751. 

  751. 		var one2d = false;
    752. 

  752. 		var one3d = false;
    753. 

  753. 

  754. 		var TESTCOUNT = 0;
    755. 

  755. 

  756. 		function init() {
    757. 

  757. 			layer = new Layer(width, height);
    758. 

  758. 			layer.renderer.drawBackGround();
    759. 

  759. 

  760. 			wallThickness = layer.parameter.wallThickness;
    761. 

  761. 			partitionThickness = layer.parameter.partitionThickness;
    762. 

  762. 

  763. 			door = 80;
    764. 

  764. 			window = 50;
    765. 

  765. 

  766. 

  767. 			addWall();
    768. 

  768. 			//layer.addSymbol2D.wallIds.push(wallId);
    769. 

  769. 			if (!one2d) {
    770. 

  770. 				//initRoom();
    771. 

  771. 				one2d = true;
    772. 

  772. 			}
    773. 

  773. 

  774. 			initLoad();
    775. 

  775. 		}
    776. 

  776. 		init();
    777. 

  777. 

  778. 		window.requestAnimationFrame || (window.requestAnimationFrame = function () {
    779. 

  779. 			return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (a) {
    780. 

  780. 				window.setTimeout(a, 1e3 / 60);
    781. 

  781. 			};
    782. 

  782. 		}());
    783. 

  783. 		window.cancelRequestAnimationFrame || (window.cancelRequestAnimationFrame = function () {
    784. 

  784. 			return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout
    785. 

  785. 		}());
    786. 

  786. 

  787. 

  788. 		//document.getElementById("closeproduct").addEventListener("click",layer.menu.closeProduct);
    789. 

  789. 		window.onresize = function () {
    790. 

  790. 			width = window.outerWidth - 260;
    791. 

  791. 			height = window.outerHeight;
    792. 

  792. 			startMarkX = -width / 2 + 50;
    793. 

  793. 			startMarkY = -height / 2 + 50;
    794. 

  794. 

  795. 			layer.size = new CanvasSketch.Size(parseInt(width), parseInt(height));
    796. 

  796. 			//layer.renderer.setSize(layer.size);
    797. 

  797. 			layer.maxBounds = new CanvasSketch.Bounds(-layer.size.w / 2, -layer.size.h / 2, layer.size.w / 2, layer.size.h / 2);
    798. 

  798. 			layer.bounds = new CanvasSketch.Bounds(-layer.size.w / 2, -layer.size.h / 2, layer.size.w / 2, layer.size.h / 2);
    799. 

  799. 			//layer.renderer.redraw(0);
    800. 

  800. 			//layer.renderer.drawBackGround();
    801. 

  801. 			layer.control.refreshCanvas = true;
    802. 

  802. 			layer.control.refreshBackgroundCanvas = true;
    803. 

  803. 			layer.control.refreshSelectCanvas = true;
    804. 

  804. 			layer.renderer.autoRedraw();
    805. 

  805. 		};
    806. 

  806. 

  807. 		document.getElementById("aboutWindow").addEventListener("click", function (e) {
    808. 

  808. 			//console.log("aboutWindow");
    809. 

  809. 			if (document.getElementById("aboutWindow").style.display == "block") {
    810. 

  810. 				if (e.target.className == "window-close" || e.target.innerText == "关闭") {
    811. 

  811. 					document.getElementById("aboutWindow").style.display = "none";
    812. 

  812. 				}
    813. 

  813. 			}
    814. 

  814. 

  815. 		});
    816. 

  816. 

  817. 

  818. 

  819. 		document.getElementById("subMenuContainer").addEventListener("click", function (e) {
    820. 

  820. 			if (e.target.parentElement.parentElement.id == "toolbarScreenshot") {
    821. 

  821. 				var saveAsLocalImage = function (canvasid, type) {
    822. 

  822. 					var canvas = document.getElementById(canvasid);
    823. 

  823. 					// 图片导出为 png 格式
    824. 

  824. 					var type = 'png';
    825. 

  825. 					var imgData = canvas.toDataURL(type);
    826. 

  826. 

  827. 					// 加工image data，替换mime type
    828. 

  828. 					imgData = imgData.replace(_fixType(type), 'image/octet-stream');
    829. 

  829. 					// 下载后的图片名
    830. 

  830. 					var filename = '4dage_' + (new Date()).getTime() + '.' + type;
    831. 

  831. 					// download
    832. 

  832. 					saveFile(imgData, filename);
    833. 

  833. 				};
    834. 

  834. 

  835. 				/**
    836. 

  836. 				 * 获取mimeType
    837. 

  837. 				 * @param  {String} type the old mime-type
    838. 

  838. 				 * @return the new mime-type
    839. 

  839. 				 */
    840. 

  840. 				var _fixType = function (type) {
    841. 

  841. 					type = type.toLowerCase().replace(/jpg/i, 'jpeg');
    842. 

  842. 					var r = type.match(/png|jpeg|bmp|gif/)[0];
    843. 

  843. 					return 'image/' + r;
    844. 

  844. 				};
    845. 

  845. 

  846. 				/**
    847. 

  847. 				 * 在本地进行文件保存
    848. 

  848. 				 * @param  {String} data     要保存到本地的图片数据
    849. 

  849. 				 * @param  {String} filename 文件名
    850. 

  850. 				 */
    851. 

  851. 				var saveFile = function (data, filename) {
    852. 

  852. 					var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    853. 

  853. 					save_link.href = data;
    854. 

  854. 					save_link.download = filename;
    855. 

  855. 

  856. 					var event = document.createEvent('MouseEvents');
    857. 

  857. 					event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    858. 

  858. 					save_link.dispatchEvent(event);
    859. 

  859. 				};
    860. 

  860. 				if (show3D) {
    861. 

  861. 					BABYLON.Tools.CreateScreenshot(my3DEngine.scene3D.engine, my3DEngine.scene3D.camera, { width: my3DEngine.scene3D.canvas.width, height: my3DEngine.scene3D.canvas.height });
    862. 

  862. 				}
    863. 

  863. 				else {
    864. 

  864. 					saveAsLocalImage("dynamiccanvas2d", "png");
    865. 

  865. 				}
    866. 

  866. 			}
    867. 

  867. 			else if (e.target.parentElement.parentElement.id == "fullscreen-btn") {
    868. 

  868. 				var element = document.documentElement;
    869. 

  869. 				var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    870. 

  870. 

  871. 				if (requestMethod) {
    872. 

  872. 					requestMethod.call(element);
    873. 

  873. 				}
    874. 

  874. 				else if (typeof window.ActiveXObject !== "undefined") {
    875. 

  875. 					var wscript = new ActiveXObject("WScript.Shell");
    876. 

  876. 					if (wscript !== null) {
    877. 

  877. 						wscript.SendKeys("{F11}");
    878. 

  878. 					}
    879. 

  879. 				}
    880. 

  880. 			}
    881. 

  881. 			else if (e.target.parentElement.parentElement.id == "transparencyButton") {
    882. 

  882. 				//alert("透明");
    883. 

  883. 				if (e.target.src.indexOf("icon-transparency.png") > -1) {
    884. 

  884. 					/*
    885. 

  885. 					for(var i=0;i<my3DEngine.decorate3D.roomWallMeshes.length;++i)
    886. 

  886. 					{
    887. 

  887. 						if(my3DEngine.decorate3D.roomWallMeshes[i].name=="wall"||my3DEngine.decorate3D.roomWallMeshes[i].name=="walltop")   
    888. 

  888. 						{
    889. 

  889. 							my3DEngine.decorate3D.roomWallMeshes[i].visibility=0.1;
    890. 

  890. 						}
    891. 

  891. 					}
    892. 

  892. 					*/
    893. 

  893. 					my3DEngine.decorate3D.transparentWall(0.05);
    894. 

  894. 					e.target.src = e.target.src.replace("icon-transparency.png", "icon-opacity.png");
    895. 

  895. 				}
    896. 

  896. 				else if (e.target.src.indexOf("icon-opacity.png") > -1) {
    897. 

  897. 					/*
    898. 

  898. 					for(var i=0;i<my3DEngine.decorate3D.roomWallMeshes.length;++i)
    899. 

  899. 					{
    900. 

  900. 						if(my3DEngine.decorate3D.roomWallMeshes[i].name=="wall"||my3DEngine.decorate3D.roomWallMeshes[i].name=="walltop")
    901. 

  901. 						{
    902. 

  902. 							my3DEngine.decorate3D.roomWallMeshes[i].visibility=1;
    903. 

  903. 						}
    904. 

  904. 					}
    905. 

  905. 					*/
    906. 

  906. 					my3DEngine.decorate3D.transparentWall(1);
    907. 

  907. 					e.target.src = e.target.src.replace("icon-opacity.png", "icon-transparency.png");
    908. 

  908. 				}
    909. 

  909. 

  910. 			}
    911. 

  911. 			else if (e.target.parentElement.parentElement.id == "lock-icon") {
    912. 

  912. 				//alert("锁");
    913. 

  913. 				if (e.target.className == "fa fa-unlock") {
    914. 

  914. 					my3DEngine.action3D.lock = true;
    915. 

  915. 					e.target.className = "fa fa-lock";
    916. 

  916. 				}
    917. 

  917. 				else if (e.target.className == "fa fa-lock") {
    918. 

  918. 					my3DEngine.action3D.lock = false;
    919. 

  919. 					e.target.className = "fa fa-unlock";
    920. 

  920. 				}
    921. 

  921. 			}
    922. 

  922. 		});
    923. 

  923. 		// Grid..........................................................
    924. 

  924. 

  925. 		function initLoad() {
    926. 

  926. 			var div = document.getElementById("loaddiv");
    927. 

  927. 			var img = document.getElementById("loadimg");
    928. 

  928. 

  929. 			var width = window.innerWidth;
    930. 

  930. 			var height = window.innerHeight;
    931. 

  931. 

  932. 			var imgwidth = img.width;
    933. 

  933. 			var imgheight = img.height;
    934. 

  934. 

  935. 			var ptwidth = (width - imgwidth) / 2 + "px";
    936. 

  936. 			var ptheight = (height - imgheight) / 2 + "px";
    937. 

  937. 

  938. 			div.style.width = width + "px";
    939. 

  939. 			div.style.height = height + "px";
    940. 

  940. 			div.width = width;
    941. 

  941. 			div.height = height;
    942. 

  942. 

  943. 			img.style.marginLeft = ptwidth;
    944. 

  944. 			img.style.marginTop = ptheight;
    945. 

  945. 		}
    946. 

  946. 

  947. 		function showPicture() {
    948. 

  948. 			if (my3DEngine == null) {
    949. 

  949. 				my3DEngine = layer.layer3D;
    950. 

  950. 				my3DEngine.initialize();
    951. 

  951. 			}
    952. 

  952. 			var src = this.id.replace("product", "") + ".babylon";
    953. 

  953. 			layer.menu.closeProduct();
    954. 

  954. 			my3DEngine.modelLoader.showPicture(src);
    955. 

  955. 		}
    956. 

  956. 

  957. 		function showPhoFrame() {
    958. 

  958. 			if (my3DEngine == null) {
    959. 

  959. 				my3DEngine = layer.layer3D;
    960. 

  960. 				my3DEngine.initialize();
    961. 

  961. 			}
    962. 

  962. 			var src = this.id.replace("product", "") + ".obj";
    963. 

  963. 			layer.menu.closeProduct();
    964. 

  964. 			my3DEngine.modelLoader.showPhoFrame(src);
    965. 

  965. 		}
    966. 

  966. 

  967. 		function showProduct3D() {
    968. 

  968. 			if (my3DEngine == null) {
    969. 

  969. 				my3DEngine = new Symbol3D();
    970. 

  970. 				my3DEngine.initialize();
    971. 

  971. 			}
    972. 

  972. 			var src;
    973. 

  973. 			var src = this.id.replace("product", "") + ".babylon";
    974. 

  974. 			layer.menu.closeProduct();
    975. 

  975. 			my3DEngine.modelLoader.showProduct(src);
    976. 

  976. 		}
    977. 

  977. 

  978. 		function drawGrid(stepx, stepy) {
    979. 

  979. 			layer.renderer.addGrid();
    980. 

  980. 		}
    981. 

  981. 

  982. 		function addWall() {
    983. 

  983. 			var vectors = [];
    984. 

  984. 			var points = [];
    985. 

  985. 			var point1 = new Point(wallleftX, wallleftY);
    986. 

  986. 			points.push(point1);
    987. 

  987. 

  988. 			var point2 = new Point(wallrightX, wallleftY);
    989. 

  989. 			points.push(point2);
    990. 

  990. 

  991. 			var point3 = new Point(wallrightX, wallrightY);
    992. 

  992. 			points.push(point3);
    993. 

  993. 

  994. 			var point4 = new Point(wallleftX, wallrightY);
    995. 

  995. 			points.push(point4);
    996. 

  996. 

  997. 

  998. 			var wall = new Wall(points, document.getElementById("imgWall"));
    999. 

  999. 			var vector = new Vector(wall, wallStyle);
    1000. 

  1000. 

  1001. 			wallId = vector.id;
    1002. 

  1002. 			layer.data2d.wallIds.push(wallId);
    1003. 

  1003. 			vectors.push(vector);
    1004. 

  1004. 			layer.addVectors(vectors);
    1005. 

  1005. 

  1006. 

  1007. 		}
    1008. 

  1008. 

  1009. 		function Show3DBase() {
    1010. 

  1010. 			if (!show3D) {
    1011. 

  1011. 				if (my3DEngine == null) {
    1012. 

  1012. 					my3DEngine = layer.layer3D;
    1013. 

  1013. 					my3DEngine.initialize();
    1014. 

  1014. 				}
    1015. 

  1015. 

  1016. 				//my3DEngine.clearSymbol();
    1017. 

  1017. 				my3DEngine.decorate3D.deleteRoomMeshes();
    1018. 

  1018. 				GetWallPoints(layer);
    1019. 

  1019. 				if (!one3d) {
    1020. 

  1020. 					//initRoom3D();
    1021. 

  1021. 					one3d = true;
    1022. 

  1022. 				}
    1023. 

  1023. 

  1024. 				my3DEngine.scene3D.render();
    1025. 

  1025. 			}
    1026. 

  1026. 			show3D = true;
    1027. 

  1027. 		}
    1028. 

  1028. 

  1029. 		function GetWallPoints(layer) {
    1030. 

  1030. 			var wallIds = layer.data2d.wallIds;
    1031. 

  1031. 			var calculateLine = layer.calculateLine;
    1032. 

  1032. 			for (var i = 0; i < wallIds.length; ++i) {
    1033. 

  1033. 				var id = wallIds[i];
    1034. 

  1034. 

  1035. 				var points = layer.vectors[id].geometry.points;
    1036. 

  1036. 

  1037. 				var syms = [];
    1038. 

  1038. 

  1039. 

  1040. 				for (var key in layer.vectors[id].symbol2Ds) {
    1041. 

  1041. 					var symbol2d = layer.vectors[id].symbol2Ds[key];
    1042. 

  1042. 

  1043. 					var line = calculateLine.createLine(symbol2d.geometry.point1, symbol2d.geometry.point2);
    1044. 

  1044. 					var sym = {};
    1045. 

  1045. 

  1046. 					if (line.a != 0) {
    1047. 

  1047. 						sym.angle = Math.atan(line.a);
    1048. 

  1048. 					}
    1049. 

  1049. 					else if (line.hasOwnProperty('x')) {
    1050. 

  1050. 						sym.angle = Math.PI / 2;
    1051. 

  1051. 					}
    1052. 

  1052. 					else if (line.hasOwnProperty('y')) {
    1053. 

  1053. 						sym.angle = 0;
    1054. 

  1054. 					}
    1055. 

  1055. 					sym.point = { x: (symbol2d.geometry.point1.x + symbol2d.geometry.point2.x) / 2, y: (symbol2d.geometry.point1.y + symbol2d.geometry.point2.y) / 2 };
    1056. 

  1056. 					//sym.type=symbol2d.geoType;
    1057. 

  1057. 					sym.id = id;
    1058. 

  1058. 					sym.type = symbol2d.geometry.geoType;
    1059. 

  1059. 					sym.len = BABYLON.Vector2.Distance(symbol2d.geometry.point1, symbol2d.geometry.point2);
    1060. 

  1060. 					sym.index = Math.min(symbol2d.attributes.wallstartindex, symbol2d.attributes.wallendindex);
    1061. 

  1061. 					syms.push(sym);
    1062. 

  1062. 				}
    1063. 

  1063. 

  1064. 				if (i == 0) {
    1065. 

  1065. 					//var inout=calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.border1,layer.vectors[id].geometry.border2);  
    1066. 

  1066. 					var inout = calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.wallInfo);
    1067. 

  1067. 					var inline = inout.use;
    1068. 

  1068. 					var outline = inout.build;
    1069. 

  1069. 					var height = inout.height;
    1070. 

  1070. 					//my3DEngine.decorate3D.drawFloor(layer.vectors[id].geometry.points,layer.vectors[id].geometry.floor);
    1071. 

  1071. 					my3DEngine.decorate3D.drawFloor(id);
    1072. 

  1072. 					my3DEngine.decorate3D.drawCloseWallSymbols(outline, inline, height, syms, layer.vectors[id].geometry.wallType, id, layer.vectors[id].geometry.floor);
    1073. 

  1073. 				}
    1074. 

  1074. 				else {
    1075. 

  1075. 					if (layer.vectors[id].geometry.state == 0) {
    1076. 

  1076. 						//var inout=calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.border1,layer.vectors[id].geometry.border2); 
    1077. 

  1077. 						var inout = calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.wallInfo);
    1078. 

  1078. 						var inline = inout.use;
    1079. 

  1079. 						var outline = inout.build;
    1080. 

  1080. 						var height = inout.height;
    1081. 

  1081. 						//my3DEngine.decorate3D.drawFloor(layer.vectors[id].geometry.points,layer.vectors[id].geometry.floor);
    1082. 

  1082. 						my3DEngine.decorate3D.drawFloor(id);
    1083. 

  1083. 

  1084. 						if (calculateLine.isClockWise(outline) > 0) {
    1085. 

  1085. 							outline.reverse();
    1086. 

  1086. 							inline.reverse();
    1087. 

  1087. 						}
    1088. 

  1088. 						my3DEngine.decorate3D.drawCloseWallSymbols(outline, inline, height, syms, layer.vectors[id].geometry.wallType, id, layer.vectors[id].geometry.floor);
    1089. 

  1089. 					}
    1090. 

  1090. 					else {
    1091. 

  1091. 						var clockpoints = [];
    1092. 

  1092. 

  1093. 						//var floorpoints=calculateLine.outinwallside(points,layer.vectors[id].geometry.wallType);
    1094. 

  1094. 						//var floorpoints=calculateLine.outinwallside(layer.vectors[id].geometry);
    1095. 

  1095. 						var floorpoints = calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.wallInfo);
    1096. 

  1096. 						var height = floorpoints.height;
    1097. 

  1097. 						if (floorpoints.use.length == 2) {
    1098. 

  1098. 							var temp1 = [];
    1099. 

  1099. 							var temp2 = [];
    1100. 

  1100. 

  1101. 							temp1[0] = floorpoints.use[0];
    1102. 

  1102. 							temp1[1] = floorpoints.build[0];
    1103. 

  1103. 

  1104. 							temp2[0] = floorpoints.use[1];
    1105. 

  1105. 							temp2[1] = floorpoints.build[1];
    1106. 

  1106. 

  1107. 							floorpoints.use = temp1;
    1108. 

  1108. 							floorpoints.build = temp2;
    1109. 

  1109. 

  1110. 							clockpoints.push(temp1[0]);
    1111. 

  1111. 							clockpoints.push(temp1[1]);
    1112. 

  1112. 							clockpoints.push(temp2[1]);
    1113. 

  1113. 							clockpoints.push(temp2[0]);
    1114. 

  1114. 						}
    1115. 

  1115. 						else {
    1116. 

  1116. 							//var line1= calculateLine.createLine(floorpoints.side1[0], floorpoints.side1[1]);
    1117. 

  1117. 							//var line2= calculateLine.createLine(floorpoints.side1[floorpoints.side1.length-2], floorpoints.side1[floorpoints.side1.length-1]);
    1118. 

  1118. 

  1119. 							for (var n = 0; n < floorpoints.use.length; ++n) {
    1120. 

  1120. 								clockpoints.push(floorpoints.use[n]);
    1121. 

  1121. 							}
    1122. 

  1122. 							for (var n = floorpoints.build.length - 1; n > -1; --n) {
    1123. 

  1123. 								clockpoints.push(floorpoints.build[n]);
    1124. 

  1124. 							}
    1125. 

  1125. 						}
    1126. 

  1126. 

  1127. 						if (calculateLine.isClockWise(clockpoints) > 0) {
    1128. 

  1128. 							floorpoints.use.reverse();
    1129. 

  1129. 							floorpoints.build.reverse();
    1130. 

  1130. 							height.reverse();
    1131. 

  1131. 						}
    1132. 

  1132. 						my3DEngine.decorate3D.drawOpenWallSymbols(floorpoints, height, syms, layer.vectors[id].geometry.wallType, id, layer.vectors[id].geometry.floor);
    1133. 

  1133. 

  1134. 					}
    1135. 

  1135. 

  1136. 				}
    1137. 

  1137. 			}
    1138. 

  1138. 			my3DEngine.decorate3D.hideFloors(parseInt(layer.selectFloor));
    1139. 

  1139. 		}
    1140. 

  1140. 

  1141. 	</script>
    1142. 

  1142. </body>
    1143. 

  1143. 

  1144. </html>
    1145.