pay-win.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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. <!--春节放假通知-->
  41. <div class="year-dalog"></div>
  42. <!-- 加载ing begin-->
  43. <div class="loading covers">
  44. <div class="loading-bj"></div>
  45. <p>正在加载...</p>
  46. </div>
  47. <!-- 加载ing end -->
  48. <script type="text/javascript" src="js/mui.min.js"></script>
  49. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  50. <script type="text/javascript" src="js/main.js"></script>
  51. <script src="js/wechat-utils-1.0.js"></script>
  52. <script type="text/javascript">
  53. window.addEventListener('pageshow', function(e) {
  54. // 通过persisted属性判断是否存在 BF Cache
  55. if(e.persisted) {
  56. location.reload();
  57. }
  58. });
  59. var orderId=getParam("orderId");
  60. mui.ready(function(){
  61. var parameter = {}; //ajax参数json集合
  62. if(orderId != null) {
  63. parameter["orderId"] = orderId; //订单id
  64. $.ajax(base_path + '/wechat/order/getOrderIntegral?dates=' + new Date().getTime(), {
  65. data: parameter,
  66. dataType: 'json',
  67. xhrFields: {
  68. withCredentials: true
  69. },
  70. crossDomain: true,
  71. type: 'get',
  72. timeout: 15000,
  73. success: function(dt) {
  74. if(dt.isRedirect) {
  75. location.href = dt.redirectURL;
  76. } else {
  77. if(dt.status) {
  78. if(typeof(dt.data)!="undefined"){
  79. if(dt.data == 0){
  80. $("#is_show_integral").hide();
  81. }
  82. $("#integral").text(dt.data);
  83. }
  84. } else {
  85. mui.alert("获取订单失败失败!");
  86. }
  87. $(".loading").hide().css("opacity", "0");//隐藏(正在加载...)
  88. // $(".year-dalog").addClass("active").show();
  89. }
  90. },
  91. error: function(xhr, type, errorThrown) {
  92. console.log(xhr);
  93. mui.alert("获取订单失败!网络错误");
  94. }
  95. });
  96. }
  97. });
  98. //跳转订单详情
  99. mui('body').on('tap','.go_order_details',function(){
  100. mui.openWindow({
  101. url: 'order-details.html?orderId='+orderId
  102. });
  103. });
  104. //跳转产品列表
  105. mui('body').on('tap','.go-pro-list',function(){
  106. mui.openWindow({
  107. url: 'pro-list.html'
  108. });
  109. });
  110. //春节放假通知弹窗点击事件
  111. // $(document).on('tap', '.year-dalog', function() {
  112. // if(!window.localStorage) {
  113. // mui.alert("您的浏览器不支持localStorage");
  114. // } else {
  115. // //自定义json数据
  116. // var obj = {};
  117. // obj = {
  118. // text: new Date().getTime()
  119. // };
  120. // //json格式化插入 点击时间
  121. // localStorage.setItem('clickdate', JSON.stringify(obj));
  122. // }
  123. // $(".year-dalog").removeClass("active");
  124. // setTimeout(function(){
  125. // $(".year-dalog").hide();
  126. // },500);
  127. // });
  128. </script>
  129. </body>
  130. </html>