order_service.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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. <link rel="stylesheet" href="/css/mui.min.css">
  10. <link rel="stylesheet" href="/css/iconfont.css" />
  11. <link rel="stylesheet" href="/css/style.css" />
  12. <style>
  13. .huanhuo,.tuihuo,.tuikuan{position: relative;display: inline-block;width: 70px;height: 20px;color: #666; text-align: center;}
  14. .huanhuo:after{content: '申请换货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
  15. .tuihuo:after{content: '申请退货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
  16. .tuikuan:after{content: '申请退款';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
  17. .iconfont{color: #22cbf5;font-size: 30px;}
  18. .mui-table-view:after,.mui-table-view:before,.mui-table-view .mui-table-view-cell:after,.mui-table-view .mui-table-view-cell:before{display: none;}
  19. .mui-table-view-cell{padding: 20px 15px;background: #eee;margin: 10px 0;border-radius: 5px;}
  20. .mui-navigate-right:after, .mui-push-right:after {font-size: 25px;color: #666;}
  21. </style>
  22. <script>
  23. // 屏蔽分享
  24. window.hiddenAllWechatMenu = true;
  25. </script>
  26. </head>
  27. <body style="background: #fff;">
  28. <div class="loading-bg">
  29. <div class="mui-loading">
  30. <div class="mui-spinner">
  31. </div>
  32. &nbsp;&nbsp;加载中...
  33. </div>
  34. </div>
  35. <div class="mui-content" style="background: #fff;">
  36. <div class="mui-content-padded">
  37. <ul class="mui-table-view" id="my_order_service">
  38. <li class="mui-table-view-cell">
  39. <a class="mui-navigate-right my-navigate-right" href="/watero/view/apply_replacement.html">
  40. <span class="iconfont icon-huanhuo"><span/><div class="huanhuo"></div>
  41. </a>
  42. </li>
  43. <li class="mui-table-view-cell">
  44. <a class="mui-navigate-right my-navigate-right" href="/watero/view/apply_returns.html">
  45. <span class="iconfont icon-tuihuo"><span/><div class="tuihuo"></div><span class="mui-h6" style="-webkit-transform:translateY(-50%);">(退还押金)</span>
  46. </a>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. <a class="mui-navigate-right my-navigate-right1" href="#">
  50. <span class="iconfont icon-tuikuan"><span/><div class="tuikuan"></div>
  51. </a>
  52. </li>
  53. </ul>
  54. </div>
  55. </div>
  56. <script src="/js/mui.min.js"></script>
  57. <script src="/js/jquery-2.1.1.min.js"></script>
  58. <script src="/js/shop/main.js"></script>
  59. <script src="/js/shop/wechat-utils-1.0.js"></script>
  60. <script type="text/javascript">
  61. mui.ready(function(){
  62. var parm=getParam("orderId"),item=getParam("itemId"),postStatus=getParam("postStatus");
  63. mui.each(document.querySelectorAll('#my_order_service .my-navigate-right'), function(index, el) {
  64. var th=this;
  65. el.addEventListener('tap', function() {
  66. if(postStatus==5){
  67. mui.openWindow({
  68. url: th.getAttribute("href")+"?orderId="+parm+"&itemId="+item
  69. });
  70. }else{
  71. mui.alert('此订单暂时不支持此操作');
  72. }
  73. }, false)
  74. });
  75. mui('body').on('tap', '.my-navigate-right1', function() {
  76. if(postStatus==2) {
  77. mui.ajax(base_path + '/rent_order/apply_return_money', {
  78. data: {
  79. orderId: parm,
  80. itemId: item
  81. },
  82. type: 'post',
  83. timeout: 15000,
  84. success: function (dt) {
  85. /*console.log(dt)*/
  86. if (dt.isRedirect) {
  87. location.href = dt.redirectURL;
  88. } else {
  89. if (dt.status) {
  90. mui.alert("申请成功!", function () {
  91. location.href = 'lease_order_details.html?rentStatus=-1';
  92. });
  93. } else {
  94. mui.alert(dt.message);
  95. }
  96. }
  97. },
  98. error: function (xhr, type, errorThrown) {
  99. console.log(xhr)
  100. }
  101. });
  102. }else if(postStatus==3){
  103. mui.alert('正在退款中,请耐心等候');
  104. }else{
  105. mui.alert('此订单暂时不支持此操作');
  106. }
  107. });
  108. document.querySelector('.loading-bg').style.display='none';
  109. });
  110. function getOrderStatus(status){
  111. switch (status){
  112. case 0:
  113. return '取消订单';
  114. case 1:
  115. return '待支付';
  116. case 2:
  117. return '待发货';
  118. case 3:
  119. return '退款申请中';
  120. case 4:
  121. return '已退款';
  122. case 5:
  123. return '已发货';
  124. case 6:
  125. return '申请退货中';
  126. case 7:
  127. return '退货中';
  128. case 8:
  129. return '退货成功';
  130. case 9:
  131. return '换货中';
  132. case 10:
  133. return '换货完成';
  134. case 11:
  135. return '申请换货中';
  136. default:
  137. break;
  138. }
  139. }
  140. </script>
  141. </body>
  142. </html>