Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 
 
 

159 řádky
7.6 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="format-detection" content="telephone=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. </head>
  14. <body id="loading_html" style="display: none;" class="bg_color">
  15. <!--
  16. 作者:yimazsq@163.com
  17. 时间:2016-08-24
  18. 描述:订单详情
  19. 修改:赵健
  20. 时间:2016-11-14
  21. -->
  22. <div id="go_back">
  23. <!--最上面标题层-->
  24. <div class="lightyellow_color ub ui_p_t10 ui_p_b10 ub-ac outer_line_down_color ui_p_l25" id="title_div_back">
  25. <div class="ub-ac" id="title_content_back">
  26. <span style="font-size: 0.13rem;">支付剩余时间:</span>
  27. <span style="font-size: 0.13rem;" id="minute_show"></span><span style="font-size: 0.13rem;" id="second_show"></span>
  28. <span style="font-size: 0.13rem;" id="residual_time_back">(往返订单请合并支付)</span>
  29. </div>
  30. <div style="display: none;" class="ub-ac" id="tishi_info">
  31. <span style="font-size: 0.13rem;color: #50576e;">提示:往返订单只能合并退票!</span>
  32. </div>
  33. </div>
  34. <!--普通车票 待支付状态-->
  35. <div style="margin-bottom: 0.5rem;display: none;" class="layer_background ui_m_t05 common_bus">
  36. <!--订单信息-->
  37. [待支付]
  38. <!--日期、时间-->
  39. <div style="padding: 0.11rem 0.25rem;background-color: #f7f8fa;" class="ub ui_line_b ui_p_l10 ub-ae inner_down_line_color">
  40. <div class="fontmiddle_color ui_p_r10 ulev2">[07:45]</div>
  41. <div style="font-size: 0.13rem;" class="ub-f1 main_font_color">[8月24日] [今天]</div>
  42. </div>
  43. <!--行程信息 往返-->
  44. <!--去程-->
  45. <div style="background-color: #f7f8fa;" class="ub inner_down_line_color ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25 qucheng">
  46. <div class="commongray_color">上车站</div>
  47. <div class="ulev1 end_font_color">[去程出发地站点]</div>
  48. <div style="margin-top: 0.06rem;" class="commongray_color">下车站</div>
  49. <div class="ulev1 end_font_color">[去程下车地站点]</div>
  50. </div>
  51. <!--返程-->
  52. <div style="background-color: #f7f8fa;display: none;" class="ub inner_down_line_color ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25 fancheng">
  53. <div class="commongray_color">上车站</div>
  54. <div class="ulev1 end_font_color">[返程出发地站点]</div>
  55. <div style="margin-top: 0.06rem;" class="commongray_color ui_m_t10">下车站</div>
  56. <div class="ulev1 end_font_color">[返程下车地站点]</div>
  57. </div>
  58. <!--乘客信息-->
  59. <div class="ub inner_down_line_color ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25">
  60. <div class="ub ub-ver">
  61. <div style="font-size: 0.11rem;" class="commongray_color">订票信息:</div>
  62. <div style="margin-bottom: 0.06rem;" class="ub">
  63. <div class="ub-f1 ulev1 fontmiddle_color">[单程]</div>
  64. <div class="ulev1 fontmiddle_color">[普通座] [5]人</div>
  65. </div>
  66. </div>
  67. <div class="ub ub-ver">
  68. <div style="font-size: 0.11rem;" class="commongray_color">联系人:</div>
  69. <div class="ub">
  70. <div class="ub-f1 ulev1 fontmiddle_color">[毛东东]</div>
  71. <div class="ulev1 fontmiddle_color">[18612345678]</div>
  72. </div>
  73. </div>
  74. </div>
  75. <!--价格信息-->
  76. <div style="padding: 0.09rem 0.25rem;" class="ub ub-ac outer_line_down_color">
  77. <div class="darkblack_color ulev2 ub-f1">总额:¥[58]</div>
  78. [退票]
  79. </div>
  80. </div>
  81. <!--周边游 待支付状态-->
  82. <div style="margin-bottom: 0.5rem;display: none;" class="layer_background ui_m_t05 around_trave">
  83. <!--订单信息-->
  84. [待支付]
  85. <!--日期、时间-->
  86. <div style="padding: 0.18rem 0.25rem 0.13rem;background-color: #f7f8fa;" class="ub ub-ver ui_line_b ui_p_l10 inner_down_line_color">
  87. <div class="fontmiddle_color ui_p_r10 ulev2 fontmiddle_color ui_p_b05">[千岛湖两日游]</div>
  88. <div class="ub-f1 commongray_color">[含往返豪华大巴士接送]</div>
  89. </div>
  90. <!--行程信息 往返-->
  91. <!--去程-->
  92. <div style="background-color: #f7f8fa;" class="ub line_color_b ui_line_b ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25 qucheng">
  93. <div class="commongray_color">出行日期:</div>
  94. <div class="ulev1 end_font_color"><span class="ui_m_r15 ulev1 end_font_color">[2016年10月12日]</span><span class="ulev1 main_font_color">[10:30]</span></div>
  95. <div style="margin-top: 0.06rem;" class="commongray_color">出行地点:</div>
  96. <div class="ulev1 end_font_color">[去程出发地站点]</div>
  97. </div>
  98. <!--返程-->
  99. <div style="background-color: #f7f8fa;" class="ub line_color_b ui_line_b ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25 fancheng">
  100. <div class="commongray_color">返程日期:</div>
  101. <div class=""><span class="ui_m_r15 ulev1 end_font_color">[2016年11月11日]</span><span class="ulev1 main_font_color">[09:30]</span></div>
  102. <div style="margin-top: 0.06rem;" class="commongray_color">返程地点:</div>
  103. <div class="ulev1 end_font_color">[返程出发地站点]</div>
  104. </div>
  105. <!--乘客信息-->
  106. <div class="ub inner_down_line_color ub-ver ui_p_t15 ui_p_b15 ui_p_l25 ui_p_r25">
  107. <div class="ub ub-ver">
  108. <div style="font-size: 0.11rem;" class="commongray_color ui_m_b05">出行人数:</div>
  109. <div class="ub ui_m_b10">
  110. <div class="ub-f1 ulev1 fontmiddle_color">[2]人</div>
  111. </div>
  112. </div>
  113. <div class="ub ub-ver">
  114. <div style="font-size: 0.11rem;" class="commongray_color ui_m_b05">联系人:</div>
  115. <div class="ub ui_m_b10">
  116. <div class="ub-f1 ulev1 fontmiddle_color">[毛东东]</div>
  117. <div class="ulev1 fontmiddle_color">[18612345678]</div>
  118. </div>
  119. </div>
  120. <div class="ub ub-ver">
  121. <div style="font-size: 0.11rem;" class="commongray_color ui_m_b05">出行人信息:</div>
  122. <div id="trave_info" class="ub ub-ver">
  123. [出行人信息]
  124. </div>
  125. </div>
  126. </div>
  127. <!--价格信息-->
  128. <div style="padding: 0.09rem 0.25rem;" class="ub ub-ac outer_line_down_color">
  129. <div class="darkblack_color ulev2 ub-f1">总额:¥[58]</div>
  130. [退票]
  131. </div>
  132. </div>
  133. <!--footer-->
  134. <div id="go_pay" style="display: none;" class="ub bottom_screen ub-ac">
  135. <div style="padding-top: 0.05rem;padding-bottom: 0.05rem;" class="ub-f3 ui_p_l20 layer_background ui_line_t line_color_t" id="total_price">
  136. <span class=" ulev1">¥</span>
  137. <span style="font-size: 0.27rem;margin-right: 0.05rem;" id="count_price">0</span>
  138. <span id="people_no" style="color: #ff6d6d;" class="ulev1">共1人</span>
  139. </div>
  140. <div class="ub-f2 text_middle ulev1" id="payBtn" style="font-size: 0.19rem;padding-top: 0.1rem;padding-bottom: 0.1rem; color: white;background-color: #3d434f;" onclick="goToPay()">支&nbsp;&nbsp;付</div>
  141. </div>
  142. </div>
  143. <!--end 往返-->
  144. </body>
  145. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  146. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  147. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  148. <script src="js/order_detail.js" type="text/javascript" charset="utf-8"></script>
  149. </html>