You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

192 lines
6.5 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>填写订单</title>
  6. <link rel="stylesheet" href="css/main.css" />
  7. <link rel="stylesheet" href="css/ui-base.css" />
  8. <link rel="stylesheet" href="css/ui-box.css" />
  9. <link rel="stylesheet" href="css/ui-color.css" />
  10. <link rel="stylesheet" href="css/wechat.min.css" />
  11. <link rel="stylesheet" href="css/master.css" />
  12. <link rel="stylesheet" href="css/reset.css" />
  13. <link rel="stylesheet" href="css/search_result.css" />
  14. </head>
  15. <body class="bc-bg" >
  16. <!--填写订单住页面-->
  17. <div id="order_detail_info">
  18. <!--日期上下站-->
  19. <div class="ub ub-ver umar-a-15 sg-bg">
  20. <div class="ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15" id="go_info">
  21. <span>7月28日</span>
  22. <span>[出发地]</span>
  23. <span>--</span>
  24. <span>[目的地]</span>
  25. </div>
  26. <div id="start_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
  27. <div class="ub-f1" id="up_station">
  28. <span>上</span>
  29. <span class="ub-f1 ui_p_l40" id="up_station_time" valId="">[07:30 黄埔旅游集散站]</span>
  30. </div>
  31. <span>></span>
  32. </div>
  33. <div id="end_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
  34. <div class="ub-f1" id="down_station">
  35. <span>下</span>
  36. <span class="ub-f1 ui_p_l40" id="down_station_time" valId="">[09:30 西栅1号停车场]</span>
  37. </div>
  38. <span>></span>
  39. </div>
  40. </div>
  41. <!--选择返程-->
  42. <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15 ">
  43. <div class="ub-f1" id="ifback" status='0'>选择返程</div>
  44. <div>></div>
  45. </div>
  46. <!--选择返程 内容-->
  47. <div class="ub ub-ver umar-a-15 sg-bg " style="margin-top: -0.15rem;" id="back_info" >
  48. <div class="ub ub-ac ui_m_r15 ui_m_l15 ubb bc-border">
  49. <div class="ub-f3 ">
  50. <div class="ub-f1 ui_p_t05 ui_p_b15">
  51. <span>7月28日</span>
  52. <span>[出发地]</span>
  53. <span>--</span>
  54. <span>[目的地]</span>
  55. </div>
  56. </div>
  57. <div>></div>
  58. </div>
  59. <div class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
  60. <div class="ub-f1" id="up_station">
  61. <span>上</span>
  62. <span class="ub-f1 ui_p_l40" id="back_up_station_time" valId="">[07:30 黄埔旅游集散站]</span>
  63. </div>
  64. <span>></span>
  65. </div>
  66. <div class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
  67. <div class="ub-f1" id="down_station">
  68. <span>下</span>
  69. <span class="ub-f1 ui_p_l40" id="back_down_station_time" valId="">[09:30 西栅1号停车场]</span>
  70. </div>
  71. <span>></span>
  72. </div>
  73. </div>
  74. <!--座位信息-->
  75. <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15">
  76. <div class="ub-f1">普通座</div>
  77. <div class="ub-f1 text_right ui_p_r10">50元</div>
  78. <div class="ub-f1 ui_p_r05 text_right">
  79. <span>-</span>
  80. <span class="ui_p_b05 ui_p_t05 ui_p_l05 ui_p_r05 text_middle bc-bg">n</span>
  81. <span>+</span>
  82. </div>
  83. </div>
  84. <!--联系人信息-->
  85. <div class="ub ub-ver sg-bg umar-a-15" style="margin-bottom: 0.6rem">
  86. <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15 ui_line_b">
  87. <input type="text" placeholder="联系人姓名" style="width: 2.5rem"/>
  88. </div>
  89. <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15">
  90. <input type="text" placeholder="手机号码" style="width: 2.5rem"/>
  91. </div>
  92. </div>
  93. <div class="ub sg-bg bottom_screen">
  94. <div class="ub-f3 ui_p_l20 ui_p_t15 ui_p_b15">¥100</div>
  95. <div class="ub-f2 text_middle ui_p_t15 ui_p_b15 " style="background-color: darkgrey;">支付</div>
  96. </div>
  97. </div>
  98. <!--选择返程主页面-->
  99. <div class="ui_m_t10 ui_hide" id="select_back_div">
  100. <div class="ub-ac ub-ver ub ulev2 uinn">
  101. <div id="select_date">
  102. <span>9月28日</span>
  103. </div>
  104. </div>
  105. <div class="ub ub-ver">
  106. <li class="ub uinn1 umar-a sg-bg ub-ac">
  107. <div class="search_box1">07:30</div>
  108. <div class="ub ub-f1 ub-ver search_box2">
  109. <div class="search_div1">
  110. <img src="images/start_yuan.png">
  111. <span>乌镇</span>
  112. </div>
  113. <div class="search_div2">
  114. <img src="images/end_yuan.png">
  115. <span>上海</span>
  116. </div>
  117. </div>
  118. <div class="search_box3">¥50</div>
  119. </li>
  120. <li class="ub uinn1 umar-a sg-bg ub-ac">
  121. <div class="search_box1">07:30</div>
  122. <div class="ub ub-f1 ub-ver search_box2">
  123. <div class="search_div1">
  124. <img src="images/start_yuan.png">
  125. <span>乌镇</span>
  126. </div>
  127. <div class="search_div2">
  128. <img src="images/end_yuan.png">
  129. <span>上海</span>
  130. </div>
  131. </div>
  132. <div class="search_box3">¥50</div>
  133. </li>
  134. </div>
  135. </div>
  136. <div id="actionSheet_wrap">
  137. <div class="weui_mask_transition weui_fade_toggle" id="mask" ></div>
  138. <div class="weui_actionsheet " id="weui_actionsheet">
  139. <div class="weui_actionsheet_menu" id="wei_info">
  140. <div class="weui_actionsheet_cell" id="[id]">示例菜单</div>
  141. </div>
  142. <div class="weui_actionsheet_action">
  143. <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
  144. </div>
  145. </div>
  146. </div>
  147. <!--日历弹层-->
  148. <div class="content">
  149. <div class="month clearfix fire aonelist"></div>
  150. </div>
  151. <!--返程查询结果弹层-->
  152. <div id="back_search_results" class="ui_hide">
  153. <div class="ub-ac ub-ver ub ulev2 uinn">
  154. <div id="select_date">
  155. <span>[日期]</span>
  156. </div>
  157. </div>
  158. <div class="ub ub-ver" id="list_info">
  159. <li class="ub uinn1 umar-a sg-bg ub-ac" id="li[order_idli]" onclick="goPayInfo([order_id],[start_id],[end_id])">
  160. <div class="search_box1">[时间]</div>
  161. <div class="ub ub-f1 ub-ver search_box2">
  162. <div class="search_div1">
  163. <img src="images/start_yuan.png">
  164. <span>[出发地]</span>
  165. </div>
  166. <div class="search_div2">
  167. <img src="images/end_yuan.png">
  168. <span>[目的地]</span>
  169. </div>
  170. </div>
  171. <div class="search_box3">¥[价格]</div>
  172. </li>
  173. </div>
  174. </div>
  175. </body>
  176. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  177. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  178. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  179. <script type="text/javascript" src="js/submit_order.js" ></script>
  180. <script src="js/master.js" type="text/javascript" charset="utf-8"></script>
  181. <script>
  182. </script>
  183. </html>