lease_order_win.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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" type="text/css" href="/css/mui.min.css">
  10. <link rel="stylesheet" type="text/css" href="/css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="/css/style.css" />
  12. <style>
  13. .tips{padding-bottom: 65px;}
  14. .gift-card-title{padding:35px 0 0 0;}
  15. .gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
  16. .gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
  17. .gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
  18. .gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
  19. .gift-card-title .mui-table-view-cell{color: #fff;}
  20. .mui-table-view-cell:after,.mui-table-view:after,.mui-table-view:before{display:none;}
  21. .mui-icon-checkmarkempty{font-size:90px;background: #1cc9f4;border-radius: 50%;}
  22. .my-btn-line{border: 1px solid #71d8ec; background: transparent;color: #71d8ec;padding: 5px 10px;}
  23. #go_lease_order_details{color:#1cc9f4;text-decoration: underline;}
  24. </style>
  25. <script>
  26. // 屏蔽分享
  27. //window.hiddenAllWechatMenu = true;
  28. var url = '//'+document.domain+'/watero/view/i_want_lease_test.html';
  29. window.repleFlag = true;
  30. window.repleWxData = {
  31. "appId": "",
  32. "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
  33. "link": url,
  34. "desc": "快来围观吧,美国watero一款可移动的净水机。",
  35. "title": "净水机可以租啦!",
  36. "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
  37. "shareTimeSuccess": "分享成功",
  38. "shareTimeCancel": "已取消分享",
  39. "shareAppSuccess": "分享成功!",
  40. "shareAppCancel": "已取消分享"
  41. };
  42. </script>
  43. </head>
  44. <body style="background: #fff;">
  45. <div class="loading-bg">
  46. <div class="mui-loading">
  47. <div class="mui-spinner">
  48. </div>
  49. &nbsp;&nbsp;加载中...
  50. </div>
  51. </div>
  52. <div class="mui-content" style="background: #fff;">
  53. <div class="tips">
  54. <ul class="mui-table-view gift-card-title">
  55. <li class="mui-table-view-cell mui-text-center">
  56. <span class="mui-icon mui-icon-checkmarkempty"></span>
  57. </li>
  58. </ul>
  59. <ul class="mui-table-view mui-text-center">
  60. <li style="color: #999;">
  61. 租用下单成功
  62. </li>
  63. <li style="color: #999;">
  64. 我们将尽快联系您发货
  65. </li>
  66. <li class="mui-table-view-cell">
  67. <a id="go_lease_order_details" name="lease_order_details.html?rentStatus=-1">查看租用订单详情</a>
  68. </li>
  69. <li class="mui-text-center gzwx">
  70. <img width="30%" style="padding-top:35px;" src="//s.iamberry.com/watero/images/shop/lease-2wm.png" />
  71. <li>
  72. <li class="mui-table-view-cell gzwx" style="color: #999;">
  73. 请长按识别二维码,关注公众号享受售后服务
  74. <li>
  75. </ul>
  76. </div>
  77. </div>
  78. <div style="position: fixed;width: 100%;left: 0;bottom: 0;text-align: center;padding: 15px 0;color: #999;">
  79. 深圳爱贝源科技有限公司<br/>服务热线:<a href="tel:400-800-6692">400-800-6692</a>
  80. </div>
  81. <script src="/js/mui.min.js"></script>
  82. <script src="/js/jquery-2.1.1.min.js"></script>
  83. <script src="/js/shop/main.js"></script>
  84. <script src="/js/shop/wechat-utils-1.0.js"></script>
  85. <script type="text/javascript">
  86. mui.ready(function() {
  87. mui.ajax(base_path + '/rent_order/isFocus', {
  88. data: {},
  89. type: 'post',
  90. timeout: 15000,
  91. success: function(dt) {
  92. /*console.log(dt)*/
  93. if(dt.isRedirect) {
  94. location.href = dt.redirectURL;
  95. }else{
  96. if(dt.status) {
  97. $(".gzwx").hide();
  98. }else{
  99. $(".gzwx").show();
  100. }
  101. document.querySelector('.loading-bg').style.display = 'none';
  102. }
  103. },
  104. error: function(xhr, type, errorThrown) {
  105. console.log(xhr)
  106. document.querySelector('.loading-bg').style.display = 'none';
  107. }
  108. });
  109. });
  110. mui('body').on('tap', '#go_lease_order_details', function() {
  111. location.href=this.getAttribute("name");
  112. });
  113. </script>
  114. </body>
  115. </html>