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.
 
 
 
 

105 lines
4.9 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <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">
  6. <title>订单列表</title>
  7. <link rel="stylesheet" type="text/css" href="public/css/main.css"/>
  8. <link rel="stylesheet" type="text/css" href="public/css/master.css"/>
  9. <link rel="stylesheet" type="text/css" href="public/css/ui-base.css"/>
  10. <link rel="stylesheet" type="text/css" href="public/css/ui-box.css"/>
  11. <link rel="stylesheet" type="text/css" href="public/css/ui-color.css"/>
  12. <link rel="stylesheet" href="public/css/bus_css/order_list.css" />
  13. <link rel="stylesheet" href="public/css/wechat.min.css" />
  14. </head>
  15. <body class="bg_color">
  16. <!--
  17. 作者:yimazsq@163.com
  18. 时间:2016-09-05
  19. 描述:订单列表
  20. -->
  21. <!--头部切换-->
  22. <div style="border-bottom: 1px solid #e5e5e5;" class="ub layer_background ui_p_t15 text_middle">
  23. <div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 title_line_selected" id="going" onclick="selectStatus(0)">进行中</div>
  24. <div style="font-size: 0.16rem;" class="ub-f1 ui_m_l40 ui_m_r40 title_line" id='completed' onclick="selectStatus(1)">已完成</div>
  25. </div>
  26. <!--进行中-->
  27. <div id="wait_pay" class="ui_hide">
  28. <div class="wait_pay ui_solid_gray ui_m_t05" >
  29. <div onclick="goToDetail([order_id],0)">
  30. <div class="order_title ub ui_line_b ub-ae ui_p_b05">
  31. <div class="ub-f1 ui_p_t15 ui_p_l15">
  32. <span class="commongray_color" style="font-size: 0.11rem;">订单号:</span>
  33. <span class="commongray_color" style="font-size: 0.11rem;">[185518]</span>
  34. </div>
  35. <div class="ub-f1 payred_color text_right ui_p_r15 ulev1" style="padding-top: 0.1rem;">[待支付]</div>
  36. </div>
  37. <div class="order_middle ub ub-ae ui_m_l15 ui_m_r15 ui_line_b">
  38. <div class="ub-f3 ub ub-ver ui_p_t10 ui_p_b10" style="width: 1%;">
  39. <div class="ui_p_t05 ui_p_b05" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">
  40. <span class="ulev3 main_font_color ">[南京]</span>
  41. <span style="">[出发站点]</span>
  42. </div>
  43. <div class="ui_p_t05 ui_p_b05" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">
  44. <span class="ulev3 main_font_color ">[南通]</span>
  45. <span>[目的站点]</span>
  46. </div>
  47. </div>
  48. <div class="ub-f1 text_right ui_p_t10 ui_p_b10" style="width: 1%;">
  49. <span class="ulev1">¥</span><span style="font-size: 0.32rem;">[35]</span>
  50. </div>
  51. </div>
  52. <div class="order_down ub ub-ae ui_p_t10 ui_p_b10 ui_line_b">
  53. <div class="ub-f4 ub ub-ver ui_p_l15" style="width: 1%;">
  54. <div class="ulev2 " style="color: #666666">[07:45]</div>
  55. <div style="font-size: 0.11rem;color: #666666;">[8月24日 今天]</div>
  56. </div>
  57. <div class="ub-f1 text_right ui_p_r15" style="width: 1%">
  58. <span class="ulev2">[n]</span><span class="ulev2">人</span>
  59. </div>
  60. </div>
  61. </div>
  62. <div id="pay_style">
  63. <!--<div class="main_color text_middle white_color ulev2 ui_hide" id="pay" style="padding-top: 0.11rem;padding-bottom: 0.11rem;">去支付</div>
  64. <div class="ub ui_hide" id="refund">
  65. <div class="ub-f1"></div>
  66. <div style="border: 1px solid #3d434f;color: #3d434f;border-radius: 0.03rem;padding: 0.06rem 0.27rem;margin-top: 0.07rem;margin-bottom: 0.06rem;" class="ulev1 ui_m_r15">退票</div>
  67. </div>-->
  68. <div class="replace ui_hide" id="repalace"></div>
  69. </div>
  70. </div>
  71. </div>
  72. <!--无相关信息-->
  73. <div style="margin-top: 1.3rem;z-index: 5;" id="hasnoinfo" class="ui_hide">
  74. <div class="hasnoinfo ub ub-ver">
  75. <div class="ub-f1 text_middle ui_m_b20">
  76. <img src="public/images/img_null_l.png" style="width: 0.6rem"/>
  77. </div>
  78. <div class=" ub ub-ver">
  79. <div class="ulev0 ui_p_l05 text_middle">还没有相关订单,赶紧预定吧!</div>
  80. </div>
  81. </div>
  82. <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>
  83. </div>
  84. <div id="loadingToast" class="weui_loading_toast" style="display: none;">
  85. <div class="weui_mask_transparent"></div>
  86. <div class="weui_toast">
  87. <div class="weui_loading">
  88. <img style="width: 0.4rem;" src="public/images/loading2.gif">
  89. </div>
  90. <p class="weui_toast_content">数据加载中</p>
  91. </div>
  92. </div>
  93. </body>
  94. <script src="public/js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  95. <script src="public/js/main.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="public/js/rem.js" type="text/javascript" charset="utf-8"></script>
  97. <script src="public/js/order_list.js" type="text/javascript" charset="utf-8"></script>
  98. </html>