预定房源-.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>预定房源-</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  8. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  9. <link href="files/预定房源-/styles.css" type="text/css" rel="stylesheet"/>
  10. <script src="resources/scripts/jquery-3.2.1.min.js"></script>
  11. <script src="resources/scripts/axure/axQuery.js"></script>
  12. <script src="resources/scripts/axure/globals.js"></script>
  13. <script src="resources/scripts/axutils.js"></script>
  14. <script src="resources/scripts/axure/annotation.js"></script>
  15. <script src="resources/scripts/axure/axQuery.std.js"></script>
  16. <script src="resources/scripts/axure/doc.js"></script>
  17. <script src="resources/scripts/messagecenter.js"></script>
  18. <script src="resources/scripts/axure/events.js"></script>
  19. <script src="resources/scripts/axure/recording.js"></script>
  20. <script src="resources/scripts/axure/action.js"></script>
  21. <script src="resources/scripts/axure/expr.js"></script>
  22. <script src="resources/scripts/axure/geometry.js"></script>
  23. <script src="resources/scripts/axure/flyout.js"></script>
  24. <script src="resources/scripts/axure/model.js"></script>
  25. <script src="resources/scripts/axure/repeater.js"></script>
  26. <script src="resources/scripts/axure/sto.js"></script>
  27. <script src="resources/scripts/axure/utils.temp.js"></script>
  28. <script src="resources/scripts/axure/variables.js"></script>
  29. <script src="resources/scripts/axure/drag.js"></script>
  30. <script src="resources/scripts/axure/move.js"></script>
  31. <script src="resources/scripts/axure/visibility.js"></script>
  32. <script src="resources/scripts/axure/style.js"></script>
  33. <script src="resources/scripts/axure/adaptive.js"></script>
  34. <script src="resources/scripts/axure/tree.js"></script>
  35. <script src="resources/scripts/axure/init.temp.js"></script>
  36. <script src="resources/scripts/axure/legacy.js"></script>
  37. <script src="resources/scripts/axure/viewer.js"></script>
  38. <script src="resources/scripts/axure/math.js"></script>
  39. <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
  40. <script src="data/document.js"></script>
  41. <script src="files/预定房源-/data.js"></script>
  42. <script type="text/javascript">
  43. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  44. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  45. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  46. </script>
  47. </head>
  48. <body>
  49. <div id="base" class="">
  50. <!-- Unnamed (小程序) -->
  51. <!-- Unnamed (Image) -->
  52. <div id="u209227" class="ax_default image1">
  53. <img id="u209227_img" class="img " src="images/收费设置/u149148.png"/>
  54. <div id="u209227_text" class="text " style="display:none; visibility: hidden">
  55. <p></p>
  56. </div>
  57. </div>
  58. <!-- Unnamed (Rectangle) -->
  59. <div id="u209228" class="ax_default box_1">
  60. <div id="u209228_div" class=""></div>
  61. <div id="u209228_text" class="text " style="display:none; visibility: hidden">
  62. <p></p>
  63. </div>
  64. </div>
  65. <!-- Unnamed (Group) -->
  66. <div id="u209229" class="ax_default" data-left="309" data-top="71" data-width="88" data-height="32">
  67. <!-- Unnamed (Rectangle) -->
  68. <div id="u209230" class="ax_default box_1">
  69. <div id="u209230_div" class=""></div>
  70. <div id="u209230_text" class="text " style="display:none; visibility: hidden">
  71. <p></p>
  72. </div>
  73. </div>
  74. <!-- Unnamed (Group) -->
  75. <div id="u209231" class="ax_default" data-left="372" data-top="78" data-width="18" data-height="18">
  76. <!-- Unnamed (Ellipse) -->
  77. <div id="u209232" class="ax_default ellipse">
  78. <img id="u209232_img" class="img " src="images/收费设置/u149153.svg"/>
  79. <div id="u209232_text" class="text " style="display:none; visibility: hidden">
  80. <p></p>
  81. </div>
  82. </div>
  83. <!-- Unnamed (Ellipse) -->
  84. <div id="u209233" class="ax_default ellipse">
  85. <img id="u209233_img" class="img " src="images/收费设置/u149154.svg"/>
  86. <div id="u209233_text" class="text " style="display:none; visibility: hidden">
  87. <p></p>
  88. </div>
  89. </div>
  90. </div>
  91. <!-- Unnamed (Group) -->
  92. <div id="u209234" class="ax_default" data-left="323" data-top="84" data-width="21" data-height="7">
  93. <!-- Unnamed (Ellipse) -->
  94. <div id="u209235" class="ax_default ellipse">
  95. <img id="u209235_img" class="img " src="images/收费设置/u149156.svg"/>
  96. <div id="u209235_text" class="text " style="display:none; visibility: hidden">
  97. <p></p>
  98. </div>
  99. </div>
  100. <!-- Unnamed (Ellipse) -->
  101. <div id="u209236" class="ax_default ellipse">
  102. <img id="u209236_img" class="img " src="images/收费设置/u149156.svg"/>
  103. <div id="u209236_text" class="text " style="display:none; visibility: hidden">
  104. <p></p>
  105. </div>
  106. </div>
  107. <!-- Unnamed (Ellipse) -->
  108. <div id="u209237" class="ax_default ellipse">
  109. <img id="u209237_img" class="img " src="images/收费设置/u149158.svg"/>
  110. <div id="u209237_text" class="text " style="display:none; visibility: hidden">
  111. <p></p>
  112. </div>
  113. </div>
  114. </div>
  115. <!-- Unnamed (Line) -->
  116. <div id="u209238" class="ax_default _线段">
  117. <img id="u209238_img" class="img " src="images/收费设置/u149159.svg"/>
  118. <div id="u209238_text" class="text " style="display:none; visibility: hidden">
  119. <p></p>
  120. </div>
  121. </div>
  122. </div>
  123. <!-- Unnamed (Image) -->
  124. <div id="u209239" class="ax_default image1">
  125. <img id="u209239_img" class="img " src="images/收费设置/u149160.png"/>
  126. <div id="u209239_text" class="text " style="display:none; visibility: hidden">
  127. <p></p>
  128. </div>
  129. </div>
  130. <!-- Unnamed (Rectangle) -->
  131. <div id="u209240" class="ax_default box_1">
  132. <div id="u209240_div" class=""></div>
  133. <div id="u209240_text" class="text " style="display:none; visibility: hidden">
  134. <p></p>
  135. </div>
  136. </div>
  137. <!-- Unnamed (Group) -->
  138. <div id="u209241" class="ax_default" data-left="69" data-top="792" data-width="25" data-height="42">
  139. <!-- Unnamed (Ellipse) -->
  140. <div id="u209242" class="ax_default ellipse">
  141. <img id="u209242_img" class="img " src="images/收费设置/u149163.svg"/>
  142. <div id="u209242_text" class="text ">
  143. <p><span>icon</span></p>
  144. </div>
  145. </div>
  146. <!-- Unnamed (Rectangle) -->
  147. <div id="u209243" class="ax_default label">
  148. <div id="u209243_div" class=""></div>
  149. <div id="u209243_text" class="text ">
  150. <p><span>主页</span></p>
  151. </div>
  152. </div>
  153. </div>
  154. <!-- Unnamed (Group) -->
  155. <div id="u209244" class="ax_default" data-left="339" data-top="794" data-width="25" data-height="42">
  156. <!-- Unnamed (Ellipse) -->
  157. <div id="u209245" class="ax_default ellipse">
  158. <img id="u209245_img" class="img " src="images/收费设置/u149163.svg"/>
  159. <div id="u209245_text" class="text ">
  160. <p><span>icon</span></p>
  161. </div>
  162. </div>
  163. <!-- Unnamed (Rectangle) -->
  164. <div id="u209246" class="ax_default label">
  165. <div id="u209246_div" class=""></div>
  166. <div id="u209246_text" class="text ">
  167. <p><span>我的</span></p>
  168. </div>
  169. </div>
  170. </div>
  171. <!-- Unnamed (Rectangle) -->
  172. <div id="u209247" class="ax_default box_2">
  173. <div id="u209247_div" class=""></div>
  174. <div id="u209247_text" class="text " style="display:none; visibility: hidden">
  175. <p></p>
  176. </div>
  177. </div>
  178. <!-- Unnamed (Group) -->
  179. <div id="u209248" class="ax_default" data-left="245" data-top="792" data-width="37" data-height="42">
  180. <!-- Unnamed (Ellipse) -->
  181. <div id="u209249" class="ax_default ellipse">
  182. <img id="u209249_img" class="img " src="images/收费设置/u149163.svg"/>
  183. <div id="u209249_text" class="text ">
  184. <p><span>icon</span></p>
  185. </div>
  186. </div>
  187. <!-- Unnamed (Rectangle) -->
  188. <div id="u209250" class="ax_default label">
  189. <div id="u209250_div" class=""></div>
  190. <div id="u209250_text" class="text ">
  191. <p><span>工作台</span></p>
  192. </div>
  193. </div>
  194. </div>
  195. <!-- Unnamed (Group) -->
  196. <div id="u209251" class="ax_default" data-left="151" data-top="792" data-width="37" data-height="42">
  197. <!-- Unnamed (Ellipse) -->
  198. <div id="u209252" class="ax_default ellipse">
  199. <img id="u209252_img" class="img " src="images/收费设置/u149163.svg"/>
  200. <div id="u209252_text" class="text ">
  201. <p><span>icon</span></p>
  202. </div>
  203. </div>
  204. <!-- Unnamed (Rectangle) -->
  205. <div id="u209253" class="ax_default label">
  206. <div id="u209253_div" class=""></div>
  207. <div id="u209253_text" class="text ">
  208. <p><span>随手拍</span></p>
  209. </div>
  210. </div>
  211. </div>
  212. <div id="u209226" style="display:none; visibility:hidden;"></div>
  213. <!-- Unnamed (Image) -->
  214. <div id="u209254" class="ax_default image1">
  215. <img id="u209254_img" class="img " src="images/收费设置/u149175.png"/>
  216. <div id="u209254_text" class="text " style="display:none; visibility: hidden">
  217. <p></p>
  218. </div>
  219. </div>
  220. <!-- Unnamed (Shape) -->
  221. <div id="u209255" class="ax_default icon">
  222. <img id="u209255_img" class="img " src="images/收费设置/u149177.svg"/>
  223. <div id="u209255_text" class="text " style="display:none; visibility: hidden">
  224. <p></p>
  225. </div>
  226. </div>
  227. <!-- Unnamed (Rectangle) -->
  228. <div id="u209256" class="ax_default paragraph">
  229. <div id="u209256_div" class=""></div>
  230. <div id="u209256_text" class="text ">
  231. <p><span>预定房源</span></p>
  232. </div>
  233. </div>
  234. <!-- Unnamed (Group) -->
  235. <div id="u209257" class="ax_default" data-left="29" data-top="319" data-width="375" data-height="358">
  236. <!-- Unnamed (Rectangle) -->
  237. <div id="u209258" class="ax_default box_2">
  238. <div id="u209258_div" class=""></div>
  239. <div id="u209258_text" class="text " style="display:none; visibility: hidden">
  240. <p></p>
  241. </div>
  242. </div>
  243. <!-- Unnamed (Rectangle) -->
  244. <div id="u209259" class="ax_default heading_2">
  245. <div id="u209259_div" class=""></div>
  246. <div id="u209259_text" class="text ">
  247. <p><span>客户类型</span></p>
  248. </div>
  249. </div>
  250. <!-- Unnamed (Rectangle) -->
  251. <div id="u209260" class="ax_default heading_2">
  252. <div id="u209260_div" class=""></div>
  253. <div id="u209260_text" class="text ">
  254. <p><span>预定客户</span></p>
  255. </div>
  256. </div>
  257. <!-- Unnamed (Rectangle) -->
  258. <div id="u209261" class="ax_default box_2">
  259. <div id="u209261_div" class=""></div>
  260. <div id="u209261_text" class="text " style="display:none; visibility: hidden">
  261. <p></p>
  262. </div>
  263. </div>
  264. <!-- Unnamed (Rectangle) -->
  265. <div id="u209262" class="ax_default heading_2">
  266. <div id="u209262_div" class=""></div>
  267. <div id="u209262_text" class="text ">
  268. <p><span>*企业名称</span></p>
  269. </div>
  270. </div>
  271. <!-- Unnamed (Rectangle) -->
  272. <div id="u209263" class="ax_default box_2">
  273. <div id="u209263_div" class=""></div>
  274. <div id="u209263_text" class="text " style="display:none; visibility: hidden">
  275. <p></p>
  276. </div>
  277. </div>
  278. <!-- Unnamed (Rectangle) -->
  279. <div id="u209264" class="ax_default heading_2">
  280. <div id="u209264_div" class=""></div>
  281. <div id="u209264_text" class="text ">
  282. <p><span>预定说明</span></p>
  283. </div>
  284. </div>
  285. <!-- Unnamed (Rectangle) -->
  286. <div id="u209265" class="ax_default heading_2">
  287. <div id="u209265_div" class=""></div>
  288. <div id="u209265_text" class="text ">
  289. <p><span>填写预定房源相关说明</span></p>
  290. </div>
  291. </div>
  292. <!-- Unnamed (Rectangle) -->
  293. <div id="u209266" class="ax_default box_1">
  294. <div id="u209266_div" class=""></div>
  295. <div id="u209266_text" class="text ">
  296. <p><span>企业</span></p>
  297. </div>
  298. </div>
  299. <!-- Unnamed (Rectangle) -->
  300. <div id="u209267" class="ax_default box_1">
  301. <div id="u209267_div" class=""></div>
  302. <div id="u209267_text" class="text ">
  303. <p><span>个人</span></p>
  304. </div>
  305. </div>
  306. <!-- Unnamed (Rectangle) -->
  307. <div id="u209268" class="ax_default box_2">
  308. <div id="u209268_div" class=""></div>
  309. <div id="u209268_text" class="text " style="display:none; visibility: hidden">
  310. <p></p>
  311. </div>
  312. </div>
  313. <!-- Unnamed (Rectangle) -->
  314. <div id="u209269" class="ax_default heading_2">
  315. <div id="u209269_div" class=""></div>
  316. <div id="u209269_text" class="text ">
  317. <p><span>*联系人</span></p>
  318. </div>
  319. </div>
  320. <!-- Unnamed (Rectangle) -->
  321. <div id="u209270" class="ax_default heading_2">
  322. <div id="u209270_div" class=""></div>
  323. <div id="u209270_text" class="text ">
  324. <p><span>请填写</span></p>
  325. </div>
  326. </div>
  327. <!-- Unnamed (Rectangle) -->
  328. <div id="u209271" class="ax_default box_2">
  329. <div id="u209271_div" class=""></div>
  330. <div id="u209271_text" class="text " style="display:none; visibility: hidden">
  331. <p></p>
  332. </div>
  333. </div>
  334. <!-- Unnamed (Rectangle) -->
  335. <div id="u209272" class="ax_default heading_2">
  336. <div id="u209272_div" class=""></div>
  337. <div id="u209272_text" class="text ">
  338. <p><span>联系方式</span></p>
  339. </div>
  340. </div>
  341. <!-- Unnamed (Rectangle) -->
  342. <div id="u209273" class="ax_default heading_2">
  343. <div id="u209273_div" class=""></div>
  344. <div id="u209273_text" class="text ">
  345. <p><span>默认当前用户手机号,不支持修改</span></p>
  346. </div>
  347. </div>
  348. <!-- Unnamed (Group) -->
  349. <div id="u209274" class="ax_default" data-left="329" data-top="410" data-width="59.6568542494924" data-height="30">
  350. <!-- Unnamed (Rectangle) -->
  351. <div id="u209275" class="ax_default box_1">
  352. <div id="u209275_div" class=""></div>
  353. <div id="u209275_text" class="text " style="display:none; visibility: hidden">
  354. <p></p>
  355. </div>
  356. </div>
  357. <!-- Unnamed (Rectangle) -->
  358. <div id="u209276" class="ax_default heading_2">
  359. <div id="u209276_div" class=""></div>
  360. <div id="u209276_text" class="text ">
  361. <p><span>请选择</span></p>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. <!-- Unnamed (Rectangle) -->
  367. <div id="u209277" class="ax_default box_2">
  368. <div id="u209277_div" class=""></div>
  369. <div id="u209277_text" class="text " style="display:none; visibility: hidden">
  370. <p></p>
  371. </div>
  372. </div>
  373. <!-- Unnamed (Rectangle) -->
  374. <div id="u209278" class="ax_default heading_2">
  375. <div id="u209278_div" class=""></div>
  376. <div id="u209278_text" class="text ">
  377. <p><span>选择房源</span></p>
  378. </div>
  379. </div>
  380. <!-- Unnamed (Rectangle) -->
  381. <div id="u209279" class="ax_default box_1">
  382. <div id="u209279_div" class=""></div>
  383. <div id="u209279_text" class="text ">
  384. <p><span>支付定金</span></p>
  385. </div>
  386. </div>
  387. <!-- Unnamed (Rectangle) -->
  388. <div id="u209280" class="ax_default box_2">
  389. <div id="u209280_div" class=""></div>
  390. <div id="u209280_text" class="text " style="display:none; visibility: hidden">
  391. <p></p>
  392. </div>
  393. </div>
  394. <!-- Unnamed (Rectangle) -->
  395. <div id="u209281" class="ax_default heading_2">
  396. <div id="u209281_div" class=""></div>
  397. <div id="u209281_text" class="text ">
  398. <p><span>所在园区</span></p>
  399. </div>
  400. </div>
  401. <!-- Unnamed (Group) -->
  402. <div id="u209282" class="ax_default" data-left="329" data-top="126" data-width="59.6568542494924" data-height="30">
  403. <!-- Unnamed (Rectangle) -->
  404. <div id="u209283" class="ax_default box_1">
  405. <div id="u209283_div" class=""></div>
  406. <div id="u209283_text" class="text " style="display:none; visibility: hidden">
  407. <p></p>
  408. </div>
  409. </div>
  410. <!-- Unnamed (Rectangle) -->
  411. <div id="u209284" class="ax_default heading_2">
  412. <div id="u209284_div" class=""></div>
  413. <div id="u209284_text" class="text ">
  414. <p><span>请选择</span></p>
  415. </div>
  416. </div>
  417. </div>
  418. <!-- Unnamed (Group) -->
  419. <div id="u209285" class="ax_default" data-left="329" data-top="177" data-width="59.6568542494923" data-height="30">
  420. <!-- Unnamed (Rectangle) -->
  421. <div id="u209286" class="ax_default box_1">
  422. <div id="u209286_div" class=""></div>
  423. <div id="u209286_text" class="text " style="display:none; visibility: hidden">
  424. <p></p>
  425. </div>
  426. </div>
  427. <!-- Unnamed (Rectangle) -->
  428. <div id="u209287" class="ax_default heading_2">
  429. <div id="u209287_div" class=""></div>
  430. <div id="u209287_text" class="text ">
  431. <p><span>请选择</span></p>
  432. </div>
  433. </div>
  434. </div>
  435. <!-- Unnamed (Group) -->
  436. <div id="u209288" class="ax_default" data-left="29" data-top="218" data-width="375" data-height="50">
  437. <!-- Unnamed (Rectangle) -->
  438. <div id="u209289" class="ax_default box_2">
  439. <div id="u209289_div" class=""></div>
  440. <div id="u209289_text" class="text " style="display:none; visibility: hidden">
  441. <p></p>
  442. </div>
  443. </div>
  444. <!-- Unnamed (Rectangle) -->
  445. <div id="u209290" class="ax_default heading_2">
  446. <div id="u209290_div" class=""></div>
  447. <div id="u209290_text" class="text ">
  448. <p><span>预定金</span></p>
  449. </div>
  450. </div>
  451. <!-- Unnamed (Rectangle) -->
  452. <div id="u209291" class="ax_default heading_2">
  453. <div id="u209291_div" class=""></div>
  454. <div id="u209291_text" class="text ">
  455. <p><span>选择房源之后自动显示</span></p>
  456. </div>
  457. </div>
  458. </div>
  459. <!-- Unnamed (Group) -->
  460. <div id="u209292" class="ax_default" data-left="29" data-top="269" data-width="375" data-height="50">
  461. <!-- Unnamed (Rectangle) -->
  462. <div id="u209293" class="ax_default box_2">
  463. <div id="u209293_div" class=""></div>
  464. <div id="u209293_text" class="text " style="display:none; visibility: hidden">
  465. <p></p>
  466. </div>
  467. </div>
  468. <!-- Unnamed (Rectangle) -->
  469. <div id="u209294" class="ax_default heading_2">
  470. <div id="u209294_div" class=""></div>
  471. <div id="u209294_text" class="text ">
  472. <p><span>预定期限</span></p>
  473. </div>
  474. </div>
  475. <!-- Unnamed (Rectangle) -->
  476. <div id="u209295" class="ax_default heading_2">
  477. <div id="u209295_div" class=""></div>
  478. <div id="u209295_text" class="text ">
  479. <p><span>- -</span></p>
  480. </div>
  481. </div>
  482. </div>
  483. <!-- Unnamed (Checkbox) -->
  484. <div id="u209296" class="ax_default checkbox">
  485. <label id="u209296_input_label" for="u209296_input" style="position: absolute; left: 0px;">
  486. <img id="u209296_img" class="img " src="images/预定房源-/u209296.svg"/>
  487. <div id="u209296_text" class="text ">
  488. <p><span>我已阅读并同意</span><span style="color:#1890FF;">《预定房源协议》</span></p>
  489. </div>
  490. </label>
  491. <input id="u209296_input" type="checkbox" value="checkbox"/>
  492. </div>
  493. </div>
  494. <script src="resources/scripts/axure/ios.js"></script>
  495. </body>
  496. </html>