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.

order_list.html 9.0 KiB

3 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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. </head>
  14. <body class="bg_color">
  15. <!--
  16. 作者:yimazsq@163.com
  17. 时间:2016-08-23
  18. 描述:查询结果
  19. -->
  20. <div style="border-bottom: 1px solid #e5e5e5;" class="ub layer_background ui_p_t15 text_middle">
  21. <div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 title_line" id="going" onclick="selectStatus(0)">进行中</div>
  22. <div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 commongray_color " id='completed' onclick="selectStatus(1)">已完成</div>
  23. </div>
  24. <!--进行中-->
  25. <div id="ing" class="ui_m_b40">
  26. <!--待支付-->
  27. <div class="layer_background ui_solid_gray ui_m_t10 ui_m_l10 ui_m_r10" id="wait_pay" style="display: none;">
  28. <div onclick="goToDetail([order_id],0)" >
  29. <div class="ub line_color_b ui_line_b ui_p_l10">
  30. <div class="ub-f1 ui_p_t15 ui_p_b05">
  31. <span class="commongray_color" style="font-size: 0.12rem;">订单号:</span>
  32. <span class="commongray_color" style="font-size: 0.12rem;">[185518]</span>
  33. </div>
  34. <div class="ub-f1 payred_color text_right ui_p_r10" style="padding-top: 0.1rem;font-size: 0.16rem;">[待支付]</div>
  35. </div>
  36. <div class="ub line_color_b ui_line_b">
  37. <div style="width:1%;" class="ub-f1 ui_p_l30">
  38. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;" class="ulev4 ui_p_t15">[乌镇]</div>
  39. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="commongray_color">[西栅1号停车场]</div>
  40. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="fontmiddle_color ulev3">[07:45]</div>
  41. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;padding-left: 0.02rem;">[8月24日 今天]</div>
  42. </div>
  43. <div style="width:1%;" class="ub-f1 ui_m_r30 text_right">
  44. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15">[上海]</div>
  45. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="commongray_color">[上海迪士尼]</div>
  46. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ui_p_t15 fontmiddle_color">[5人]</div>
  47. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[普通座]</div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="ub ub-ac">
  52. <div style="width: 1%;" class="ub-f2 " >
  53. <span style="font-size: 0.14rem;" class="commongray_color ui_p_l30">总额:</span>
  54. <span style="font-size: 0.14rem;" class="fontgreen_color">¥</span>
  55. <span class="ulev4 fontgreen_color ulev6" style="top: 0.01rem;position: relative;">[50]</span>
  56. </div>
  57. <div class="ub-f1 darkgreen_color white_color text_middle" style="padding:0.12rem 0;font-size: 0.15rem;width: 1%;" onclick="goToPay([order_id])">去支付</div>
  58. </div>
  59. </div>
  60. <!--已出票-->
  61. <div class="layer_background ui_solid_gray ui_m_t10 ui_m_l10 ui_m_r10 " id="out_ticket" style="display: none;">
  62. <div onclick="goToDetail([order_id],0)">
  63. <div class="ub line_color_b ui_line_b ui_p_l10">
  64. <div class="ub-f1 ui_p_t15 ui_p_b05">
  65. <span class="commongray_color" style="font-size: 0.12rem;">订单号:</span>
  66. <span class="commongray_color" style="font-size: 0.12rem;">[185518]</span>
  67. </div>
  68. <div class="ub-f1 yellow_color text_right ui_p_r10 ulev1" style="padding-top: 0.1rem;font-size: 0.16rem;">已出票</div>
  69. </div>
  70. <div class="ub line_color_b ui_line_b">
  71. <div style="width:1%;" class="ub-f1 ui_p_l30">
  72. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;" class="ulev4 ui_p_t15">[乌镇]</div>
  73. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class=" commongray_color">[西栅1号停车场]</div>
  74. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ui_p_t15 fontmiddle_color">[07:45]</div>
  75. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;padding-left: 0.02rem;">[8月24日 今天]</div>
  76. </div>
  77. <div style="width:1%;" class="ub-f1 ui_m_r30 text_right">
  78. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15">[上海]</div>
  79. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class=" commongray_color">[上海迪士尼]</div>
  80. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ui_p_t15 fontmiddle_color">[5人]</div>
  81. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[普通座]</div>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="ub ub-ac">
  86. <div style="width: 1%;" class="ub-f2" >
  87. <span style="font-size: 0.14rem;" class="commongray_color ui_p_l30">总额:</span>
  88. <span style="font-size: 0.14rem;" class="fontgreen_color">¥</span>
  89. <span class="ulev6 fontgreen_color" style="top: 0.01rem;position: relative;">[50]</span>
  90. </div>
  91. <!--<div class="ub-f1 text_middle ui_radiu_all ui_m_r25 ui_m_t05 ui_m_b05" style="display: block;padding:0.07rem 0; border: 1px solid #3d434f;" onclick="refundTicket([order_id])">退票</div>-->
  92. <div class="tuipiao"></div>
  93. </div>
  94. </div>
  95. </div>
  96. <!--已完成-->
  97. <div id="did" class="ui_m_b40 ui_hide">
  98. <div class="layer_background ui_solid_gray ui_m_t10 ui_m_l10 ui_m_r10">
  99. <div onclick="goToDetail([order_id],0)">
  100. <div class="ub line_color_b ui_line_b ui_p_l10">
  101. <div class="ub-f1 ui_p_t15 ui_p_b05">
  102. <span class="commongray_color" style="font-size: 0.12rem;">订单号:</span>
  103. <span class="commongray_color" style="font-size: 0.12rem;">[185518]</span>
  104. </div>
  105. <div class="ub-f1 fontgreen_color text_right ui_p_r10 ulev3" style="padding-top: 0.1rem;font-size: 0.15rem;">[订单已关闭]</div>
  106. </div>
  107. <div class="ub">
  108. <div style="width: 1%;" class="ub-f1 ui_p_l30">
  109. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;" class="ulev4 ui_p_t15">[乌镇]</div>
  110. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="commongray_color">[西栅1号停车场]</div>
  111. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ui_p_t15 fontmiddle_color">[07:45]</div>
  112. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;padding-left: 0.02rem;">[8月24日 今天]</div>
  113. </div>
  114. <div style="width: 1%;" class="ub-f1 ui_m_r30 text_right">
  115. <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15">[上海]</div>
  116. <div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="commongray_color">[上海迪士尼]</div>
  117. <div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ui_p_t15 fontmiddle_color">[5人]</div>
  118. <div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[普通座]</div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div style="margin-top: 1.3rem;z-index: 5;" id="hasnoinfo" class="ui_hide">
  125. <div class="hasnoinfo ub ub-ver">
  126. <div class="ub-f1 text_middle ui_m_b20">
  127. <img src="images/a3/img_null_l.png" style="width: 0.6rem"/>
  128. </div>
  129. <div class=" ub ub-ver">
  130. <div class="ulev0 ui_p_l05 text_middle">还没有相关订单,赶紧预订吧!</div>
  131. </div>
  132. </div>
  133. <div class="ui_line_a_c ui_p_t10 ui_p_b10 fontmiddle_color ui_radiu_all ui_m_t25 success_btn text_middle ui_m_l20 ui_m_r20" onclick="seeTheOrder()">去预订</div>
  134. </div>
  135. </body>
  136. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  137. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  138. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  139. <script src="js/order_list.js" type="text/javascript" charset="utf-8"></script>
  140. </html>