order_details.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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="//s.iamberry.com/watero/css/mui.min.css?v=2016101701" />
  11. <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/iconfont.css?v=2016101701" />
  12. <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/style.css?v=2016101701" />
  13. <script>
  14. // 屏蔽分享
  15. window.hiddenAllWechatMenu = true;
  16. </script>
  17. </head>
  18. <body>
  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" >
  45. <ul class="mui-table-view my-order-list more">
  46. <!--<li class="mui-table-view-cell" style="color:red"><div>若在万圣节活动中抽中奖品,将与此订单一起发出</div></li>-->
  47. <li class="mui-table-view-cell">订单状态:<span style="color:#007aff;" id="salesStatus" class="ft-14"></span></li>
  48. <li class="mui-table-view-cell">订单编号:<span id="salesOrderid" class="ft-14"></span></li>
  49. <li class="mui-table-view-cell">下单时间:<span id="salesCreateDate" class="ft-14"></span></li>
  50. <!-- <li class="mui-table-view-cell" id="choujiang" style="display:none"><div><button class="mui-btn mui-btn-red go_luck_draw" id="check-luck-draw" value="">立即前往抽奖</button></div></li> -->
  51. <li style="text-align: center;padding: 10px 0;"><button type="button" id="orderPay" onclick="goOrderPay();" class="mui-btn mui-btn-green" style="width: 40%; display: none;">微信支付</button></li>
  52. </ul>
  53. <ul class="mui-table-view more">
  54. <li class="mui-table-view-cell">商品金额:<span class="cl-red ft-14" id="salesAmount"></span> <span class="mui-pull-right">支付金额:<span class="cl-red ft-14" id="salesYetAmount"></span></span> </li>
  55. <li id="couponMoney" class="mui-table-view-cell"><span class="mui-pull-left">优惠券抵扣金额:</span><span class="cl-red ft-14" id="couponReduce"></span></li>
  56. <li class="mui-table-view-cell"><span class="mui-pull-left">收货地址:</span><span class="line-clamp-3 ft-14" id="salesAddressInfo"></span></li>
  57. <li class="mui-table-view-cell">收货人:<span id="salesAddressName" class="ft-14"></span> <span id="salesAddressTel" class="ft-14"></span></li>
  58. <li class="mui-table-view-cell"><span class="mui-pull-left">备&nbsp;&nbsp;&nbsp;&nbsp;注:</span><span class="line-clamp-3 ft-14" id="salesUserRemark"></span></li>
  59. <li class="mui-table-view-cell" id="showLogistics">
  60. <span class="mui-pull-left">物流信息:</span>
  61. <span class="mui-pull-left ft-14 show_post_info" id="logistics" postfirm="" postnum="" gourl="">
  62. <span id="salesPostFirm"></span>
  63. <span id="salesPostNum"></span><br>
  64. <!-- <span ><a>查看物流>></a></span> -->
  65. </span>
  66. </li>
  67. </ul>
  68. <div id="orderDiv">
  69. <ul class="mui-table-view my-order-list shopping-cart-list">
  70. </ul>
  71. </div>
  72. <div style="background: #fff;padding: 0 10px;">
  73. <div><input type="hidden" id="salesLockType" value=""></div>
  74. <div><input type="hidden" id="oldStatus" value=""></div>
  75. <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>
  76. <!-- <input name="" id="changeOrderId"/>-->
  77. <div style="text-align: center;padding: 10px 0; display: none" id="exchangeOrder">
  78. <button type="button" class="mui-btn mui-btn-grey" onclick="operation('1');">申请换货</button>
  79. </div>
  80. <div id="refund" style="display: none">
  81. <br>
  82. <textarea placeholder="退款备注,必填" id="return-money-id"></textarea>
  83. <div>
  84. <div style="text-align: center;padding:0 0 10px 0;"><button type="button" class="mui-btn mui-btn-grey" onclick="operation();">申请退款</button></div>
  85. </div>
  86. </div>
  87. <div id="salesReturn" style="display: none">
  88. <br>
  89. <textarea placeholder="退货备注,必填" id="return-pay-id"></textarea>
  90. <div>
  91. <!-- <input name="" id="returnOrderId"/>-->
  92. <div style="text-align: center;padding:0 0 10px 0;"><button type="button" class="mui-btn mui-btn-grey" onclick="operation('2');">申请退货</button></div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <script src="//s.iamberry.com/watero/js/mui.min.js?v=2016101701"></script>
  98. <script src="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
  99. <script src="//s.iamberry.com/watero/js/shop/main.js?v=2017062201"></script>
  100. <script src="//s.iamberry.com/watero/js/shop/wap-alert/layer.js"></script>
  101. <script src="//s.iamberry.com/watero/js/shop/validate.js?v=2016101701"></script>
  102. <script src="//s.iamberry.com/watero/js/shop/wechat-utils-1.0.js"></script>
  103. <script src="//s.iamberry.com/watero/js/shop/order_details.js?v=2017062201"></script>
  104. </body>
  105. </html>