pay-win.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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/main.css" />
  12. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  13. <script>
  14. //屏蔽分享
  15. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  16. WeixinJSBridge.call('hideOptionMenu');
  17. });
  18. </script>
  19. </head>
  20. <body style="background: #fff;">
  21. <div class="loading-bg">
  22. <div class="mui-loading">
  23. <div class="mui-spinner">
  24. </div>
  25. &nbsp;&nbsp;加载中...
  26. </div>
  27. </div>
  28. <div class="mui-content" style="background: #fff;">
  29. <div style="background-color: #f1f1f1;height:220px;text-align: center;padding: 50px 0;">
  30. <div style="padding: 10px 0;">
  31. <span class="iconfont icon-yes" style="color: #3bbf64;font-size: 30px;"></span>
  32. </div>
  33. <h4> 恭喜您支付成功</h4>
  34. <p>感谢您的购买</p>
  35. </div>
  36. <div style="margin:-40px auto 0 auto;width:240px;text-align: center;">
  37. <img width="160px" src="images/qrcode.png" class="code_show" style="display: none;"/>
  38. <p style="padding-bottom: 20px;display: none;" class="code_show" >
  39. 长按识别,关注aiberle公众号<br /> 随时查看订单信息
  40. </p>
  41. <div style="">
  42. <button type="button" class="mui-btn my-btn go-pro-list">继续逛逛</button>&nbsp;&nbsp;&nbsp;&nbsp;
  43. <button type="button" class="mui-btn my-btn go_order_details">查看订单</button>
  44. </div>
  45. </div>
  46. </div>
  47. <script type="text/javascript" src="js/mui.min.js"></script>
  48. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  49. <script type="text/javascript" src="js/main.js"></script>
  50. <script type="text/javascript">
  51. var orderId=getParam("orderId");
  52. mui.ready(function(){
  53. console.log("页面加载完毕")
  54. $.ajax(base_path + '/wechat/agent/member?dates=' + new Date().getTime(), {
  55. dataType: 'json',
  56. type: 'post',
  57. xhrFields: {
  58. withCredentials: true
  59. },
  60. crossDomain: true,
  61. timeout: 15000,
  62. success: function(dt) {
  63. var data = dt.data;
  64. if(dt.status) {
  65. console.log(data);
  66. if(data.userStatus == null || data.userStatus == "" || typeof(data.userStatus) == "undefined" || data.userStatus !=2){
  67. $(".code_show").show();
  68. }
  69. } else {
  70. $(".code_show").show();
  71. }
  72. },
  73. error: function(xhr, type, errorThrown) {
  74. //异常处理;
  75. console.log(xhr);
  76. }
  77. });
  78. document.querySelector('.loading-bg').style.display='none';
  79. });
  80. //跳转订单详情
  81. mui('body').on('tap','.go_order_details',function(){
  82. mui.openWindow({
  83. url: 'order-details.html?orderId='+orderId
  84. });
  85. });
  86. //跳转产品列表
  87. mui('body').on('tap','.go-pro-list',function(){
  88. mui.openWindow({
  89. url: 'pro-list.html'
  90. });
  91. });
  92. </script>
  93. </body>
  94. </html>