wxPayCallback.html 4.1 KB

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