order_details.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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. <style>
  14. .mui-btn-grey{color: #666;border: 1px solid #c7c7cc;background-color: #fff;border-radius: 20px;padding: 6px 18px;}
  15. .order_operate{margin: 0 10px;border-radius: 20px;}
  16. </style>
  17. <script>
  18. // 屏蔽分享
  19. window.hiddenAllWechatMenu = true;
  20. </script>
  21. </head>
  22. <body style="background: #fff;">
  23. <div class="loading-bg">
  24. <div class="mui-loading">
  25. <div class="mui-spinner">
  26. </div>
  27. &nbsp;&nbsp;加载中...
  28. </div>
  29. </div>
  30. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  31. <a class="mui-tab-item ">
  32. <div class="iconfont">
  33. <svg class="icon" aria-hidden="true">
  34. <use xlink:href="#icon-kang-hui"></use>
  35. </svg>
  36. </div>
  37. <span class="mui-tab-label">首页</span>
  38. </a>
  39. <a class="mui-tab-item go_gwc">
  40. <div class="iconfont icon-gouwuche-num">
  41. <svg class="icon" aria-hidden="true">
  42. <use xlink:href="#icon-ji-hui"></use>
  43. </svg>
  44. <span class="mui-badge">0</span>
  45. </div>
  46. <span class="mui-tab-label">购物车</span>
  47. </a>
  48. <a class="mui-tab-item mui-active-select">
  49. <div class="iconfont">
  50. <svg class="icon" aria-hidden="true">
  51. <use xlink:href="#icon-W-yi"></use>
  52. </svg>
  53. </div>
  54. <span class="mui-tab-label">订单</span>
  55. </a>
  56. <a class="mui-tab-item">
  57. <div class="iconfont">
  58. <svg class="icon" aria-hidden="true">
  59. <use xlink:href="#icon-qing-hui"></use>
  60. </svg>
  61. </div>
  62. <span class="mui-tab-label">我的</span>
  63. </a>
  64. </nav>
  65. <div class="mui-content" style="background: #fff;">
  66. <div class="address-cantainner">
  67. <input type="hidden" id="salesPostFirm" name="salesPostFirm" value="" />
  68. <input type="hidden" id="salesPostNum" name="salesPostNum" value="" />
  69. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
  70. <li class="mui-table-view-cell">
  71. <div class="mui-table">
  72. <div class="mui-table-cell mui-col-xs-1 mui-text-left table-middle">
  73. <p><span class="iconfont icon-dingwei"></span></p>
  74. </div>
  75. <div class="mui-table-cell mui-col-xs-10 mui-text-left table-middle">
  76. <div>收货人:<span id="receiver"></span> <span class="mui-pull-right" id="salesAddressTel"></span></div>
  77. <p id="salesAddressInfo"></p>
  78. </div>
  79. </div>
  80. </li>
  81. </ul>
  82. </div>
  83. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
  84. </ul>
  85. <div class="clearing-box">
  86. <ul class="mui-table-view">
  87. <li class="mui-table-view-cell" style="padding-left:7px;">
  88. <a class="btn-youhuiquan">
  89. 商品总价<span class="mui-pull-right"><span id="salesAmount">0.00</span></span>
  90. </a>
  91. </li>
  92. <li class="mui-table-view-cell" style="padding-left:7px;" id="isCouponReduce">
  93. <a class="btn-youhuiquan">
  94. 优惠金额<span class="mui-pull-right" style="color: #e06974;">- <span id="couponReduce">¥0.00</span></span>
  95. </a>
  96. </li>
  97. <!--<li class="mui-table-view-cell" style="padding-left:7px;" id="">
  98. <a class="btn-youhuiquan">
  99. 邮费<span class="mui-pull-right">¥<span id="salesPostage">0.00</span></span>
  100. </a>
  101. </li>-->
  102. </ul>
  103. <div class="mui-content-padded mui-text-right">共<span id="all-count"></span>件&nbsp;&nbsp;&nbsp;实付款:<span class="pro-price"><span
  104. id="salesYetAmount" class="cl-red">0.00</span></span></div>
  105. </div>
  106. <ul class="mui-table-view my-grid-view-no status-list">
  107. <li class="mui-table-view-cell">
  108. 订单状态:<span id="salesStatus"></span>
  109. </li>
  110. <li class="mui-table-view-cell">
  111. 订单编号:<span id="salesOrderid"></span>
  112. </li>
  113. <li class="mui-table-view-cell">
  114. 下单时间:<span id="salesCreateDate"></span>
  115. </li>
  116. <li class="mui-table-view-cell">
  117. 物流单号:<span id="salesPostNumAndFrim"></span>
  118. </li>
  119. <li class="mui-table-view-cell" id="isShowOrderRemark">
  120. 订单备注:<span id="salesUserRemark"></span>
  121. </li>
  122. </ul>
  123. <!--<div style="background: #fff;padding: 0 10px;">
  124. <div><input type="hidden" id="salesLockType" value=""></div>
  125. <div><input type="hidden" id="oldStatus" value=""></div>
  126. <div style="text-align: center;padding: 10px 0; display: none" id="cancelOrder"><button type="button" class="mui-btn mui-btn-grey" onclick="operation();">取消订单</button></div>
  127. <div style="text-align: center;padding: 10px 0; display: none" id="exchangeOrder">
  128. <button type="button" class="mui-btn mui-btn-grey" onclick="operation('1');">申请换货</button>
  129. </div>
  130. <div id="refund" style="display: none">
  131. <br>
  132. <textarea placeholder="退款备注,必填" id="return-money-id"></textarea>
  133. <div>
  134. <div style="text-align: center;padding:0 0 10px 0;"><button type="button" class="mui-btn mui-btn-grey" onclick="operation();">申请退款</button></div>
  135. </div>
  136. </div>
  137. <div id="salesReturn" style="display: none">
  138. <br>
  139. <textarea placeholder="退货备注,必填" id="return-pay-id"></textarea>
  140. <div>
  141. <div style="text-align: center;padding:0 0 10px 0;"><button type="button" class="mui-btn mui-btn-grey" onclick="operation('2');">申请退货</button></div>
  142. </div>
  143. </div>
  144. </div>-->
  145. <ul class="mui-table-view my-grid-view-no">
  146. <li class="mui-table-view-cell" id="showLogistics">
  147. <span class="mui-pull-left">
  148. <!--物流信息:-->
  149. </span>
  150. <span class="mui-pull-left ft-14 show_post_info" id="logistics" postfirm="" postnum="" gourl="">
  151. <!--<span></span>
  152. <span></span><br>
  153. <span ><a>查看物流>></a></span> -->
  154. </span>
  155. </li>
  156. </ul>
  157. <div class="mui-content-padded mui-text-center" id="operation" style="padding-bottom: 40px;"></div>
  158. </div>
  159. <script src="js/mui.min.js"></script>
  160. <script src="js/jquery-2.1.1.min.js"></script>
  161. <script src="js/main.js"></script>
  162. <script src="js/page/layer.js"></script>
  163. <script src="js/validate.js"></script>
  164. <script src="js/page/wechat-utils-1.0.js"></script>
  165. <script src="js/page/order_details.js"></script>
  166. <script src="js/iconfont.js"></script>
  167. </body>
  168. </html>