微信支付

songchongxian
1 parent 99b0761b
Showing 7 changed files with 517 additions and 8 deletions
config.js
dynCodePay.html
index.html
js/dynCodePay.js
js/pay.js
page/out.html
page/wxpayResult.html
@@ -6,7 +6,9 @@
 window.webAppH5 = {};
  
 /*服务器地址*/
-var webAppRoot = "http://39.98.54.240:8090";
+var webAppRoot = "http://39.98.54.240:8090"; //"http://39.98.54.240:8090";
+//var webApp
+var webAppPayResult = "http://test.pay.renniting.cn/codepay/page/wxpayResult.html";
  
 /*公共参数*/
 webAppH5.comParams = {
@@ -18,6 +20,13 @@ webAppH5.comParams = {
     token: '666'
 }
  
+//小票扫码支付参数
+webAppH5.dynCode = {//卫岗固定参数
+    direction: 1,
+    codeType: 1,
+    channelId: "小票二维码"
+}
+
 /*出、入场接口*/
 webAppH5.comServer = "/keyTopQrCodeInOutPark/noCarQRcodeInOutPark";
  
@@ -60,6 +69,11 @@ webAppH5.aliPayServer = &quot;/alipay/aliH5Pay&quot;;
 //    direction:1
 //}
  
+//小票二维码出场
+//http://39.98.54.240/codepay/index.html?appid=0&lotId=1&payConfigId=2&receiptNo=3
+//http://localhost:1260/codepay/index.html?appid=0&lotId=1&payConfigId=2&receiptNo=3
+
+
 //首页
 //进出场标识>>>>>>>>>>direction=0 [通行方向 入：0，1:出 必填]
 //测试服务器进场首页
@@ -70,5 +84,10 @@ webAppH5.aliPayServer = &quot;/alipay/aliH5Pay&quot;;
  
  
  
+//测试支付[任你停测试-首页-停车记录(停车列表车牌号，再找到对应停车场编号)]
+//http://test.renniting.cn/parking/admin/SubMenus/allparkrecords.html
+
+//http://localhost:1260/pay.html?orderId=101526715300086198272&parkName=%E9%9D%99%E9%9B%85%E5%9C%B0%E4%B8%8A&parkCode=B1504020C7&inparktime=2018-12-24%2010%3A58%3A24&outtime=2018-12-24%2011%3A05%3A10&staytime=420&due=70&paid=0&orderTotalFee=70&orderFee=7&discountFee=63&plateno=%E8%92%99DTK366&outPayOrderNo=B1504020C720181224110510813DTK366-172192102&appOrderTimeout=%E8%AF%B7%E5%9C%A8%E6%94%AF%E4%BB%98%E5%AE%8C%E6%88%9010%E5%88%86%E9%92%9F%E5%86%85%E5%87%BA%E5%9C%BA%EF%BC%8C%E5%A6%82%E8%B6%85%E6%97%B6%E6%9C%AA%E5%87%BA%E5%9C%BA%EF%BC%8C%E4%BC%9A%E7%BB%A7%E7%BB%AD%E8%AE%A1%E8%B4%B9%E3%80%82&discountDesc=1%E6%8A%98%E4%BC%98%E6%83%A0&queryOrderInfo=%7B%22app_id%22%3A%221%22%2C%22carNumber%22%3A%22%E8%92%99DTK366%22%2C%22channelId%22%3A%22172192102%22%2C%22codeType%22%3A0%2C%22deviceInfo%22%3A%223%22%2C%22direction%22%3A1%2C%22parkingId%22%3A%22B1504020C7%22%2C%22plNo%22%3A%22B1504020C7%22%2C%22salt%22%3A%222%22%2C%22sign%22%3A%224%22%2C%22sign_type%22%3A%22md5%22%2C%22terminalSource%22%3A%227%22%2C%22token%22%3A%22666%22%7D&needPay=true
+
  
  
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <meta name="google" value="notranslate">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="format-detection" content="email=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Cache-control" content="no-cache">
+    <meta http-equiv="Cache" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+    <link rel="stylesheet" href="css/index.css?v=0.1">
+    <script src="config.js?v=0.1"></script>
+    <script src="js/common.js?v=0.1"></script>
+    <script src="js/dynCodePay.js?v=0.1"></script>
+    <!--<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>-->
+    <!--<script src="config.js"></script>-->
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>订单支付</title>
+</head>
+<body>
+    <!--<noscript>-->
+    <!--You need to enable JavaScript to run this app.-->
+    <!--</noscript>-->
+    <header id="header" class="flexBoxRow panelBgColor">
+        <div class="headerBox">
+            <div class="carNumBox"><span></span><span id="carNum"></span></div>
+            <div class="moneyBox"><span>￥</span><span id="sumMoney">0.00</span></div>
+        </div>
+    </header>
+    <section id="payDetail" class="panelBgColor marginTop">
+        <div><span>车场名称:</span><span id="parkName"></span><a id="linkPayDetail">详情+</a> </div>
+        <div><span>停车时长:</span><span id="staytime"></span></div>
+        <div><span>进场时间:</span><span id="inparktime"></span></div>
+        <div><span>停车总费用:</span><span id="due"></span></div>
+        <div><span>已支付金额:</span><span id="paid"></span></div>
+        <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div>
+        <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div>
+    </section>
+    <section id="section" class="marginTop">
+        <div class="flexBoxRow">
+            <span class="payWayTitle">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
+        </div>
+        <div class="row marginTop">
+            <!--AliPay-->
+            <div class="flexBoxRow" id="rowAliPay">
+                <img class="payIcon" src="img/aliPay.png" />
+                <span class="marginLeft">支付宝支付</span>
+                <label for="aliPay" class="radio">
+                    <span class="radio-bg"></span>
+                    <input type="radio" name="radioPayWay" id="aliPay" value="支付宝" checked="checked" />
+                    <span class="radio-on"></span>
+                </label>
+            </div>
+            <hr class="splitLine marginTop" id="splitLine" />
+            <!--WxPay-->
+            <div class="flexBoxRow marginTop" id="rowWxPay">
+                <img class="payIcon" src="img/wxPay.png" />
+                <span class="marginLeft">微信支付</span>
+                <label for="wxPay" class="radio">
+                    <span class="radio-bg"></span>
+                    <input type="radio" name="radioPayWay" id="wxPay" value="微信" />
+                    <span class="radio-on"></span>
+                </label>
+            </div>
+        </div>
+    </section>
+    <footer id="footer" class="flexBoxRow marginTop">
+        <div class="btnOK" id="btnPayOK">确定支付</div>
+        <img src="img/loading.gif" id="loading" style="display: none;" />
+    </footer>
+    <section id="payTip" style="padding: 5px;margin-top:5px; color: #3385ff; font-size: 14px; "></section>
+
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+</body>
+
+</html>
@@ -68,10 +68,15 @@
         function getResponse(params) {
             var direction = params.direction;//direction=0 [通行方向 入：0，1:出 必填]
             var queryParams = parseParams(params);
-            if (direction == 0) {//入口
-                window.location.href = "page/in.html?" + queryParams;
-            } else {//出口
-                window.location.href = "page/out.html?" + queryParams;
+            //首先判断是否小票二维码标识位lotId
+            if (typeof(params.lotId)!="undefined") {
+                window.location.href = "dynCodePay.html?" + queryParams;
+            } else {
+                if (direction == 0) {//入口
+                    window.location.href = "page/in.html?" + queryParams;
+                } else {//出口
+                    window.location.href = "page/out.html?" + queryParams;
+                }
             }
         }
     </script>
+/*
+@songcxa
+@2018-12-14
+@小票动态扫码移动支付
+*/
+var webAppParams = null;
+var $btnObj = null;
+var $btnLoad = null;
+//var $btnLoad = document.getElementById("loading");
+window.onload = function () {
+    //var root = document.getElementById("root");
+    $btnObj = document.getElementById("btnPayOK");
+    $btnLoad = document.getElementById("loading");
+    $linkPayDetail = getObjectByID("linkPayDetail");
+    $linkPayDetail.onclick = webAppClass.linkPayDetailClick;
+    var webRoot = window.location.href;
+    //当前客户端浏览器模式[微信、支付宝、其他]
+    webAppClass.clientBrowser();
+    //绑定事件
+    var ali = document.getElementById("rowAliPay");
+    var wx = document.getElementById("rowWxPay");
+    ali.onclick = webAppClass.aliClick;
+    wx.onclick = webAppClass.wxClick;
+    $btnObj.onclick = webAppClass.okClick;
+    document.getElementById("payTip").innerHTML = "";
+    //参数
+    var tmpURLparams = getQueryString(window.location);
+    if (tmpURLparams != null) {
+        //设置UI参数
+        //webAppClass.setUI(webAppParams);
+        webAppClass.init(tmpURLparams);
+    } else {
+        alertMsg("没有接收到url参数信息");
+    }
+}
+/**/
+var webAppClass = {
+    //appid={0}&lotId={1}&payConfigId={2}&receiptNo=
+    init: function (params) {
+        var urlParams = params;
+        var newParams = urlParams || {};
+        $btnObj.style.display = "none";
+        $btnLoad.style.display = "block";
+        newParams.terminalSource = "7";//1:任你听 3：微信公共号 4:云平台 7:H5
+        //var tmpParams = Object.assign(params, window.webAppH5.comParams, window.webAppH5.appOut);
+        newParams.parkingId = params.lotId;
+        newParams.carNumber = params.receiptNo;
+        var tmpParams = Object.assign(newParams, window.webAppH5.comParams, window.webAppH5.dynCode);
+        this.initRequest(webAppRoot + window.webAppH5.comServer, tmpParams, "init");
+    },
+    initRequest: function (url, params, init) {
+        var btnObj = $btnObj;
+        postRequest(url, params, function (res) {
+            btnObj.style.display = "block";
+            $btnLoad.style.display = "none";
+            if (res.code == 0) {//进场
+                //alertMsg("出场成功");
+                if (res.data) {
+                    var tmpObj = res.data;
+                    //判断是否需要支付
+                    if (tmpObj.needPay) {
+                        //var queryParams = parseParams(tmpObj);
+                        //window.location.href = "../pay.html?" + queryParams;
+                        webAppParams = tmpObj;
+                        webAppClass.setUI(tmpObj);
+                    } else {
+                        var tipStr = "无需缴费，欢迎下次光临";
+                        alertMsg(tipStr);
+                    }
+                } else {
+                    alertMsg("没有找到订单");
+                }
+            } else {//其他情况如【该卡号场内已存在】
+                console.log(res.message); alertMsg(res.message);
+                if ((init) != "init") { alertMsg(res.message); }
+            }
+        }, function (err) {
+            console.log("网络服务超时..." + url);
+            alertMsg("网络服务超时");
+            btnObj.style.display = "block";
+            $btnLoad.style.display = "none";
+        });
+    },
+    //OK
+    okClick: function (ev) {
+        document.getElementById("payTip").innerHTML = "";
+        if (webAppParams == null) {
+            alertMsg("暂无订单信息");return;
+        }
+        //先校验停车费用后缴费提交
+        webAppClass.checkParkCost();
+    },
+    //校验该订单当前支付时的费用（排除扫描订单后不支付时长）
+    checkParkCost: function () {
+        $btnObj.style.display = "none";
+        $btnLoad.style.display = "block";
+        if (typeof (webAppParams.queryOrderInfo) == "undefined") {//没有queryOrderInfo返回第一页
+            window.history.back(-1);
+        }
+        var tmpParams = JSON.parse(webAppParams.queryOrderInfo);
+        var url = webAppRoot + window.webAppH5.comServer;
+        postRequest(url, tmpParams, function (res) {
+            //btnObj.style.display = "block"; //$btnLoad.style.display = "none";
+            //$btnObj.style.display = "block";
+            if (res.code == 0) {//进场
+                var tmpObj = res.data;
+                if (tmpObj) {
+                    webAppClass.setUI(tmpObj);
+                    webAppParams = tmpObj;//重新赋值
+                    webAppClass.okPay(tmpObj);//唤醒支付
+                } else {
+                    alertMsg("没有找到相应订单");
+                }
+            } else {//其他情况如【该卡号场内已存在】
+                $btnLoad.style.display = "none";
+                $btnObj.style.display = "block";
+                console.log(res.message); alertMsg(res.message);
+            }
+        }, function (err) {
+            console.log("网络服务超时..." + url);
+            alertMsg("网络服务超时");
+            $btnLoad.style.display = "none";
+            $btnObj.style.display = "block";
+            //$btnLoad.style.display = "none";
+        });
+    },
+
+    //确定支付
+    okPay: function (params) {
+        var orderID = params.orderId;//订单号
+        //var moneyID = document.getElementById("sumMoney").innerHTML = webAppParams.orderId;//订单号
+        var root = webAppRoot;
+        //默认支付宝
+        if (document.getElementById("aliPay").checked) {
+            console.log("aliPay");
+            //订单号
+            var obj = {};
+            //this.payAjax(url, { orderId: "11111", price: 0.01 });
+            var aliPay = webAppH5.aliPayServer;
+            var aliParams = webAppH5.comParams;
+            aliParams.orderId = orderID;
+            aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+            aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+            aliParams.paySrcType = 101;//101停车支付
+            webAppClass.payAliAjax(root + aliPay, aliParams);
+        } else {//微信
+            var url = " https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096";
+            //window.location.href = url;
+            var wxPay = webAppH5.wxPayServer;
+            var wxParams = webAppH5.comParams;
+            wxParams.orderId = orderID;
+            wxParams.payType = 4;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+            wxParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+            webAppClass.payAjax(root + wxPay, wxParams);
+            console.log("wxPay");
+        }
+    },
+
+    //Ali
+    aliClick: function (ev) {
+        console.log("AliClick");
+        document.getElementById("aliPay").checked = true;
+        ev.preventDefault();
+    },
+    //Wx
+    wxClick: function (ev) {
+        console.log("wxClick");
+        document.getElementById("wxPay").checked = true;
+        ev.preventDefault();
+    },
+    //浏览器
+    clientBrowser: function () {
+        if (/MicroMessenger/.test(window.navigator.userAgent)) {
+            console.log("微信客户端");
+            this.switchShow("wxPay");
+        } else if (/AlipayClient/.test(window.navigator.userAgent)) {
+            console.log("支付宝客户端");
+            this.switchShow("aliPay");
+        } else {
+            console.log("其他浏览器");
+            this.switchShow("other");
+        }
+    },
+    //根据浏览器显示内容[aliPay、wxPay、other]
+    switchShow: function (type) {
+        var aliObj = document.getElementById("rowAliPay");
+        var wxObj = document.getElementById("rowWxPay");
+        var lineObj = document.getElementById("splitLine");
+        switch (type) {
+            case "aliPay":
+                lineObj.style.display = "none";
+                wxObj.style.display = "none";
+                document.getElementById("aliPay").checked = true;
+                break;
+            case "wxPay":
+                lineObj.style.display = "none";
+                aliObj.style.display = "none";
+                document.getElementById("wxPay").checked = true;
+                break;
+            default://其他浏览器
+                break;
+        }
+    },
+
+    //异步请求-微信
+    payAjax: function (url, params) {
+        var btnOBj = $btnObj;
+        postRequest(url, params, function (res) {
+            btnOBj.style.display = "block";
+            $btnLoad.style.display = "none";
+            //debugger;
+            if (res.code == 0) {//进场
+                if (res.data) {
+                    var tmpObj = res.data;
+                    if (typeof (tmpObj.mwebUrl) != "undefined") {
+                        window.location.href = tmpObj.mwebUrl + "&redirect_url=" + webAppPayResult;
+                    } else {
+                        alertMsg("没有返回支付地址mwebUrl");
+                    }
+                    console.log(JSON.stringify(tmpObj));
+                } else {
+                    alertMsg("没有找到返回值");
+                }
+            } else {//其他情况如【该卡号场内已存在】
+                console.log(res.message);
+                alertMsg(res.message);
+            }
+        }, function (err) {
+            console.log("网络地址出错...");
+            alertMsg("网络地址出错...");
+            btnOBj.style.display = "block";
+        });
+    },
+
+    //异步请求-支付宝
+    payAliAjax: function (url, params) {
+        var btnOBj = $btnObj;
+        postRequest(url, params, function (res) {
+            btnOBj.style.display = "block";
+            $btnLoad.style.display = "none";
+            if (res.code == 0) {//进场
+                document.write(res.data);//打开支付表单
+            } else {//其他情况如【该卡号场内已存在】
+                console.log(res.message);
+                alertMsg(res.message);
+            }
+        }, function (err) {
+            console.log("网络地址出错...");alertMsg("网络地址出错...");
+            $btnLoad.style.display = "none";
+            btnOBj.style.display = "block";
+        });
+    },
+
+    //设置UI
+    setUI: function (params) {
+        var $carNum = getObjectByID("carNum"),//车牌号
+            $orderNum = getObjectByID("orderNum"),//订单号
+            $sumMoney = getObjectByID("sumMoney"),//实际应付金额
+            $outtime = getObjectByID("outtime"),//实际出场时间
+            $payTip = getObjectByID("payTip"),//支付提示
+
+            $parkName = getObjectByID("parkName"),//车场名称
+            $inparktime = getObjectByID("inparktime"),//进场时间
+            $staytime = getObjectByID("staytime"),//停车时长
+            $due = getObjectByID("due"),//停车总费用
+
+            $paid = getObjectByID("paid"),//已支付金额
+            $discountDesc = getObjectByID("discountDesc"),//8折优惠折扣费用
+            $discountFee = getObjectByID("discountFee");//优惠金额
+
+        if (params != null && params!="") {
+            var price = keepTwoDecimalFull((params.orderFee / 100));//(params.orderFee / 100);
+            $carNum.innerHTML = params.plateno;//手机号
+            $orderNum.innerHTML = params.orderId;//订单号
+            $sumMoney.innerHTML = price;///params.orderFee//缴费金额
+            $outtime.innerHTML = params.outtime;//实际出场时间
+            //.appOrderTimeout
+            $payTip.innerHTML = "注意: " + params.appOrderTimeout;//请在支付完成10分钟内出场，如超时未出场，会继续计费。
+
+            $parkName.innerHTML = params.parkName;
+            $inparktime.innerHTML = params.inparktime;
+            $staytime.innerHTML = formatSeconds(params.staytime);
+            
+            $due.innerHTML = keepTwoDecimalFull((params.due / 100));//停车总费用
+            $paid.innerHTML = params.paid;
+            $discountFee.innerHTML = keepTwoDecimalFull((params.discountFee / 100));//优惠金额
+            $discountDesc.innerHTML = params.discountDesc;
+        } else {
+            console.log("没有接受到参数");
+        }
+    },
+
+    //查看详情
+    linkPayDetailClick: function (ev) {
+        var $payDetail = getObjectByID("payDetail");
+        var $linkPayDetail = getObjectByID("linkPayDetail");
+        if ($linkPayDetail.innerHTML == "详情+") {
+            $linkPayDetail.innerHTML = "详情-";
+            $payDetail.style.height = "195px";
+        } else {
+            $linkPayDetail.innerHTML = "详情+";
+            $payDetail.style.height = "55px";
+        }
+    }
+}
 \ No newline at end of file
@@ -161,11 +161,17 @@ var webAppClass = {
         postRequest(url, params, function (res) {
             btnOBj.style.display = "block";
             $btnLoad.style.display = "none";
-            debugger;
+            //debugger;
             if (res.code == 0) {//进场
-                alertMsg("出场成功");
+                //alertMsg("出场成功");
                 if (res.data) {
                     var tmpObj = res.data;
+                    if (typeof (tmpObj.mwebUrl)!="undefined") {
+                        window.location.href = tmpObj.mwebUrl + "&redirect_url=" + webAppPayResult;
+                    } else {
+                        alertMsg("没有返回支付地址mwebUrl");
+                    }
+                    console.log(JSON.stringify(tmpObj));
                 } else {
                     alertMsg("没有找到返回值");
                 }
@@ -180,7 +180,7 @@
                             alertMsg("没有找到订单");
                         }
                     } else {//其他情况如【该卡号场内已存在】
-                        console.log(res.message);
+                        console.log(res.message); alertMsg(res.message);
                         if ((init) != "init") {
                             alertMsg(res.message);
                         }
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <meta name="google" value="notranslate">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="format-detection" content="email=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Cache-control" content="no-cache">
+    <meta http-equiv="Cache" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+    <script src="../js/common.js"></script>
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>支付状态</title>
+</head>
+<body style="background-color: #f0f4f5;">
+    <!--<noscript>-->
+    <!--You need to enable JavaScript to run this app.-->
+    <!--</noscript>-->
+    <header id="header" style="margin-top:25%; display: flex; justify-content: center; align-items: center; flex-direction: column; ">
+        <img id="stateImg" src="../img/default.png" style="width: 64px; height: 64px; " />
+        <div id="stateLable" style="font-size: 18px; color: #777; margin-top: 20px;">状态</div>
+    </header>
+
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+    <script type="text/javascript">
+        window.onload = function () {
+            var tmpParams = getQueryString(window.location);
+            if (tmpParams != null) {
+                console.log(JSON.stringify(tmpParams));
+                if (tmpParams.trade_no != "") {
+                    getResponse("success");
+                }
+                //alertMsg("支付返回参数:" + JSON.stringify(tmpParams));
+            } else {
+                console.log("支付返回参数" + tmpParams);
+            }
+        }
+        //type[fail、sucesss]
+        function getResponse(type) {
+            var img = document.getElementById("stateImg");
+            var label = document.getElementById("stateLable");
+            if (type == "fail") {
+                img.src = "../img/no.png";
+                label.innerHTML = "支付失败，尝试重新扫码";
+            } else {
+                img.src = "../img/ok.png";
+                label.innerHTML = "订单支付成功";
+            }
+        }
+    </script>
+</body>
+
+
+</html>