wxPayCallback.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!--周世豪,20210716-->
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <title>贵州银行聚合支付小票demo</title>
  8. <!--<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>-->
  9. <script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  10. <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
  11. <style type="text/css">
  12. body {
  13. margin: 0;
  14. padding: 0;
  15. width: 100%;
  16. height: 600px;
  17. }
  18. .container {
  19. height: 100%;
  20. padding: 50px 0;
  21. text-align: center;
  22. background: linear-gradient(138deg, #7EBAB8 0%, #48999A 100%);
  23. box-shadow: 0px 2px 4px 0px #0B7C7D;
  24. }
  25. .text-img {
  26. width: calc(100% - 40px);
  27. margin: 0 auto;
  28. }
  29. .car-img {
  30. width: 100%;
  31. margin-top: 39px;
  32. }
  33. .button {
  34. display: inline-block;
  35. width: calc(100% - 84px);
  36. height: 6vh;
  37. line-height: 6vh;
  38. text-decoration: none;
  39. margin-top: 4vh;
  40. outline: none;
  41. border: none;
  42. background: #FFFFFF;
  43. box-shadow: 0px 7px 13px 0px rgba(0, 105, 106, 0.26);
  44. border-radius: 10px;
  45. font-size: 1.1em;
  46. font-weight: 500;
  47. color: #1D8587;
  48. font-family: 'PingFangSC-Medium, PingFang SC';
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="container">
  54. <div class="text-img">
  55. <img src="https://h5.pdzhtc.com/static/img/text-html-bg.png" alt="" width="80%" height="20%"/>
  56. </div>
  57. <div class="car-img">
  58. <img src="https://h5.pdzhtc.com/static/img/car-html-bg.png" alt="" width="65%" height="25%"/>
  59. </div>
  60. <a href="javascript:goToBgzchina()" class="button">回到普定智慧停车</a>
  61. </div>
  62. <script>
  63. //const vConsole = new VConsole();//初始化console.log(?)
  64. //尽量在页面加载完成后实现“点金计划”的相关代码
  65. //函数-获取返回页面参数
  66. function getParameters(key) {
  67. var params = window.location.search.substring(1);
  68. var vars = params.split("&");
  69. for (var i = 0; i < vars.length; i++) {
  70. var kvPair = vars[i].split("=");
  71. if (kvPair[0] == key)return kvPair[1];
  72. }
  73. return null;
  74. };//end getParameters(key)
  75. //测试微信通知过来的参数【非必需】
  76. var sub_mch_id = getParameters("sub_mch_id"); //特约商户号
  77. console.log("1、特约商户号=" + sub_mch_id);
  78. var out_trade_no = getParameters("out_trade_no"); //商户订单号
  79. console.log("2、商户订单号=" + out_trade_no);
  80. var check_code = getParameters("check_code"); //md5校验码。如果需要计算(参考说明文档)校验则需要后台完成
  81. console.log("3、md5校验码=" + check_code);
  82. //初始化微信点金计划小票【必需,否则在微信不能展示该页面】
  83. let mchData ={action:'onIframeReady',displayStyle:'SHOW_CUSTOM_PAGE',
  84. height:960};//高度可选(参考说明文档)
  85. var postData = JSON.stringify(mchData);
  86. parent.postMessage(postData,'https://payapp.weixin.qq.com');
  87. //测试跳转到其他页面【非必需】
  88. function goToBgzchina() {
  89. // let jumpUrl = localStorage.getItem('jumpUrl') || 'https://h5.pdzhtc.com';
  90. // alert('111',jumpUrl)
  91. var mchData = {
  92. action: 'jumpOut',
  93. jumpOutUrl: 'https://h5.pdzhtc.com/#/pages/paymentMethod/jumpMiddle' //要跳转到的页面。注意:不支持跳转到小程序
  94. };
  95. var postData = JSON.stringify(mchData);
  96. parent.postMessage(postData, 'https://payapp.weixin.qq.com');
  97. }//end goToBgzchina
  98. </script>
  99. </body>
  100. </html>