pay-win.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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">
  13. // 屏蔽分享
  14. window.hiddenAllWechatMenu = true;
  15. </script>
  16. </head>
  17. <body>
  18. <div class="mui-content">
  19. <div class="pay-yes">
  20. </div>
  21. <div style="position: absolute;width: 100%;left: 0;top: 50px;text-align: center;">
  22. <div style="padding: 10px 0;">
  23. <span class="iconfont icon-chenggong" style="color: #3bbf64;font-size: 40px;"></span>
  24. </div>
  25. <h4> 恭喜您支付成功</h4>
  26. <p>感谢您的购买</p>
  27. </div>
  28. <div style="margin:50px auto;text-align: center;">
  29. <h3 class="cl-red" id="is_show_integral">已赠送您<span id="integral">0</span>积分</h3>
  30. <br />
  31. <p>
  32. 记得收货后扫描产品唯一码 <br /> 还有400积分可领取哟!
  33. </p>
  34. <div style="padding:40px 0 20px 0;">
  35. <button type="button" class="my-btn-black my-btn go-pro-list" style="width: 110px;margin-right: 0px;padding: 8px 0;">继续逛逛</button>&nbsp;&nbsp;&nbsp;&nbsp;
  36. <button type="button" class="my-btn-black my-btn go_order_details" style="width: 110px;margin-left: 0px;padding: 8px 0;">查看订单</button>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- 加载ing begin-->
  41. <div class="loading covers">
  42. <div class="loading-bj"></div>
  43. <p>正在加载...</p>
  44. </div>
  45. <!-- 加载ing end -->
  46. <script type="text/javascript" src="js/mui.min.js"></script>
  47. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  48. <script type="text/javascript" src="js/main.js"></script>
  49. <script src="js/wechat-utils-1.0.js"></script>
  50. <script type="text/javascript">
  51. window.addEventListener('pageshow', function(e) {
  52. // 通过persisted属性判断是否存在 BF Cache
  53. if(e.persisted) {
  54. location.reload();
  55. }
  56. });
  57. var orderId=getParam("orderId");
  58. mui.ready(function(){
  59. var parameter = {}; //ajax参数json集合
  60. if(orderId != null) {
  61. parameter["orderId"] = orderId; //订单id
  62. $.ajax(base_path + '/wechat/order/getOrderIntegral?dates=' + new Date().getTime(), {
  63. data: parameter,
  64. dataType: 'json',
  65. xhrFields: {
  66. withCredentials: true
  67. },
  68. crossDomain: true,
  69. type: 'get',
  70. timeout: 15000,
  71. success: function(dt) {
  72. if(dt.isRedirect) {
  73. location.href = dt.redirectURL;
  74. } else {
  75. if(dt.status) {
  76. if(typeof(dt.data)!="undefined"){
  77. if(dt.data == 0){
  78. $("#is_show_integral").hide();
  79. }
  80. $("#integral").text(dt.data);
  81. }
  82. } else {
  83. mui.alert("获取订单失败失败!");
  84. }
  85. $(".loading").hide().css("opacity", "0");//隐藏(正在加载...)
  86. }
  87. },
  88. error: function(xhr, type, errorThrown) {
  89. console.log(xhr);
  90. mui.alert("获取订单失败!网络错误");
  91. }
  92. });
  93. }
  94. });
  95. //跳转订单详情
  96. mui('body').on('tap','.go_order_details',function(){
  97. mui.openWindow({
  98. url: 'order-details.html?orderId='+orderId
  99. });
  100. });
  101. //跳转产品列表
  102. mui('body').on('tap','.go-pro-list',function(){
  103. mui.openWindow({
  104. url: 'pro-list.html'
  105. });
  106. });
  107. </script>
  108. </body>
  109. </html>