fenxiao_pay_win.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. <script>
  13. // 屏蔽分享
  14. window.hiddenAllWechatMenu = true;
  15. </script>
  16. </head>
  17. <body style="background: #fff;">
  18. <div class="loading-bg">
  19. <div class="mui-loading">
  20. <div class="mui-spinner">
  21. </div>
  22. &nbsp;&nbsp;加载中...
  23. </div>
  24. </div>
  25. <header class="mui-bar mui-bar-nav header">
  26. <div class="go-index go_index">
  27. <img src="images/logo.png" />
  28. </div>
  29. </header>
  30. <div class="mui-content" style="background: #fff;">
  31. <div class="pl-win-tt">
  32. <img style="width: 1.5em;" src="images/pay-win.jpg"><span class="sp"> 恭喜您,支付成功!</span>
  33. <div>已支付:<span class="cl-red" id="payMoney">¥0.00元+0.0积分</span></div>
  34. </div>
  35. <ul class="pay_win_list">
  36. <li>订单编号:<span class="cl-0" id="orderId"></span></li>
  37. <li>收货人:<span id="userName"></span></li>
  38. <li>手机号码:<span id="tel"></span></li>
  39. <li>订单金额:<span class="cl-0" id="amount"></span></li>
  40. <li>支付方式:在线支付</li>
  41. <li>订单时间:<span id="createDate"></span></li>
  42. </ul>
  43. </div>
  44. <script src="js/mui.min.js"></script>
  45. <script src="js/jquery-2.1.1.min.js"></script>
  46. <script src="js/main.js"></script>
  47. <script src="js/page/wechat-utils-1.0.js"></script>
  48. <script>
  49. mui.ready(function(){
  50. var orderId=getParam("orderId")==""?"1":getParam("orderId");
  51. $.ajax({
  52. type:"post",
  53. url:base_path+"/placeOrder/successOrder",
  54. dataType:"json",
  55. xhrFields: {
  56. withCredentials: true
  57. },
  58. crossDomain: true,
  59. data :{
  60. "openid":"",//"openid":"230"
  61. "id":orderId
  62. },
  63. success: function(res) {
  64. if (dt.isRedirect) {
  65. location.href = dt.redirectURL;
  66. } else {
  67. $("#payMoney").text(res.data.yetAmount);
  68. $("#orderId").text(res.data.id);
  69. $("#userName").text(res.data.contactName);
  70. $("#payMoney").text("¥"+accDiv(res.data.yetAmount,100));
  71. $("#tel").html(res.data.tel);
  72. $("#amount").text("¥"+accDiv(res.data.yetAmount,100));
  73. $("#createDate").text(res.data.createDate);
  74. document.querySelector('.loading-bg').style.display='none';
  75. }
  76. }
  77. });
  78. });
  79. </script>
  80. </body>
  81. </html>