|
@@ -1,99 +1,108 @@
|
|
<html>
|
|
<html>
|
|
-<head>
|
|
|
|
- <meta charset="utf-8">
|
|
|
|
|
|
+
|
|
|
|
+ <head>
|
|
|
|
+ <meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
- <title>贵州银行聚合支付小票</title>
|
|
|
|
- <!--<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>-->
|
|
|
|
- <script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
|
|
|
- <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
|
|
|
|
- <style type="text/css">
|
|
|
|
- body {
|
|
|
|
- margin: 0;
|
|
|
|
- padding: 0;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 600px;
|
|
|
|
- }
|
|
|
|
- .container {
|
|
|
|
- height: 100%;
|
|
|
|
- padding: 50px 0;
|
|
|
|
- text-align: center;
|
|
|
|
- background: linear-gradient(138deg, #7EBAB8 0%, #48999A 100%);
|
|
|
|
- box-shadow: 0px 2px 4px 0px #0B7C7D;
|
|
|
|
- }
|
|
|
|
- .text-img {
|
|
|
|
- margin: 0 auto;
|
|
|
|
- }
|
|
|
|
- .car-img {
|
|
|
|
- margin-top: 39px;
|
|
|
|
- }
|
|
|
|
- .button {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: calc(100% - 84px);
|
|
|
|
- height: 6vh;
|
|
|
|
- line-height: 6vh;
|
|
|
|
- text-decoration: none;
|
|
|
|
- margin-top: 4vh;
|
|
|
|
- outline: none;
|
|
|
|
- border: none;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- box-shadow: 0px 7px 13px 0px rgba(0, 105, 106, 0.26);
|
|
|
|
- border-radius: 10px;
|
|
|
|
- font-size: 1.1em;
|
|
|
|
- font-weight: 500;
|
|
|
|
- color: #1D8587;
|
|
|
|
- font-family: 'PingFangSC-Medium, PingFang SC';
|
|
|
|
- }
|
|
|
|
- </style>
|
|
|
|
-</head>
|
|
|
|
-<body>
|
|
|
|
- <div class="container">
|
|
|
|
- <div class="text-img">
|
|
|
|
- <img src="https://h5.pdzhtc.com/static/img/text-html-bg.png" alt="" width="80%" height="20%"/>
|
|
|
|
|
|
+ <title>贵州银行聚合支付小票</title>
|
|
|
|
+ <!--<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>-->
|
|
|
|
+ <script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
|
|
|
+ <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
|
|
|
|
+ <style type="text/css">
|
|
|
|
+ body {
|
|
|
|
+ margin: 0;
|
|
|
|
+ padding: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 600px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .container {
|
|
|
|
+ height: 100%;
|
|
|
|
+ padding: 50px 0;
|
|
|
|
+ text-align: center;
|
|
|
|
+ background: linear-gradient(138deg, #7EBAB8 0%, #48999A 100%);
|
|
|
|
+ box-shadow: 0px 2px 4px 0px #0B7C7D;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text-img {
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .car-img {
|
|
|
|
+ margin-top: 39px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .button {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: calc(100% - 84px);
|
|
|
|
+ height: 6vh;
|
|
|
|
+ line-height: 6vh;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+ margin-top: 4vh;
|
|
|
|
+ outline: none;
|
|
|
|
+ border: none;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ box-shadow: 0px 7px 13px 0px rgba(0, 105, 106, 0.26);
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ font-size: 1.1em;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #1D8587;
|
|
|
|
+ font-family: 'PingFangSC-Medium, PingFang SC';
|
|
|
|
+ }
|
|
|
|
+ </style>
|
|
|
|
+ </head>
|
|
|
|
+
|
|
|
|
+ <body>
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="text-img">
|
|
|
|
+ <img src="https://h5.pdzhtc.com/static/img/text-html-bg.png" alt="" width="80%" height="20%" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="car-img">
|
|
|
|
+ <img src="https://h5.pdzhtc.com/static/img/car-html-bg.png" alt="" width="65%" height="25%" />
|
|
|
|
+ </div>
|
|
|
|
+ <a href="javascript:goToBgzchina()" class="button">回到普定智慧停车</a>
|
|
</div>
|
|
</div>
|
|
- <div class="car-img">
|
|
|
|
- <img src="https://h5.pdzhtc.com/static/img/car-html-bg.png" alt="" width="65%" height="25%"/>
|
|
|
|
- </div>
|
|
|
|
- <a href="javascript:goToBgzchina()" class="button">回到普定智慧停车</a>
|
|
|
|
- </div>
|
|
|
|
- <script>
|
|
|
|
- //const vConsole = new VConsole();//初始化console.log(?)
|
|
|
|
- //尽量在页面加载完成后实现“点金计划”的相关代码
|
|
|
|
- //函数-获取返回页面参数
|
|
|
|
- function getParameters(key) {
|
|
|
|
- var params = window.location.search.substring(1);
|
|
|
|
- var vars = params.split("&");
|
|
|
|
- for (var i = 0; i < vars.length; i++) {
|
|
|
|
- var kvPair = vars[i].split("=");
|
|
|
|
- if (kvPair[0] == key)return kvPair[1];
|
|
|
|
- }
|
|
|
|
- return null;
|
|
|
|
- };//end getParameters(key)
|
|
|
|
-
|
|
|
|
- //测试微信通知过来的参数【非必需】
|
|
|
|
- var sub_mch_id = getParameters("sub_mch_id"); //特约商户号
|
|
|
|
- console.log("1、特约商户号=" + sub_mch_id);
|
|
|
|
- var out_trade_no = getParameters("out_trade_no"); //商户订单号
|
|
|
|
- console.log("2、商户订单号=" + out_trade_no);
|
|
|
|
- var check_code = getParameters("check_code"); //md5校验码。如果需要计算(参考说明文档)校验则需要后台完成
|
|
|
|
- console.log("3、md5校验码=" + check_code);
|
|
|
|
-
|
|
|
|
- //初始化微信点金计划小票【必需,否则在微信不能展示该页面】
|
|
|
|
- let mchData ={action:'onIframeReady',displayStyle:'SHOW_CUSTOM_PAGE',
|
|
|
|
- height:960};//高度可选(参考说明文档)
|
|
|
|
- var postData = JSON.stringify(mchData);
|
|
|
|
- parent.postMessage(postData,'https://payapp.weixin.qq.com');
|
|
|
|
-
|
|
|
|
- const jumpUrl = localStorage.getItem('jumpUrl')
|
|
|
|
- //测试跳转到其他页面【非必需】
|
|
|
|
- function goToBgzchina() {
|
|
|
|
- var mchData = {
|
|
|
|
- action: 'jumpOut',
|
|
|
|
- jumpOutUrl: 'https://h5.pdzhtc.com?type=jumpurl' //要跳转到的页面。注意:不支持跳转到小程序
|
|
|
|
- };
|
|
|
|
- var postData = JSON.stringify(mchData);
|
|
|
|
- parent.postMessage(postData, 'https://payapp.weixin.qq.com');
|
|
|
|
- }//end goToBgzchina
|
|
|
|
- </script>
|
|
|
|
-</body>
|
|
|
|
|
|
+ <script>
|
|
|
|
+ //const vConsole = new VConsole();//初始化console.log(?)
|
|
|
|
+ //尽量在页面加载完成后实现“点金计划”的相关代码
|
|
|
|
+ //函数-获取返回页面参数
|
|
|
|
+ function getParameters(key) {
|
|
|
|
+ var params = window.location.search.substring(1);
|
|
|
|
+ var vars = params.split("&");
|
|
|
|
+ for (var i = 0; i < vars.length; i++) {
|
|
|
|
+ var kvPair = vars[i].split("=");
|
|
|
|
+ if (kvPair[0] == key) return kvPair[1];
|
|
|
|
+ }
|
|
|
|
+ return null;
|
|
|
|
+ };//end getParameters(key)
|
|
|
|
+
|
|
|
|
+ //测试微信通知过来的参数【非必需】
|
|
|
|
+ var sub_mch_id = getParameters("sub_mch_id"); //特约商户号
|
|
|
|
+ console.log("1、特约商户号=" + sub_mch_id);
|
|
|
|
+ var out_trade_no = getParameters("out_trade_no"); //商户订单号
|
|
|
|
+ console.log("2、商户订单号=" + out_trade_no);
|
|
|
|
+ var check_code = getParameters("check_code"); //md5校验码。如果需要计算(参考说明文档)校验则需要后台完成
|
|
|
|
+ console.log("3、md5校验码=" + check_code);
|
|
|
|
+
|
|
|
|
+ //初始化微信点金计划小票【必需,否则在微信不能展示该页面】
|
|
|
|
+ let mchData = {
|
|
|
|
+ action: 'onIframeReady', displayStyle: 'SHOW_CUSTOM_PAGE',
|
|
|
|
+ height: 960
|
|
|
|
+ };//高度可选(参考说明文档)
|
|
|
|
+ var postData = JSON.stringify(mchData);
|
|
|
|
+ parent.postMessage(postData, 'https://payapp.weixin.qq.com');
|
|
|
|
+
|
|
|
|
+ const jumpUrl = localStorage.getItem('jumpUrl')
|
|
|
|
+ //测试跳转到其他页面【非必需】
|
|
|
|
+ function goToBgzchina() {
|
|
|
|
+ var mchData = {
|
|
|
|
+ action: 'jumpOut',
|
|
|
|
+ jumpOutUrl: 'https://h5.pdzhtc.com?type=jumpurl' //要跳转到的页面。注意:不支持跳转到小程序
|
|
|
|
+ };
|
|
|
|
+ var postData = JSON.stringify(mchData);
|
|
|
|
+ parent.postMessage(postData, 'https://payapp.weixin.qq.com');
|
|
|
|
+ }//end goToBgzchina
|
|
|
|
+ </script>
|
|
|
|
+ </body>
|
|
|
|
+
|
|
</html>
|
|
</html>
|