homeNew.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <title>首页</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11. <script src="../js/mui.js"></script>
  12. <script src="../js/pageConfig.js"></script>
  13. <link href="../css/mui.min.css" rel="stylesheet" />
  14. <link rel="stylesheet" href="../css/homeNew.css">
  15. </head>
  16. <body>
  17. <div class="mui-content">
  18. <div class="searchPanel" id="searchPanelBox"></div>
  19. <div class="mui-main-box">
  20. <div class="selectFloor">主语国际3号楼A座</div>
  21. <!-- 头部搜索框 -->
  22. <div class="mui-input-row mui-search displayFlex">
  23. <input type="search" id="searchInput" class="mui-input-clear" placeholder="请输入关键字搜索">
  24. <span id="muiSearchCancel">取消</span>
  25. </div>
  26. <div class="mainBox" style="position: relative;">
  27. <!-- 通知公告Box -->
  28. <div class="messageBox menuLocalPage" data-page-name="messagePage">
  29. </div>
  30. <div style="margin: 0.5rem 0;" class="menuLocalPage" data-page-name="messagePage">
  31. <span class="ortherMsg">
  32. <?xml version="1.0" standalone="no"?>
  33. <!DOCTYPE svg
  34. PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg
  35. t="1683689296206" class="icon" viewBox="0 0 1024 1024" version="1.1"
  36. xmlns="http://www.w3.org/2000/svg" p-id="2581"
  37. xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" fill="#FFF">
  38. <path
  39. d="M444.708571 174.08l-167.314285 93.44A36.571429 36.571429 0 0 1 256 274.285714H73.142857a73.142857 73.142857 0 0 0-73.142857 73.142857v329.142858a73.142857 73.142857 0 0 0 73.142857 73.142857h182.857143a36.571429 36.571429 0 0 1 21.211429 6.765714l167.314285 93.44a73.142857 73.142857 0 0 0 115.748572-59.428571V233.508571a73.142857 73.142857 0 0 0-115.565715-59.428571zM815.177143 887.771429a36.571429 36.571429 0 0 1-21.76-66.011429 384 384 0 0 0 0-619.52 36.571429 36.571429 0 0 1 43.337143-59.062857 457.142857 457.142857 0 0 1 0 737.645714 36.571429 36.571429 0 0 1-21.577143 6.948572z"
  40. fill="#FFFFFF" p-id="2582"></path>
  41. <path
  42. d="M711.497143 736.365714a36.571429 36.571429 0 0 1-26.514286-61.622857 237.714286 237.714286 0 0 0 0-325.485714 36.571429 36.571429 0 0 1 53.211429-50.285714 310.857143 310.857143 0 0 1 0 426.057142 36.571429 36.571429 0 0 1-26.697143 11.337143z"
  43. fill="#FFFFFF" p-id="2583"></path>
  44. </svg>
  45. 更多通知
  46. </span>
  47. </div>
  48. <!-- 再来一次Box -->
  49. <h4>再来一次</h4>
  50. <div class="aginListBox">
  51. <div class="displayFlex aginItem cardBox">
  52. <div class="time">
  53. 12:00
  54. </div>
  55. <div>
  56. <p>2人</p>
  57. <p>海底捞火锅</p>
  58. </div>
  59. <div class="menuLocalPage" data-page-name="bookingDetails">再次预约</div>
  60. </div>
  61. <div class="displayFlex aginItem cardBox">
  62. <div class="time">
  63. 12:00
  64. </div>
  65. <div>
  66. <p>2人</p>
  67. <p>海底捞火锅</p>
  68. </div>
  69. <div class="menuLocalPage" data-page-name="bookingDetails">再次预约</div>
  70. </div>
  71. </div>
  72. <!-- 我的预约 -->
  73. <h4>我的预约</h4>
  74. <div>
  75. <div class="displayFlex" style="align-items: stretch;">
  76. <div class="backgroupColor menuLocalPage" data-page-name="myAppointment">
  77. <p>
  78. <?xml version="1.0" standalone="no"?>
  79. <!DOCTYPE svg
  80. PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  81. <svg t="1683711550654" class="icon" viewBox="0 0 1024 1024" version="1.1"
  82. xmlns="http://www.w3.org/2000/svg" p-id="4417"
  83. xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14">
  84. <path
  85. d="M352 128h32v128h-32zM640 576h128v32H640zM416 192h192v32H416zM640 128h32v128h-32zM448 448h128v32H448zM640 448h128v32H640zM448 576h128v32H448zM256 576h128v32H256z"
  86. p-id="4418" fill="#ffffff"></path>
  87. <path
  88. d="M864 192H704v32h160v64H160v-64h160v-32H160c-17.6 0-32 14.4-32 32v640c0 17.6 14.4 32 32 32h704c17.6 0 32-14.4 32-32V224c0-17.6-14.4-32-32-32z m0 672H160V320h704v544z"
  89. p-id="4419" fill="#ffffff"></path>
  90. <path d="M256 704h128v32H256zM256 448h128v32H256zM448 704h128v32H448z"
  91. p-id="4420" fill="#ffffff"></path>
  92. </svg>
  93. 2023-03-08
  94. </p>
  95. <p>
  96. <?xml version="1.0" standalone="no"?>
  97. <!DOCTYPE svg
  98. PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  99. <svg t="1683711684446" class="icon" viewBox="0 0 1024 1024" version="1.1"
  100. xmlns="http://www.w3.org/2000/svg" p-id="9473"
  101. xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14">
  102. <path
  103. d="M707.1 505.7H547.9V249.8c0-1.1-0.9-2-2-2h-60.5c-1.1 0-2 0.9-2 2v318.3c0 1.1 0.9 2 2 2H707c1.1 0 2-0.9 2-2v-60.5c0.1-1-0.8-1.9-1.9-1.9z"
  104. fill="#ffffff" p-id="9474"></path>
  105. <path
  106. d="M804.2 835.5C882.4 759.3 931 653 931 535.5c0-95-31.8-182.7-85.3-253.1 23.6-24 36.9-56.1 36.9-90.3 0-71.1-57.8-128.9-128.9-128.9-50.4 0-94.9 28.8-116 72.6-39.7-12.5-81.9-19.3-125.7-19.3s-86 6.8-125.7 19.3c-21.1-43.5-65.6-72.6-116-72.6-71.1 0-128.9 57.8-128.9 128.9 0 34.3 13.6 66.6 36.9 90.3C124.8 352.7 93 440.5 93 535.5c0 110.5 43 211.1 113.1 286.1l-93.2 93.2c-0.8 0.8-0.8 2.1 0 2.8l42.8 42.8c0.8 0.8 2.1 0.8 2.8 0l95.2-95.2c71.2 55.9 161 89.3 258.3 89.3 90.3 0 174-28.7 242.5-77.5l83.3 83.3c0.8 0.8 2.1 0.8 2.8 0l42.8-42.8c0.8-0.8 0.8-2.1 0-2.8l-79.2-79.2z m-50.5-707.9c35.5 0 64.5 28.9 64.5 64.5 0 15.6-5.6 30.3-15.5 41.9-30.8-29.7-66.2-54.8-104.9-74 11.2-19.7 32.3-32.4 55.9-32.4z m-483.4 0c23.7 0 44.7 12.8 55.9 32.3-38.7 19.2-74.1 44.3-104.9 74-9.8-11.5-15.5-26.3-15.5-41.9 0-35.5 28.9-64.4 64.5-64.4zM157.5 535.5C157.5 340 316.5 181 512 181s354.5 159 354.5 354.5S707.5 890 512 890 157.5 730.9 157.5 535.5z"
  107. fill="#ffffff" p-id="9475"></path>
  108. </svg>
  109. 12:00
  110. </p>
  111. <p>
  112. <?xml version="1.0" standalone="no"?>
  113. <!DOCTYPE svg
  114. PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  115. <svg t="1683711746793" class="icon" viewBox="0 0 1024 1024" version="1.1"
  116. xmlns="http://www.w3.org/2000/svg" p-id="10549"
  117. xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14">
  118. <path
  119. d="M164.445091 330.984727c0-95.604364 79.080727-173.102545 176.64-173.102545 97.605818 0 176.686545 77.498182 176.686545 173.102545s-79.127273 173.102545-176.686545 173.102546-176.64-77.498182-176.64-173.102546zM407.272727 808.354909v-11.962182c0-88.250182 45.986909-165.794909 115.339637-211.502545a230.958545 230.958545 0 0 0-100.491637-23.086546H274.850909c-126.045091 0-228.212364 100.072727-228.212364 223.557819v14.42909c0 50.501818 102.167273 50.501818 228.212364 50.501819H415.650909a101.841455 101.841455 0 0 1-8.378182-41.937455z m313.623273-532.852364c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m0 0c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m-54.923636 335.313455c-104.634182 0-189.44 83.083636-189.44 185.576727v11.962182c0 41.890909 84.805818 41.890909 189.44 41.890909h122.228363c104.587636 0 189.346909-1.536 189.346909-41.890909v-11.962182c0-102.493091-84.759273-185.576727-189.346909-185.576727h-122.228363z m0 0"
  120. p-id="10550" fill="#ffffff"></path>
  121. </svg>
  122. 2人
  123. </p>
  124. <p>
  125. <?xml version="1.0" standalone="no"?>
  126. <!DOCTYPE svg
  127. PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  128. <svg t="1683711871206" class="icon" viewBox="0 0 1024 1024" version="1.1"
  129. xmlns="http://www.w3.org/2000/svg" p-id="13862"
  130. xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14">
  131. <path
  132. d="M870.4 793.6q0 6.144-6.144 10.24t-14.336 4.096-14.336-4.096-6.144-10.24l0-468.992q0-6.144 6.144-12.8t14.336-6.656 14.336 6.144 6.144 12.288l0 470.016zM961.536 793.6q0 6.144-6.144 10.24t-14.336 4.096-14.336-4.096-6.144-10.24l0-470.016q0-6.144 6.144-12.288t14.336-6.144 14.336 6.144 6.144 12.288l0 470.016zM541.696 771.072q0 19.456-12.288 31.232t-31.744 11.776l-188.416 0q-20.48 0-34.304-12.8t-13.824-32.256l0-45.056 280.576 0 0 47.104zM52.224 335.872q-11.264 0-15.36 4.608t-4.608 12.288 0 18.432 0.512 23.04q-1.024 30.72 9.216 69.632t32.256 76.288 57.856 70.144 84.992 52.224q56.32 21.504 114.688 27.136t110.08 2.56 91.648-12.288 58.368-17.408q29.696-13.312 60.416-29.184t57.344-45.056 45.568-76.288 24.064-121.856q2.048-26.624-2.048-40.448t-24.576-13.824l-700.416 0z"
  133. p-id="13863" fill="#ffffff"></path>
  134. </svg>
  135. 海底捞火锅
  136. </p>
  137. <p>查看更多></p>
  138. </div>
  139. <div class="menuIconListBox">
  140. <div class="menuIconList">
  141. <div class="menuLocalPage" data-page-name="restaurantReservation">
  142. <div class="menuIcon"></div>
  143. <p>餐厅预约</p>
  144. </div>
  145. <div class="menuLocalPage" data-page-name="busReservation">
  146. <div class="menuIcon"></div>
  147. <p>公车预约</p>
  148. </div>
  149. </div>
  150. <div class="menuIconList">
  151. <div class="menuLocalPage" data-page-name="stationReservation">
  152. <div class="menuIcon"></div>
  153. <p>工位预约</p>
  154. </div>
  155. <div class="menuLocalPage" data-page-name="visitorReservation">
  156. <div class="menuIcon"></div>
  157. <p>访客预约</p>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <!-- 常用应用 -->
  164. <div class="displayFlex">
  165. <h4>常用应用</h4>
  166. <!-- <h5 style="">管理></h5> -->
  167. </div>
  168. <div class="cardBox">
  169. <div class="menuIconList2">
  170. <div style="width: 25%;" class="menuLocalPage" data-page-name="intelligentSecurity">
  171. <div class="menuIcon"></div>
  172. <p>智慧安防</p>
  173. </div>
  174. <div style="width: 25%;" class="menuLocalPage" data-page-name="intelligentStrategy">
  175. <div class="menuIcon"></div>
  176. <p>智慧策略</p>
  177. </div>
  178. <div style="width: 25%;" class="menuLocalPage" data-page-name="404">
  179. <div class="menuIcon"></div>
  180. <p>智慧能源</p>
  181. </div>
  182. <div style="width: 25%;" class="menuLocalPage" data-page-name="messagePage">
  183. <div class="menuIcon"></div>
  184. <p>我的通知</p>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <!-- 底部菜单 -->
  192. <div class="menuIconList bottomMenu">
  193. <div class="activeMenu">
  194. <div class="menuIcon2">
  195. </div>
  196. <p>首页</p>
  197. </div>
  198. <div class="menuLocalPage" data-page-name="kanbanPage">
  199. <div class="menuIcon2">
  200. </div>
  201. <p>看板</p>
  202. </div>
  203. <div class="menuLocalPage" data-page-name="messagePage">
  204. <div class="menuIcon2">
  205. </div>
  206. <p>消息</p>
  207. </div>
  208. <div class="menuLocalPage" data-page-name="myPage">
  209. <div class="menuIcon2">
  210. </div>
  211. <p>我的</p>
  212. </div>
  213. </div>
  214. </body>
  215. <script src="../js/util.js"></script>
  216. </html>