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.
 
 
 
 
 
 

171 lines
7.7 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->
  7. <title>订单列表</title>
  8. <link rel="stylesheet" href="css/main.css" />
  9. <link rel="stylesheet" href="css/ui-base.css" />
  10. <link rel="stylesheet" href="css/ui-box.css" />
  11. <link rel="stylesheet" href="css/ui-color.css" />
  12. <link rel="stylesheet" href="css/wx_css/order_list.css" />
  13. <style type="text/css">
  14. .null {
  15. width: 0.5rem;
  16. }
  17. .tx_f_14 {
  18. font-size: 0.14rem;
  19. }
  20. .haed_padding {
  21. padding-top: 0.14rem;
  22. padding-bottom: 0.14rem;
  23. }
  24. .head_text_normal{
  25. font-size: 0.16rem;
  26. color: rgb(153, 153, 153);
  27. text-align: center;
  28. }
  29. .line_line{
  30. height: 0.6rem;
  31. position: relative;
  32. top: 0.05rem;
  33. }
  34. </style>
  35. </head>
  36. <body id="loading_html" style="display: none;" class="bg_color">
  37. <!--
  38. 作者:yimazsq@163.com
  39. 时间:2016-08-23
  40. 描述:查询结果
  41. -->
  42. <div style="position: fixed;width: 100%;top: 0;z-index: 2;">
  43. <div class="ub haed_padding lightgreen_color outer_line_down_color">
  44. <div class="ub-f1 ub-pc " id="going" onclick="selectStatus(0)" style="text-align: center;">
  45. <span id="pick_span" style="padding-bottom: 0.13rem;" class="haed_padding head_text_normal">进行中</span>
  46. </div>
  47. <div class="ub-f1 ub-pc " id='completed' onclick="selectStatus(1)" style="text-align: center;">
  48. <span id="drop_span" style="padding-bottom: 0.13rem;" class="haed_padding head_text_normal">已完成</span>
  49. </div>
  50. </div>
  51. </div>
  52. <!--<div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 title_line" id="going" onclick="selectStatus(0)">进行中</div>
  53. <div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 commongray_color " id='completed' onclick="selectStatus(1)">已完成</div>-->
  54. <!--进行中、一层目录-->
  55. <div id="ing" style="margin-top: 0.6rem;margin-bottom: 0.6rem;">
  56. <!--待支付、二层目录-->
  57. <div order_id="[order_id]" style="display: none;" class="wait_pay ui_m_t05 common_bus" >
  58. <div>
  59. <div class="order_title ub inner_down_line_color ub-ae ui_p_b05">
  60. <div class="ub-f1 ui_p_t10 ui_p_l15">
  61. <span style="margin-right: 0.02rem;" class="fontmiddle_color ulev2">[07:45]</span>
  62. <span style="color: #519d9e;font-size: 0.13rem;"> [9月09日]&nbsp;&nbsp;[今天]</span>
  63. </div>
  64. <div class="ub-f1 payred_color text_right ulev1" style="padding-top: 0.1rem;"><img style="width: 0.52rem;" src="images/[img_yiwancheng].png"/></div>
  65. </div>
  66. <div class="order_middle ub ub-ae ui_m_l15 ui_m_r15 ui_m_t05 ui_m_b05">
  67. <div class="ub-f3 ub" style="width: 1%;padding-top: 0.1rem;padding-bottom: 0.1rem;">
  68. <img src="images/img_pointline@2x.png" class="line_line"/>
  69. <div class="ub ub-ver ui_p_l10">
  70. <div class="ub ub-ver">
  71. <div class="ub-ver commongray_color">上车站</div>
  72. <div style="margin-top: 0.02rem;">
  73. <span style="color: #1b1a20;" class="ulev2">[南京]</span>
  74. <span class="ulev1 fontmiddle_color">[马群马群]</span>
  75. </div>
  76. </div>
  77. <div style="margin-top: 0.11rem;" class="ub ub-ver">
  78. <div class="ub-ver commongray_color">下车站</div>
  79. <div style="margin-top: 0.02rem;">
  80. <span style="color: #1b1a20;" class="ulev2">[南通]</span>
  81. <span class="ulev1 fontmiddle_color">[仙鹤仙鹤仙鹤]</span>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="ub-f1 text_right ui_p_t10 ui_p_b10 " style="width: 1%;top: 0.03rem;">
  87. [重新购票]
  88. <span class="ulev1 end_font_color">¥ </span><span class="end_font_color" style="font-size: 0.32rem;">[35]</span>
  89. </div>
  90. </div>
  91. <div style="border-top: 1px dashed #f0f2f6;" class="order_title ub inner_up_line_color ub-ae">
  92. <div class="ub-f1 ui_p_t10 ui_p_l15 ui_p_b10">
  93. <span class="commongray_color">订单号:[000000]</span>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <!--周边游、二层目录-->
  99. <div order_id="[order_id]" style="display: none;" class="wait_pay ui_solid_gray ui_m_t05 around_trave" >
  100. <div>
  101. <div class="order_title ub inner_down_line_color ub-ae ui_p_b05">
  102. <div class="ub-f1 ui_p_t10 ui_p_l15">
  103. <span class="main_font_color ulev2">周边游</span>
  104. <span class="end_font_color" style="font-size: 0.13rem;"> [10月09日] [10:45] 出发</span>
  105. </div>
  106. <div class="ub-f1 payred_color text_right ulev1" style="padding-top: 0.1rem;"><img style="width: 0.52rem;" src="images/[img_yiwancheng].png"/></div>
  107. </div>
  108. <div class="order_middle ub ub-ae ui_m_l15 ui_m_r15 ui_m_t05">
  109. <div class="ub-f3 ub ub ub-ver ui_p_t10 ui_p_b10" style="width: 1%;">
  110. <div style="font-size: 0.13rem;" class="fontmiddle_color ui_m_b05">[千岛湖两日游]</div>
  111. <div style="font-size: 0.13rem;" class="fontmiddle_color">[含往返豪华大巴士接送]</div>
  112. <div class="ulev0 commongray_color ui_m_t15 ui_m_b05">出行地点:</div>
  113. <div class="end_font_color ulev2">[上海皇甫旅游集散地]</div>
  114. </div>
  115. <div class="ub-f1 text_right ui_p_t10 ui_p_b10 " style="width: 1%;">
  116. [重新购票]
  117. <span class="ulev1 end_font_color">¥</span><span class="end_font_color" style="font-size: 0.32rem;">[35]</span>
  118. </div>
  119. </div>
  120. <div class="order_title ub inner_up_line_color ub-ae">
  121. <div class="ub-f1 ui_p_t10 ui_p_l15 ui_p_b10">
  122. <span class="commongray_color">[2]人前往</span>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!--已完成、一层目录-->
  129. <div id="did" style="margin-top: 0.6rem;margin-bottom: 0.6rem;" class="ui_hide">
  130. <!--样式与进行中的一样-->
  131. </div>
  132. <div style="margin-top: 0.7rem;z-index: 5;" id="hasnoinfo" class="ui_hide">
  133. <!--<div class="hasnoinfo ub ub-ver">
  134. <div class="ub-f1 text_middle ui_m_b20">
  135. <img src="images/a3/img_null_l.png" style="width: 0.6rem"/>
  136. </div>
  137. <div class=" ub ub-ver">
  138. <div class="ulev0 ui_p_l05 text_middle">还没有相关订单,赶紧预订吧!</div>
  139. </div>
  140. </div>-->
  141. <div style="padding: 0.44rem 0.25rem;" class="ub">
  142. <div class="ub-f1 text_right">
  143. <img class="null ui_m_r10 ui_m_t05" src="images/a2/img_null.png" />
  144. </div>
  145. <div class="ub ub-f1 ub-ver ub-pc">
  146. <!--<div class="commongray_color tx_f_14" id="tomorrow">抱歉,没有匹配的车次</div>-->
  147. <!--<div class="commongray_color tx_f_14" id="tomorrow_new">为你推荐相关线路</div>-->
  148. <div style="top: 0.03rem;" class="commongray_color tx_f_14" id="tomorrow">还没有相关订单,</div>
  149. <div style="top: 0.02rem;" class="commongray_color tx_f_14" id="tomorrow_new">赶紧预订吧!</div>
  150. </div>
  151. </div>
  152. <div style="border-radius: 0.25rem;border: 0.01rem solid rgb(61, 67, 79);color: rgb(27, 26, 32);" class="ui_p_t10 ui_p_b10 fontmiddle_color ui_m_t10 success_btn text_middle ui_m_l25 ui_m_r25 ulev2" onclick="seeTheOrder()">去预订</div>
  153. </div>
  154. </body>
  155. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  156. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  157. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  158. <script src="js/order_list.js" type="text/javascript" charset="utf-8"></script>
  159. </html>