pay-win.html 3.4 KB

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