order_details.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <meta name="format-detection" content="telphone=no, email=no" />
  10. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  11. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  12. <link rel="stylesheet" type="text/css" href="css/style.css" />
  13. <script>
  14. // 屏蔽分享
  15. window.hiddenAllWechatMenu = true;
  16. </script>
  17. </head>
  18. <body style="background: #fff;">
  19. <div class="loading-bg">
  20. <div class="mui-loading">
  21. <div class="mui-spinner">
  22. </div>
  23. &nbsp;&nbsp;加载中...
  24. </div>
  25. </div>
  26. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  27. <a class="mui-tab-item" >
  28. <div class="iconfont icon-home"></div>
  29. <span class="mui-tab-label">首页</span>
  30. </a>
  31. <a class="mui-tab-item">
  32. <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
  33. <span class="mui-tab-label">购物车</span>
  34. </a>
  35. <a class="mui-tab-item">
  36. <div class="iconfont icon-dingdan"></div>
  37. <span class="mui-tab-label">我的订单</span>
  38. </a>
  39. <a class="mui-tab-item">
  40. <div class="iconfont icon-vip"></div>
  41. <span class="mui-tab-label">会员中心</span>
  42. </a>
  43. </nav>
  44. <div class="mui-content" style="background: #fff;">
  45. <div class="address-cantainner">
  46. <input type="hidden" id="salesPostFirm" name="salesPostFirm" value=""/>
  47. <input type="hidden" id="salesPostNum" name="salesPostNum" value=""/>
  48. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
  49. <li class="mui-table-view-cell">
  50. <div class="mui-table">
  51. <div class="mui-table-cell mui-col-xs-1 mui-text-left table-middle">
  52. <p><span class="iconfont icon-dingwei"></span></p>
  53. </div>
  54. <div class="mui-table-cell mui-col-xs-10 mui-text-left table-middle">
  55. <div>收货人:<span id="receiver"></span> <span class="mui-pull-right" id="salesAddressTel"></span></div>
  56. <p id="salesAddressInfo"></p>
  57. </div>
  58. </div>
  59. </li>
  60. </ul>
  61. </div>
  62. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
  63. </ul>
  64. <div class="clearing-box">
  65. <ul class="mui-table-view">
  66. <li class="mui-table-view-cell" style="padding-left:7px;">
  67. <a class="btn-youhuiquan">
  68. 商品总价<span class="mui-pull-right"><span id="salesAmount" class="cl-red">0.00</span></span>
  69. </a>
  70. </li>
  71. <li class="mui-table-view-cell" style="padding-left:7px;" id="isCouponReduce">
  72. <a class="btn-youhuiquan">
  73. 抵扣金额<span class="mui-pull-right">- <span id="couponReduce" style="color: #f00;">¥0.00</span></span>
  74. </a>
  75. </li>
  76. <!--<li class="mui-table-view-cell" style="padding-left:7px;" id="">
  77. <a class="btn-youhuiquan">
  78. 邮费<span class="mui-pull-right">¥<span id="salesPostage">0.00</span></span>
  79. </a>
  80. </li>-->
  81. </ul>
  82. <div class="mui-content-padded mui-text-right">实付:<span class="pro-price"><span id="salesYetAmount" class="cl-red">0.00</span></span></div>
  83. </div>
  84. <ul class="mui-table-view my-grid-view-no status-list">
  85. <li class="mui-table-view-cell">
  86. 订单状态:<span id="salesStatus"></span>
  87. </li>
  88. <li class="mui-table-view-cell">
  89. 订单编号:<span id="salesOrderid"></span>
  90. </li>
  91. <li class="mui-table-view-cell">
  92. 下单时间:<span id="salesCreateDate"></span>
  93. </li>
  94. <li class="mui-table-view-cell" id="isShowOrderRemark">
  95. 订单留言:<span id="salesUserRemark"></span>
  96. </li>
  97. </ul>
  98. <br />
  99. <ul class="mui-table-view my-grid-view-no">
  100. <li class="mui-table-view-cell" id="showLogistics">
  101. <span class="mui-pull-left">物流信息:</span>
  102. <span class="mui-pull-left ft-14 show_post_info" id="logistics" postfirm="" postnum="" gourl="">
  103. <span></span>
  104. <span></span><br>
  105. <!-- <span ><a>查看物流>></a></span> -->
  106. </span>
  107. </li>
  108. </ul>
  109. <div class="mui-content-padded mui-text-center" id="operation">
  110. </div>
  111. </div>
  112. <script src="js/mui.min.js"></script>
  113. <script src="js/jquery-2.1.1.min.js"></script>
  114. <script src="js/main.js"></script>
  115. <script src="js/page/layer.js"></script>
  116. <script src="js/validate.js"></script>
  117. <script src="js/page/wechat-utils-1.0.js"></script>
  118. <script src="js/page/order_details.js"></script>
  119. </body>
  120. </html>