Açıklama Yok

inquire.html 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>综合查询</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="../css/mui.css" rel="stylesheet" />
  10. <link href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="../css/iconfont.css" rel="stylesheet" />
  13. <link href="css/inquire.css" rel="stylesheet" />
  14. </head>
  15. <body style="background: #f5f5f6;">
  16. <header class="mui-bar mui-bar-nav" style="padding-right: 15px; color: #fff;">
  17. <a class="mui-action-back mui-icon mui-icon mui-icon-closeempty mui-pull-left" style="color: #FFFFFF;"></a>
  18. <h1 class="mui-center mui-title"><span class="Totle-box">综合查询</span></h1>
  19. </header>
  20. <div class="mui-nav">
  21. <a class="mui-icon mui-icon-arrowleft" href="../index.html"></a>
  22. 待处理工单
  23. <span class="font-size-24">...</span>
  24. </div>
  25. <div class="mui-content" style="margin-top: 44px; background: #f5f5f6;">
  26. <div id="slider" class="mui-slider">
  27. <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  28. <a class="mui-control-item mui-active" href="#item1mobile">
  29. 已完成
  30. </a>
  31. <a class="mui-control-item" href="#item2mobile">
  32. 超时工单
  33. </a>
  34. </div>
  35. <div class="mui-slider-group">
  36. <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
  37. <div class="mui-card">
  38. <div class="mui-card-header">
  39. <div class="fl">
  40. <span>咨询</span>|
  41. <span>租户</span>|
  42. <button class="mui-btn-primary">重要</button>
  43. </div>
  44. <div class="fr"><span>05/06</span><span>12:33</span></div>
  45. </div>
  46. <div class="mui-card-content">
  47. <div class="mui-card-content-inner">
  48. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  49. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  50. <div class="mui-card-content-inner-span">
  51. <span id="">范冰冰 </span>
  52. <span id="">15222222222</span>
  53. <span >受理人:黄渤</span>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="mui-card">
  59. <div class="mui-card-header">
  60. <div class="fl">
  61. <span>咨询</span>|
  62. <span>租户</span>|
  63. <button class="mui-btn-primary">重要</button>
  64. </div>
  65. <div class="fr"><span>05/06</span><span>12:33</span></div>
  66. </div>
  67. <div class="mui-card-content">
  68. <div class="mui-card-content-inner">
  69. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  70. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  71. <div class="mui-card-content-inner-span">
  72. <span id="">范冰冰 </span>
  73. <span id="">15222222222</span>
  74. <span >受理人:黄渤</span>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="mui-card">
  80. <div class="mui-card-header">
  81. <div class="fl">
  82. <span>咨询</span>|
  83. <span>租户</span>|
  84. <button class="mui-btn-primary">重要</button>
  85. </div>
  86. <div class="fr"><span>05/06</span><span>12:33</span></div>
  87. </div>
  88. <div class="mui-card-content">
  89. <div class="mui-card-content-inner">
  90. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  91. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  92. <div class="mui-card-content-inner-span">
  93. <span id="">范冰冰 </span>
  94. <span id="">15222222222</span>
  95. <span >受理人:黄渤</span>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div id="item2mobile" class="mui-slider-item mui-control-content">
  102. <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
  103. <div class="mui-card">
  104. <div class="mui-card-header">
  105. <div class="fl">
  106. <span>咨询</span>|
  107. <span>租户</span>|
  108. <button class="mui-btn-primary">重要</button>
  109. <button class="mui-btn-danger">超时</button>
  110. </div>
  111. <div class="fr"><span>05/06</span><span>12:33</span></div>
  112. </div>
  113. <div class="mui-card-content">
  114. <div class="mui-card-content-inner">
  115. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  116. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  117. <div class="mui-card-content-inner-span">
  118. <span id="">范冰冰 </span>
  119. <span id="">15222222222</span>
  120. <span >受理人:黄渤</span>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="mui-card">
  126. <div class="mui-card-header">
  127. <div class="fl">
  128. <span>咨询</span>|
  129. <span>租户</span>|
  130. <button class="mui-btn-primary">重要</button>
  131. <button class="mui-btn-danger">超时</button>
  132. </div>
  133. <div class="fr"><span>05/06</span><span>12:33</span></div>
  134. </div>
  135. <div class="mui-card-content">
  136. <div class="mui-card-content-inner">
  137. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  138. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  139. <div class="mui-card-content-inner-span">
  140. <span id="">范冰冰 </span>
  141. <span id="">15222222222</span>
  142. <span >受理人:黄渤</span>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="mui-card">
  148. <div class="mui-card-header">
  149. <div class="fl">
  150. <span>咨询</span>|
  151. <span>租户</span>|
  152. <button class="mui-btn-primary">重要</button>
  153. <button class="mui-btn-danger">超时</button>
  154. </div>
  155. <div class="fr"><span>05/06</span><span>12:33</span></div>
  156. </div>
  157. <div class="mui-card-content">
  158. <div class="mui-card-content-inner">
  159. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  160. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  161. <div class="mui-card-content-inner-span">
  162. <span id="">范冰冰 </span>
  163. <span id="">15222222222</span>
  164. <span >受理人:黄渤</span>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div style="width: 100%; height: 60px;"></div>
  173. </div>
  174. <script src="../js/mui.min.js?"></script>
  175. <script src="../js/mui.picker.js"></script>
  176. <script src="../js/mui.poppicker.js"></script>
  177. <script src="../js/jquery.min.js"></script>
  178. <script src="js/inquire.js"></script>
  179. </body>
  180. </html>