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.
 
 
 
 
 
 

92 lines
6.8 KiB

  1. <!DOCTYPE html>
  2. <html style="width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 0; margin: 0; list-style: none; font-family: '黑体'; display: block; background: #F0f0F0;">
  3. <head>
  4. <title>订单详情</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <script type="text/javascript" src="../js/order_details.js"></script>
  8. <!-- 百度统计star -->
  9. <script>
  10. var _hmt = _hmt || [];
  11. (function() {
  12. var hm = document.createElement("script");
  13. hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
  14. var s = document.getElementsByTagName("script")[0];
  15. s.parentNode.insertBefore(hm, s);
  16. })();
  17. </script>
  18. <!-- 百度统计end -->
  19. </head>
  20. <body onload="loadData()" style="width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 0; margin: 0; list-style: none; font-family: '黑体'; display: block; background: #F0f0F0;">
  21. <div style="display: block; width: 100%; height: auto; margin: auto; overflow:hidden;">
  22. <div id="status_layout" style="position: static; width: 100%; height: 45px; line-height: 45px; background: #C7C7C7; margin: 0;">
  23. <img style="position:absolute; top:12px; right:4%; width:26px height: 26px; display: none;" src="../img/order_icon.png" alt="">
  24. <span id="order_status" style="float: left; margin-left: 4%; margin-right: 0; margin-top: 0; margin-bottom: 0; font-size: 16px; color: #FFFFFF;">待支付</span>
  25. </div>
  26. <div id="to_pay" style="position: static; width: 100%; height: 80px; margin: 0; background: #FFFFFF;">
  27. <div style="position: relative; width: 100%; height: 40px;line-height: 40px; text-align: center;" >
  28. <p style="margin: 0; font-size: 13px; color: #808080;">请在剩余时间内完成支付,过期订单将被关闭</p>
  29. </div>
  30. <div style="position: relative; width: 100%; height: 40px;line-height: 40px; margin: 0; overflow: hidden;" >
  31. <div style="float: left; width: 50%; height: 40px; line-height: 40px; margin: 0; overflow: hidden;">
  32. <span style="float: right; margin: 0; overflow: hidden; font-size: 15px; color: 303030;">剩余时间:</span>
  33. </div>
  34. <div style="float: left; width: 50%; height: 40px; line-height: 40px; margin: 0; overflow: hidden;">
  35. <span id="divdown" style="float: left; margin: 0; overflow: hidden; font-size: 15px; color: #FF6669;"></span>
  36. </div>
  37. </div>
  38. </div>
  39. <div style="position: static; width: 100%; height: 90px; margin-left: 0; margin-right 0; margin-bottom: 0; margin-top: 10; background: #FFFFFF; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2;">
  40. <div style="width: 100%; height: 45px; overflow: hidden;" >
  41. <span style="float: left; margin-left: 4%; margin-right: 0; margin-top: 24px; margin-bottom: 0; font-size: 16px; color: #808080;">订单编号:</span>
  42. <span id="order_no" style="float: left; margin-left: 4%; margin-right: 0; margin-top: 24px; margin-bottom: 0; font-size: 16px; color: #303030; width: 65%; overflow: hidden;"></span>
  43. </div>
  44. <div style="width: 100%; height: 45px; overflow: hidden;">
  45. <span style="float: left; margin-left: 4%; margin-right: 0; margin-top: 15px; margin-bottom: 0; font-size: 16px; color: #808080;">下单时间:</span>
  46. <span id="order_time" style="float: left; margin-left: 4%; margin-right: 0; margin-top: 15px; margin-bottom: 0; font-size: 16px; color: #303030; width: 65%; overflow: hidden;"></span>
  47. </div>
  48. </div>
  49. <div style=" margin-top: 10px; border-top:1px solid #E2E2E2; position:relative; width:100%;background:#FFFFFF;overflow:hidden; background: #FFFFFF;">
  50. <img style="position:absolute;top:23px;left:4%;width:9px;height: 39px;" src="img/smalllogo.png" alt="">
  51. <div style="float:left;width:100%;">
  52. <div style="float:left;width:75%;margin-left:10.5%; margin-top: 10px;">
  53. <div style="height:32px; line-height: 32px; width:100%; border-bottom:1px solid #ECEBEE;">
  54. <span id="start_area" style="font-size:16px;color:#303030;"></span>
  55. <span id="go_info" style="float:right;color:#808080;font-size:14px;"></span>
  56. </div>
  57. <div style="height:32px; line-height: 32px; width:100%;">
  58. <span id="end_area" style="font-size:16px;color:#303030;"></span>
  59. <span id="back_info" style="float:right;color:#808080;font-size:14px;"></span>
  60. </div>
  61. </div>
  62. <div style="float:left;overflow:hidden;margin-top: 10px;padding-bottom:12px;border-bottom:1px solid #ECEBEE;width:98.7%;margin-left:2.89%;">
  63. <div id="prod_name" style="float:left;color:#808080;font-size:13px;"></div>
  64. </div>
  65. </div>
  66. <img style="position:absolute;top:35px;right:6.8%;width:13px; height: 13px;" src="img/exchange.png" alt="">
  67. </div>
  68. <div style="display: block; width: 100%; border-bottom: 1px solid #E2E2E2; height: 50px; line-height: 50px; background: #FFFFFF;">
  69. <span style="float: left; margin-left: 4%; margin-right: 0; margin-top: 0; margin-bottom: 0; font-size: 12px; color: #FF8800;">¥</span>
  70. <span id="price" style="float: margin-right: 0; margin-top: 0; margin-bottom: 0; font-size: 20px; color: #FF8800;"></span>
  71. <span style="float: right; margin-right: 4%; margin-left: 0; margin-top: 0; margin-bottom: 0; font-size: 15px; color: #333333; display: none;">查看明细</span>
  72. </div>
  73. <div style="width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 10px; background: #FFFFFF; height: 40px; border-top: 1px solid #E2E2E2;">
  74. <span style="float: left; width: 20%; margin-left: 4%; font-size: 16px; color: #303030; overflow: hidden; margin-right: 0; margin-bottom: 0; margin-top: 14px; overflow: hidden;">联系人:</span>
  75. <span id="user_name" style="float: left; width: 60%; font-size: 16px; color: #303030; overflow: hidden; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 14px; overflow: hidden;"></p>
  76. </div>
  77. <div style="width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0; background: #FFFFFF; height: 24px;overflow: hidden;">
  78. <span id="user_phone" style="float: left; width: 60%; font-size: 16px; color: #303030; overflow: hidden; margin-left: 24%; margin-right: 0; margin-top: 4px; margin-bottom: 0; overflow: hidden;"></span>
  79. </div>
  80. <div style="width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0; background: #FFFFFF; height: 33px; border-bottom: 1px solid #E2E2E2;overflow: hidden;">
  81. <span id="user_id" style="float: left; width: 60%; font-size: 16px; color: #303030; overflow: hidden; margin-left: 24%; margin-right: 0; margin-top: 4px; margin-bottom: 0;overflow: hidden;"></p>
  82. </div>
  83. </div>
  84. <div id="order_submit" style="position: fixed; width: 100%; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; background: #FF8800; bottom: 0;overflow: hidden;" onClick="submit()">
  85. <span id="submit_text" style="margin: 0; font-size: 20px; color: #FFFFFF;overflow: hidden;">去支付</span>
  86. </div>
  87. </div>
  88. </body>
  89. </html>