index.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>四维时代-家具平台</title>
  6. <meta http-equiv="content-type" content="text/html; charset=UTF8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  8. <link rel="stylesheet" href="css/wanaplan.min.css" />
  9. </head>
  10. <body>
  11. <img src='images/pattern.png' style='display:none' id='imgWall' />
  12. <img src='images/pattern_tmp.png' style='display:none' id='imgTempWall' />
  13. <img src='images/grid2.jpg' style='display:none' id='img' />
  14. <div id="subMenuContainer">
  15. <div id="subMenu">
  16. <ul id="subMenuList">
  17. <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>
  18. <!--
  19. <li class="menu-item" id="item25"><span class="menu-icon"><i class="fa fa-reply"></i></span><span class="menu-title">Undo</span></li>
  20. <li class="menu-item" id="item26"><span class="menu-icon"><i class="fa fa-share"></i></span><span class="menu-title">Redo</span></li>
  21. -->
  22. <li class="menu-item hidden" id="transparencyButton"><span class="menu-icon"><img src="images/icon-transparency.png" /></span><span
  23. class="menu-title">墙体透明</span></li>
  24. <li class="menu-item" id="toolbarScreenshot"><span class="menu-icon"><i class="fa fa-camera"></i></span><span class="menu-title">拍照</span></li>
  25. <li class="menu-item" id="fullscreen-btn"><span class="menu-icon"><i class="fa fa-arrows-alt"></i></span><span
  26. class="menu-title">全屏</span></li>
  27. </ul>
  28. </div>
  29. </div>
  30. <section id="main-ui" class="show">
  31. <div id="toolbar">
  32. <div id="toolbar-bar">
  33. <ul id="toolbarMenu">
  34. <li class="menu-item" id="toolbarNew"><span class="menu-icon"><i class="fa fa-file"></i></span><span class="menu-title">新建</span></li>
  35. <li class="menu-item" id="toolbarSave"><span class="menu-icon"><img src="images/save_icon.png" /></span><span
  36. class="menu-title">保存</span></li>
  37. <li class="menu-item menu-subitem" id="toolbarOption"><span class="menu-icon"><i class="fa fa-cog"></i></span><span
  38. class="menu-title">配置</span>
  39. <ul class="undefined">
  40. <li class="menu-item" id="item27"><span class="menu-title">Increase performances</span></li>
  41. <li class="menu-item" id="2D-options"><span class="menu-title">2D options</span></li>
  42. <li class="menu-item" id="toolbarChangeLanguage"><span class="menu-title">Change language</span></li>
  43. <li class="menu-item" id="item19"><span class="menu-title">
  44. <hr /></span></li>
  45. <li class="menu-item" id="toolbarAbout"><span class="menu-title">About Wanaplan</span></li>
  46. </ul>
  47. </li>
  48. <li class="menu-item menu-subitem" id="userOption"><span class="menu-icon"><i class="fa fa-user"></i></span><span
  49. class="menu-title">用户</span>
  50. <ul class="undefined">
  51. <li class="menu-item" id="user"><span class="menu-title">login</span></li>
  52. </ul>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. <section id="mainMenu">
  58. <div id="mainMenuTabsContainer">
  59. <ul id="mainMenuTabs">
  60. <li class="menu-item label-2D selected" id="draw2D"><span class="menu-icon"><img src="images/dessiner.png" /></span><span
  61. class="menu-title">设计</span></li>
  62. <li class="menu-item label-3D" id="furnishing3D"><span class="menu-icon"><img src="images/meubler.png" /></span><span
  63. class="menu-title">家具</span></li>
  64. <li class="menu-item label-3D" id="decorate3D"><span class="menu-icon"><img src="images/decorer.png" /></span><span
  65. class="menu-title">装修</span></li>
  66. </ul>
  67. </div>
  68. <h3 id="mainMenuTitle">绘图</h3>
  69. <div id="mainMenuContent">
  70. <ul id="mainMenuContentList" class="mainList layout-list">
  71. </ul>
  72. </div>
  73. </section>
  74. </section>
  75. <!-- Splashscreen -->
  76. <div style="display: none;" id="splashscreen">
  77. <div id="custom-splash" style="display:none" class="splash-text">
  78. <img src="images/3D.png" style="width:50px;vertical-align:-20px;" /> Kazaplan
  79. <div class="splash-bar">
  80. <div style="animation-duration: 1s;" class="splash-bar-inner"></div>
  81. </div>
  82. <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">
  83. by <span style="color:#07656D">Wana</span><span style="color:black">dev</span> </a>
  84. </div>
  85. <div id="stock-splash" style="display: block;" class="splash-text">
  86. <img src="images/wanaplan-logo.png" style="width:50px;vertical-align:-15px;" /> Wanaplan
  87. <div class="splash-bar">
  88. <div style="animation-duration: 1s;" class="splash-bar-inner"></div>
  89. </div>
  90. </div>
  91. </div>
  92. <!-- Screenshot Flash -->
  93. <div style="display: none;" id="screenshot-flash"></div>
  94. <!-- Help Bubble -->
  95. <div id="helpbubble" class="">
  96. <div id="helpbubble-close" class="close"></div>
  97. <div class="wrapper">
  98. <div class="image">
  99. <img src="" alt="" id="helpbubble-image" />
  100. </div>
  101. <div id="helpbubble-content" class="content"></div>
  102. </div>
  103. </div>
  104. <!-- Debug view -->
  105. <div id="debugArea"></div>
  106. <!-- Plan2D Area -->
  107. <div style="display:block;z-index: -10;" class="drawableSurface with-menu" id="container2d">
  108. <canvas height="413" width="1180" id="backgroundcanvas2d" style="position: absolute; z-index: 0"></canvas>
  109. <canvas height="413" width="1180" id="selectcanvas2d" style="position: absolute; z-index: 2"></canvas>
  110. <canvas height="413" width="1180" id="dynamiccanvas2d" style="position: absolute; z-index: 1 ; opacity: 1;"></canvas>
  111. </div>
  112. <!-- Plan3D Area -->
  113. <div style="display:none" class="drawableSurface with-menu" id="container3d">
  114. <canvas height="413" width="1180" id="canvas3d"></canvas>
  115. </div>
  116. <div id="waiter" class="hidden">
  117. Computing, please wait...
  118. </div>
  119. <section id="modalWidgets">
  120. <div class="window window-with-button" id="aboutWindow" style="display: none; position: absolute; top: 96.5px; left: 476.5px;">
  121. <header class="window-title">
  122. <span class="window-close">
  123. </span>
  124. <h1>关于四维时代</h1>
  125. </header>
  126. <div class="window-content">
  127. <div class="tabbed horizontal">
  128. <ul class="tabbed-tabs">
  129. <li rel="tab-0" class="active">
  130. <span class="tab-text">关于</span>
  131. </li>
  132. <li rel="tab-1" class="">
  133. <span class="tab-text">Credits</span>
  134. </li>
  135. </ul>
  136. <div class="tabbed-tabcontent">
  137. <section class="tab-content-0 active">
  138. <div style="width: 432px; text-align: center;">
  139. <img src="./images/wanaplan-logo.png" alt="Wanaplan">
  140. </div>
  141. <div style="text-align: center; font-size: 16pt; font-weight: bold; margin-top: 15px; color: #333;">四维时代家具展示</div>
  142. <div style="text-align: center; margin-top: 30px; color: #555;">版权归四维时代所有
  143. </div>
  144. <div style="text-align: center; margin-top: 10px;">
  145. <a href="http://www.4dage.com/" target="_blank">www.4dage.com</a>
  146. </div>
  147. </section>
  148. <section class="tab-content-1">
  149. <div class="scrollable-content" style="width: 410px; max-height: 300px; min-height: 100px; font-size: 9pt;">
  150. <ul>
  151. <li>
  152. <strong>"seamless" textures:</strong>
  153. <dl>
  154. <dt>Author:</dt>
  155. <dd>~hhh316 Giles</dd>
  156. <dt>License:</dt>
  157. <dd>cc-by 3.0</dd>
  158. <dt>Downloaded from:</dt>
  159. <dd><a href="http://seamless-pixels.blogspot.fr/"> http://seamless-pixels.blogspot.fr/</a></dd>
  160. </dl>
  161. </li>
  162. <li>
  163. <strong>Babylonjs engine:</strong>
  164. <dl>
  165. <dt>Authors:</dt>
  166. <dd>David Catuhe &amp; David Rousset</dd>
  167. <dt>Licence:</dt>
  168. <dd>Apache License 2.0</dd>
  169. <dt>Homepage:</dt>
  170. <dd><a href="http://www.babylonjs.com">http://www.babylonjs.com</a></dd>
  171. </dl>
  172. </li>
  173. </ul>
  174. </div>
  175. </section>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="window-action-bar">
  180. <button rel="">关闭</button>
  181. </div>
  182. </div>
  183. <div style="position: absolute; top: 50px; left: 10px; height: 300px; width: 50px;">
  184. <div style="width: 50px; height: 210px; position: relative; background-image: url(&quot;images/remote-controller/bg.png&quot;);"
  185. id="remoteController">
  186. <div style="width:20px;height:150px;position:absolute;top:57px;left:15px;">
  187. <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;"
  188. id="mark"></div>
  189. </div>
  190. <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;);"
  191. id="camera-swap-btn"></div>
  192. <div style="width:50px;height:50px;cursor:pointer;position:absolute;"></div>
  193. </div>
  194. </div>
  195. <div class="window" id="productList" style="width: 1062px; height: 652.666666666667px; display: none; position: absolute; top: 1.16666666666669px; left: 265.5px;">
  196. <header class="window-title" id="addModelTitle"><span class="window-close" id="closeproduct"></span>
  197. <h1><img class="window-title-icon" src="images/productIconTitle.png"><span class="window-title-text">产品列表 &gt; 卧室</span></h1>
  198. </header>
  199. <div class="window-content">
  200. <div class="tabbed vertical">
  201. <ul class="tabbed-tabs">
  202. <li rel="tab-0">
  203. <span class="tab-text"></span>
  204. </li>
  205. <li rel="tab-1" class="active">
  206. <span class="tab-text">所有</span>
  207. </li>
  208. </ul>
  209. <div class="tabbed-tabcontent">
  210. <section class="tab-content-1 active">
  211. <div id="productItems">
  212. </div>
  213. </section>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="window-action-bar">
  218. </div>
  219. </div>
  220. <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;">
  221. <div class="window-title" id="addfloorTitle"><span class="window-close"></span>
  222. <h1>添加楼层</h1>
  223. </div>
  224. <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;">
  225. <div class="photonui-widget photonui-boxlayout photonui-layout-orientation-vertical" id="widget-e12b4e6c-cbc2-4592-8d89-511bf47fbf9c"
  226. style="padding: 5px;">
  227. <div class="photonui-container photonui-boxlayout-item photonui-layout-align-stretch" style="margin-bottom: 5px;">
  228. <label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-645b3d66-1700-453f-ad37-b41d2031d8ad"
  229. style="text-align: left;">下面的元素将被复制</label>
  230. </div>
  231. <div class="photonui-container photonui-boxlayout-item photonui-layout-align-stretch">
  232. <div class="photonui-widget photonui-gridlayout" id="widget-24fe82d8-f9b2-4cf7-936e-ffb435753bcf">
  233. <table>
  234. <tbody>
  235. <tr>
  236. <td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
  237. style="padding-right: 5px; padding-bottom: 5px;">
  238. <div class="photonui-container photonui-gridlayout-wrapper">
  239. <div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_walls">
  240. <input type="checkbox" name="wnp-floor-controller_walls" id="wnp-floor-controller_walls-input">
  241. <span tabindex="0"></span>
  242. </div>
  243. </div>
  244. </td>
  245. <td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
  246. style="padding-right: 5px; padding-bottom: 5px;">
  247. <div class="photonui-container photonui-gridlayout-wrapper">
  248. <label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-130b3f6d-94e8-4cf0-b37f-57d87809af35"
  249. style="text-align: left;">Walls</label>
  250. </div>
  251. </td>
  252. </tr>
  253. <tr>
  254. <td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
  255. style="padding-right: 5px; padding-bottom: 5px;">
  256. <div class="photonui-container photonui-gridlayout-wrapper">
  257. <div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_overtures">
  258. <input type="checkbox" name="wnp-floor-controller_overtures" id="wnp-floor-controller_overtures-input">
  259. <span tabindex="0"></span>
  260. </div>
  261. </div>
  262. </td>
  263. <td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
  264. style="padding-right: 5px; padding-bottom: 5px;">
  265. <div class="photonui-container photonui-gridlayout-wrapper">
  266. <label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-1f2cc0c1-7cb3-4901-bcba-6fee502530f3"
  267. style="text-align: left;">Doors &amp; Windows</label>
  268. </div>
  269. </td>
  270. </tr>
  271. <tr>
  272. <td class="photonui-gridlayout-cell photonui-layout-verticalalign-center photonui-layout-horizontalalign-center"
  273. style="padding-right: 5px; padding-bottom: 5px;">
  274. <div class="photonui-container photonui-gridlayout-wrapper">
  275. <div class="photonui-widget photonui-checkbox photonui-widget-fixed-width photonui-widget-fixed-height" id="wnp-floor-controller_stairways">
  276. <input type="checkbox" name="wnp-floor-controller_stairways" id="wnp-floor-controller_stairways-input">
  277. <span tabindex="0"></span>
  278. </div>
  279. </div>
  280. </td>
  281. <td class="photonui-gridlayout-cell photonui-gridlayout-lastcol photonui-layout-verticalalign-center photonui-layout-horizontalalign-stretch"
  282. style="padding-right: 5px; padding-bottom: 5px;">
  283. <div class="photonui-container photonui-gridlayout-wrapper">
  284. <label class="photonui-widget photonui-label photonui-widget-fixed-height" id="widget-4a4985d1-8ed2-425f-8728-43cb578e3b4f"
  285. style="text-align: left;">Stairways</label>
  286. </div>
  287. </td>
  288. </tr>
  289. </tbody>
  290. </table>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. <div class="photonui-dialog-buttons">
  296. <button class="photonui-widget photonui-button">
  297. <span class="photonui-button-text" id="widget-cancelfloor">取消</span>
  298. </button>
  299. <button class="photonui-widget photonui-button photonui-button-color-green">
  300. <span class="photonui-button-text" id="widget-createfloor">创建</span>
  301. </button>
  302. </div>
  303. </div>
  304. <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;">
  305. <div class="window-title" id="editproducttitle"><span class="window-close"></span>
  306. <h1>产品编辑界面</h1>
  307. </div>
  308. <div class="window-content">
  309. <div class="tabbed horizontal">
  310. <ul class="tabbed-tabs">
  311. <li rel="tab-0" class="active" id="editsize"><span class="tab-text">大小设置</span></li>
  312. <li rel="tab-1" class="" id="editptrot"><span class="tab-text">位置和角度</span></li>
  313. </ul>
  314. <div class="tabbed-tabcontent">
  315. <section class="tab-content-0 active" id="tabSize">
  316. <ul>
  317. <li class="separator" id="item-0"><label>桌子</label><span class="field">
  318. <hr></span></li>
  319. <li class="param-item" id="params-width"><label>宽度</label><span class="field"><input type="number" step="1"
  320. value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.width&quot;}"
  321. rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
  322. <li class="param-item" id="params-length"><label>长度</label><span class="field"><input type="number" step="1"
  323. value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.length&quot;}"
  324. rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
  325. <li class="param-item" id="params-height"><label>高度</label><span class="field"><input type="number" step="1"
  326. value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.thickness&quot;}"
  327. rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
  328. </ul>
  329. </section>
  330. <section class="tab-content-1" id="tabPtRot">
  331. <ul>
  332. <li class="separator" id="item-1"><label>角度</label><span class="field">
  333. <hr></span></li>
  334. <li class="param-item" id="rotation-y"><label>绕Y轴</label><span class="field"><input id="rangeAngle" type="range"
  335. min="0" max="360" step="1" value="" class=" input-range unit"><input id="angleValue" type="number" class="unit"
  336. min="0" max="360" value="" step="1" readonly><span class="unit">°</span></span></li>
  337. <li class="separator" id="item-2"><label>位置</label><span class="field">
  338. <hr></span></li>
  339. <li class="param-item" id="position-x"><label>X:(左/右)</label><span class="field"><input type="number" min="-10000"
  340. max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.x&quot;}"
  341. rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
  342. <li class="param-item" id="position-y"><label>Y:(上/下)</label><span class="field"><input type="number" min="-10000"
  343. max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.y&quot;}"
  344. rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
  345. <li class="param-item" id="position-z"><label>Z:(前/后)</label><span class="field"><input type="number" min="-10000"
  346. max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.z&quot;}"
  347. rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
  348. </ul>
  349. </section>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="window-action-bar">
  354. <button id="removeMesh" class="remove">移除</button>
  355. <button id="editMesh">提交</button>
  356. </div>
  357. </div>
  358. </section>
  359. <!-- Scripts -->
  360. <section id="scripts">
  361. <script>"use strict"</script>
  362. </section>
  363. <div style="width: 80px; opacity: 0.9; cursor: pointer; position: absolute; bottom: 28px; left: 0px; z-index: 99999; display: none;"
  364. id="stats">
  365. <div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 0, 34);" id="fps">
  366. <div style="color: rgb(0, 255, 255); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;"
  367. id="fpsText">
  368. FPS
  369. </div>
  370. <div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 255);" id="fpsGraph">
  371. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  372. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  373. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  374. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  375. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  376. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  377. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  378. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  379. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  380. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  381. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  382. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  383. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  384. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  385. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  386. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  387. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  388. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  389. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  390. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  391. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  392. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  393. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  394. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  395. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  396. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  397. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  398. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  399. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  400. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  401. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  402. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  403. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  404. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  405. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  406. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  407. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  408. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  409. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  410. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  411. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  412. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  413. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  414. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  415. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  416. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  417. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  418. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  419. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  420. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  421. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  422. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  423. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  424. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  425. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  426. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  427. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  428. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  429. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  430. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  431. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  432. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  433. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  434. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  435. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  436. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  437. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  438. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  439. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  440. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  441. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  442. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  443. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  444. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
  445. </div>
  446. </div>
  447. <div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 34, 0); display: none;" id="ms">
  448. <div style="color: rgb(0, 255, 0); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;"
  449. id="msText">
  450. MS
  451. </div>
  452. <div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 0);" id="msGraph">
  453. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  454. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  455. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  456. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  457. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  458. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  459. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  460. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  461. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  462. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  463. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  464. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  465. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  466. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  467. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  468. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  469. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  470. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  471. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  472. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  473. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  474. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  475. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  476. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  477. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  478. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  479. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  480. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  481. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  482. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  483. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  484. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  485. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  486. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  487. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  488. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  489. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  490. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  491. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  492. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  493. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  494. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  495. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  496. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  497. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  498. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  499. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  500. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  501. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  502. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  503. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  504. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  505. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  506. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  507. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  508. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  509. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  510. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  511. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  512. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  513. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  514. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  515. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  516. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  517. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  518. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  519. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  520. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  521. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  522. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  523. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  524. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  525. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  526. <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
  527. </div>
  528. </div>
  529. </div>
  530. <div class="photonui-widget wnp-infocomponent2D-container" id="widget-d850d988-aeb6-4390-a68c-699898070cfd">
  531. <label class="photonui-widget photonui-label photonui-widget-fixed-height" id="subsubMenuContainer" style="text-align: left;">
  532. 79.73 m2
  533. </label>
  534. </div>
  535. <!--
  536. <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">
  537. <div class="photonui-window-title">
  538. <button style="display: block;" title="Close" class="photonui-window-title-close-button"></button>
  539. <span class="photonui-window-title-text">Surfaces</span>
  540. </div>
  541. <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">
  542. <div id="widget-43a4e730-6d4c-446d-99e8-6ff2cc4aa2d6" style="padding: 5px; overflow: auto;" class="photonui-widget photonui-viewport photonui-container"></div>
  543. </div>
  544. </div>
  545. -->
  546. <div id="loaddiv" style="display:none;opacity: 0.6; z-index: 10000; position: absolute; background-color: rgb(255, 255, 255);">
  547. <img src="images/load.png" style="position: absolute; z-index: 10000;" id="loadimg">
  548. </div>
  549. <div id="wnp-floor-controller-node" class="wnp-floor-controller" style="position: absolute; top: 10px; left: 10px; max-width: 1264px;z-index: 100;">
  550. <a rel="1" class="photonui-wnpfloorcontrollerbutton photonui-widget deletable" id="floorAdd">
  551. <span>+ 添加楼层</span>
  552. </a>
  553. </div>
  554. <!--设置二维部分的墙 -->
  555. <div class="window window-with-button horizontal" id="configuratorWindow2" style="z-index: 2001; left: 829px; top: 289px;display: none;">
  556. <div class="window-title" id="edit2DTitle">
  557. <span class="window-close"></span>
  558. <h1>设置</h1>
  559. </div>
  560. <div class="tabbed-tabcontent">
  561. <section>
  562. <ul id="edit2Dcontent">
  563. <li class="param-item">
  564. <label>厚度</label>
  565. <span class="field">
  566. <input id="edit2D1" type="range" min="3" max="100" step="1" value="" class=" input-range unit">
  567. <input id="edit2D11" type="number" min="3" max="100" value="" step="1">
  568. </span>
  569. </li>
  570. <li class="param-item">
  571. <label>高度</label>
  572. <span class="field">
  573. <input id="edit2D2" type="range" min="0" max="250" step="1" value="" class=" input-range unit">
  574. <input id="edit2D22" type="number" min="0" max="250" value="" step="1">
  575. </span>
  576. </li>
  577. </ul>
  578. </section>
  579. </div>
  580. <div class="photonui-dialog-buttons">
  581. <button class="photonui-widget photonui-button photonui-button-color-green remove" id="widget-28471e0d-6ee5-4129-924c-9d564cdaf4d5">
  582. <span class="photonui-button-text" id="deleteWall">删除</span>
  583. </button>
  584. <button class="photonui-widget photonui-button photonui-button-color-green" id="widget-3334b64a-8f43-4525-ac5f-34d5313a1d4a">
  585. <span class="photonui-button-text" id="changeWall">确定</span>
  586. </button>
  587. </div>
  588. </div>
  589. <!--<script src="js/wanaplan.min.js"></script>-->
  590. <script src="libs/CanvasSketch.js"></script>
  591. <script src="./js/index.js"></script>
  592. </body>
  593. </html>