js/pay.js

/*
@songcxa
@2018-12-14
@移动支付
*/
var webAppParams = null;
var $btnObj = null;
var $btnLoad = null;
var flag = 0;
var appWxID = getQueryString(window.location).appId;
var webAppCode = null;//如果是微信，先获取微信code
//var $btnLoad = document.getElementById("loading");
window.onload = function () {
  //var root = document.getElementById("root");
  $btnObj = document.getElementById("btnPayOK");
  $btnLoad = document.getElementById("loading");
  $discountBtn = document.getElementById("discountBtn");
  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;
  $btnObj.onclick = webAppClass.okPay;
  document.getElementById("payTip").innerHTML = "";
  //参数
  webAppParams = getQueryString(window.location);
  if (webAppParams != null) {
    console.log(webAppParams.carNumber)
    //设置UI参数
    webAppClass.setUI(webAppParams);
  } else {
    alertMsg("暂无订单信息");
  }
  //获取微信code
  //webAppClass.getCode();
  var state = clientBrowserEx();
  if (state == "wxPay") {
    webAppCode = webAppClass.getCode();
  }
  // $discountBtn.onclick = webAppClass.discountClick;
}
/**/
var webAppClass = {
  //优惠券兑换
  codediscountClick: function (tmpObj) {
    discountVal = document.getElementById("discountBox").value;
    // console.log(discountVal)
    // console.log(discountVal.length)
    if (discountVal.length > 0) {
      $btnObj.style.display = "none";
      $btnLoad.style.display = "block";
      $discountBtn.disabled = true
      console.log(webAppParams.orderId)
      var url = webAppRoot + window.webAppH5.discountServer;
      var discountParams = {
        app_id: '1',
        salt: '1',
        deviceInfo: '1',
        sign_type: '1',
        sign: '1',
        token: '1',
        terminalSource: 7,
        orderId: webAppParams.orderId,
        cardNo: discountVal,
        codeType: 0
      }
      postRequest(url, discountParams, function (res) {
        console.log(res)
        if (res.code == 0) {
          document.getElementById("sumMoney").innerHTML = (res.data.orderFee / 100)
          document.getElementById("discountTip").innerHTML = res.data.couponDescribe
          document.getElementById("discountFee").innerHTML = (res.data.discountFee / 100)
          document.getElementById("discountDesc").style.display = "none"
          $btnLoad.style.display = "none";
          $btnObj.style.display = "block";
          flag = 1;
          webAppClass.okPay(tmpObj);//唤醒支付
        } else {
          $btnLoad.style.display = "none";
          $btnObj.style.display = "block";
          $discountBtn.disabled = false;
          document.getElementById("discountTip").innerHTML = res.message
        }
      })
    } else {
      return
    }
  },
  discountClick: function () {
    discountVal = document.getElementById("discountBox").value;
    // console.log(discountVal)
    // console.log(discountVal.length)
    if (discountVal.length > 0) {
      $btnObj.style.display = "none";
      $btnLoad.style.display = "block";
      $discountBtn.disabled = true
      // console.log(webAppParams.orderId);
      if (webAppParams === null || webAppParams === 'null' || webAppParams === undefined) {
        document.getElementById("discountTip").innerHTML = '缺少参数';
        $btnLoad.style.display = "none";
        $btnObj.style.display = "block";
        return false;
      }
      var url = webAppRoot + window.webAppH5.discountServer;
      var discountParams = {
        app_id: '1',
        salt: '1',
        deviceInfo: '1',
        sign_type: '1',
        sign: '1',
        token: '1',
        terminalSource: 7,
        orderId: webAppParams.orderId,
        cardNo: discountVal,
        codeType: 0
      }
      postRequest(url, discountParams, function (res) {
        console.log(res)
        if (res.code == 0) {
          document.getElementById("sumMoney").innerHTML = (res.data.orderFee / 100)
          document.getElementById("discountTip").innerHTML = res.data.couponDescribe
          document.getElementById("discountFee").innerHTML = (res.data.discountFee / 100)
          document.getElementById("discountDesc").style.display = "none"
          $btnLoad.style.display = "none";
          $btnObj.style.display = "block";
          document.getElementById("discountBox").setAttribute('readonly', 'readonly');
          flag = 1
        } else {
          $btnLoad.style.display = "none";
          $btnObj.style.display = "block";
          $discountBtn.disabled = false;
          document.getElementById("discountTip").innerHTML = res.message
        }
      })
    } else {
      $btnLoad.style.display = "none";
      $btnObj.style.display = "block";
      return false;
    }
  },
  //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) {
          if (flag == 1) {
            webAppClass.codediscountClick(tmpObj);
          } else {
            webAppClass.setUI(tmpObj);
            webAppParams = tmpObj;//重新赋值
            webAppClass.okPay(tmpObj);//唤醒支付
          }
          console.log(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 = webAppParams.orderId;//订单号
    // alert(orderID)
    //var moneyID = document.getElementById("sumMoney").innerHTML = webAppParams.orderId;//订单号
    var val = document.getElementById("sumMoney").innerText;
    //var couponPersonId = document.getElementById("discountBox").value;
    var url = webAppRoot + window.webAppH5.zeroPayServer;
    var _paySrcType = getQueryString(window.location)._paySrcType
    var _mon = document.getElementById("sumMoney").innerText
    var discountParams = {
      payOrderType: _paySrcType,
      recordArreaInfos: JSON.stringify([{
        "orderId": webAppParams.orderId,
        "orderNotPayFee": _mon * 100,
        "parkId": getQueryString(window.location).parkCode
      }]),
      terminalSource: 7,
      orderId: webAppParams.orderId,
      //couponPersonId:couponPersonId,
      app_id: '123',
      sign_type: '123',
      salt: '123',
      deviceInfo: '123',
      sign: '123',
    }
    if (val == '0.00' || val == '0') {
      postRequest(url, discountParams, function (res) {
        console.log(res)
        if (res.code == 0) {
          document.getElementById("paySuccess").style.display = 'block'
        } else {
          alert(res.message)
        }
      })
    } else {
      var root = webAppRoot;
      //第一首先判断当前哪种浏览器方式[微信内置、支付宝内置、第三方浏览器]
      var clientType = clientBrowserEx();
      //alert(clientType);
      switch (clientType) {
        case "wxPay"://微信[内置浏览器]
          webAppClass.payAjaxJDK(orderID);
          console.log("wxPay");//微信支付
          break;
        case "aliPay"://支付宝
          console.log("aliPay");
          //订单号
          var obj = {};
          //this.payAjax(url, { orderId: "11111", price: 0.01 });
           var aliPay = webAppH5.doPay;
          if(_paySrcType == 103){
            doOrderCreate(orderID,aliPay)
          }else{
            webAppClass.payAliAjax(doPayroot + aliPay,utilParams(1,orderID,''));
          }
          break;
        default://第三方浏览器other
          //默认支付宝
          if (document.getElementById("aliPay").checked) {
            console.log("aliPay");
            //订单号
            var obj = {};
            //this.payAjax(url, { orderId: "11111", price: 0.01 });
            var aliPay = webAppH5.doPay;
            if(_paySrcType == 103){
              doOrderCreate(orderID,aliPay)
            }else{
              webAppClass.payAliAjax(doPayroot + aliPay,utilParams(1,orderID,''));
            }
            // webAppClass.payAliAjax(doPayroot + aliPay, utilParams(1,orderID,''));
          } else {//微信页面支付
            var url = " https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096";
            //window.location.href = url;
            var wxPay = webAppH5.doPay;
            if(_paySrcType == 103){
              doOrderCreate(orderID,aliPay)
            }else{
              webAppClass.payAliAjax(doPayroot + wxPay,utilParams(2,orderID,''));
            }
            // webAppClass.payAliAjax(doPayroot + wxPay,utilParams(1,orderID,''));
            console.log("wxPay");
          }
          break;
      }
    }
  },
  getCode: function () {
    var appID = appWxID;
    var code = getUrlParam('code');
    var local = window.location.href;
    //alert("local:" + local);
    if (code == null || code === '') {
      //alert(code);
      window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
      //window.event.returnValue = false;
      //window.open('https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect');
      //alert("22");
    } else {
      //getOpenId(code); //把code传给后台获取用户信息
      //alert(code);
      //webAppCode = code;
      return code;
    }
    function getUrlParam(name) {
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
      var r = window.location.search.substr(1).match(reg)
      if (r != null) return unescape(r[2])
      return null
    }
  },
  //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://其他浏览器[浏览器暂时屏蔽微信]
        lineObj.style.display = "none";
        wxObj.style.display = "none";
        document.getElementById("aliPay").checked = true;
        break;
    }
  },
  //异步请求-微信H5页面
  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) {//进场
        //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("没有找到返回值");
        }
      } else {//其他情况如【该卡号场内已存在】
        console.log(res.message);
        alertMsg(res.message);
      }
    }, function (err) {
      console.log("网络地址出错...");
      alertMsg("网络地址出错...");
      $btnLoad.style.display = "none";
      btnOBj.style.display = "block";
    });
  },
  //异步请求-微信JDK调用
  payAjaxJDK: function (orderID) {
    var btnOBj = $btnObj;
    //0：页面初始化获取code[webAppCode]
    var codeParams = { code: webAppCode, appId: appWxID };
    // alert('微信webAppCode'+webAppCode)
    var openIdUrl = webAppRoot + window.webAppH5.wxGetOpenIdServer;
    //1：有code获取OpenId
    postRequest(openIdUrl, codeParams, function (res) {
      //alert(JSON.stringify(res));
      if (res.code == 0) {
        //alert(res.data);
        var _paySrcType = getQueryString(window.location)._paySrcType
        if(_paySrcType == 103){
          // doOrderCreate(orderID,aliPay)
          // var paySrcType = getQueryString(window.location)._paySrcType
          // var salt = jsajax.salt(6);
          var jsondata = {
            orderBigType: 100,
            payOrderType:_paySrcType,
            parkOrderIds:[orderID],
            terminalSource: 7,
            operName:'',
            operCode:'',
          };
          jsondata = JSON.stringify(jsondata);
          jsajax.defaultReq(
            webAppRoot+webAppH5.doOrderCreate,
            jsondata,
            function (data) {
              console.log('调用微信支付   ' + JSON.stringify(data));
              if (data.code == 0) {
                var orderID = data.data.rltOrderId
                // webAppClass.payAliAjax(doPayroot + aliPay,utilParams(1,orderID,''));
                webAppClass.getPayParams(res.data, orderID);
              } else {
                alert('失败')
              }
            }
          );
        }else{
          webAppClass.getPayParams(res.data, orderID);
        }
      } else if (res.code == 40163) {//code been used, hints[重复code问题]
        alertMsg(appState.codeNullTip);
        console.log(res.message);
        $btnObj.style.display = "block";
        $btnLoad.style.display = "none";
      } else {
        alertMsg(res.message);
        $btnObj.style.display = "block";
        $btnLoad.style.display = "none";
      }
    }, function (err) {
      console.log("网络地址出错..." + openIdUrl);
      $btnObj.style.display = "block";
      $btnLoad.style.display = "none";
    });
    //2：获取支付参数
    //function getPayParams(openId) {
    //}
  },
  getPayParams: function (openId, orderID) {
    var jsondata = utilParams(2,orderID,openId);
    var payParamsUrl = webAppRoot + window.webAppH5.doPay;
    //alert(payParamsUrl);alert(orderID);
    postRequest(payParamsUrl, jsondata, function (res) {
      $btnObj.style.display = "block";
      $btnLoad.style.display = "none";
      //debugger;
      if (res.code == 0) {//进场
        //alertMsg("出场成功");
        if (res.data) {
          var tmpObj =JSON.parse(res.data.jsPayRequest)
          console.log(tmpObj);
          webAppClass.weixinJSBridge(tmpObj);
          //alert(JSON.stringify(tmpObj));
        } else {
          alertMsg("没有找到返回值");
        }
      } else {
        $btnLoad.style.display = "none";
        $btnObj.style.display = "block";
        console.log(res.message);
        alertMsg(res.message);
      }
    }, function (err) {
      console.log("网络地址出错...");
      alertMsg("网络地址出错..." + payParamsUrl);
      $btnLoad.style.display = "none";
      $btnObj.style.display = "block";
    });
  },
  //调用微信内置WeixinJSBridge对象发起支付
  weixinJSBridge: function (params) {
    function onBridgeReady() {
      WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
          "appId": params.appId,     //公众号名称，由商户传入
          "timeStamp": params.timeStamp,         //时间戳，自1970年以来的秒数
          "nonceStr": params.nonceStr, //随机串
          "package": params.package,
          "signType": params.signType,         //微信签名方式：
          "paySign": params.paySign //微信签名
        },
        //'getBrandWCPayRequest', {
        //    "appId": appWxID,     //公众号名称，由商户传入
        //    "timeStamp": "1395712654",         //时间戳，自1970年以来的秒数
        //    "nonceStr": "e61463f8efa94090b1f366cccfbbb444", //随机串
        //    "package": "prepay_id=u802345jgfjsdfgsdg888",
        //    "signType": "MD5",         //微信签名方式：
        //    "paySign": "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
        //},
        function (res) {
          //alert(res.err_msg);
          if (res.err_msg == "get_brand_wcpay_request:ok") {
            // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
            //window.location.href = webAppPayResult + "?trade_no=" + "success";
            window.history.go(-2);
            setTimeout(function () {
              window.history.go(-2);
              //var src = mUrl.Uri+'/WEB-INF/pages/select.html?openid='+func.openid+'&token='+func.token+"&";//mUrl.myParkCardView;
              //window.location.href = src;
            }, 3000);
          } else if (res.err_msg == 'get_brand_wcpay_request:cancel') {
            window.location.href = webAppPayResult + "?trade_no=" + "fail";
          } else {
            alertMsg(JSON.stringify(res));
            //alert(res.err_msg);
          }
        });
    }
    if (typeof WeixinJSBridge == "undefined") {
      if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
      } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
      }
    } else {
      onBridgeReady();
    }
  },
  //异步请求-支付宝
  payAliAjax: function (url, params) {
    var btnOBj = $btnObj;
    postRequest(url, params, function (res) {
      btnOBj.style.display = "block";
      $btnLoad.style.display = "none";
      if (res.code == 0) {//进场
        // alert(res.data)
        // alert(JSON.stringify(res.data))
        // document.write(res.data);//打开支付表单
        window.location.href = res.data.h5PayRequest
      } 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) {
    console.log('ui')
    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");//优惠金额
    // $businessFeeWrap = getObjectByID("businessFeeWrap")
    // $businessFee = getObjectByID("businessFee")
    if (params != null && params != "") {
      var price = keepTwoDecimalFull((params.orderFee / 100));//(params.orderFee / 100);
      $carNum.innerHTML = params.carnum;//手机号
      $orderNum.innerHTML = params.orderId;//订单号
      $sumMoney.innerHTML = price;///params.orderFee//缴费金额
      $outtime.innerHTML = params.parkOutTime;//实际出场时间
      //.appOrderTimeout
      $payTip.innerHTML = "注意: " + params.appOrderTimeout;//请在支付完成10分钟内出场，如超时未出场，会继续计费。
      $parkName.innerHTML = params.parkName;
      $inparktime.innerHTML = params.inparktime;
      $staytime.innerHTML = formatSeconds(params.staytime);
      // alert(params.parkName)
      // // alert(params.businessFee)
      // if (params.businessUsedType == 0) {
      //   $('#businessFeeWrap').css('display', 'none')
      // } else {
      //   var _mon = Number(params.businessFee)
      //   $businessFee.innerHTML = '￥' + (_mon / 100).toFixed(2);
      // }
      $due.innerHTML = keepTwoDecimalFull((params.due / 100));//停车总费用
      $paid.innerHTML = keepTwoDecimalFull(params.paid / 100);
      $discountFee.innerHTML = params.discountFee;//优惠金额
      // $discountDesc.innerHTML = params.discountDesc;
    } else {
      console.log("没有接受到参数");
    }
  },
}
function utilParams(val,orderID,openId) {
  var paySrcType = getQueryString(window.location)._paySrcType
  var _orderTotalFee =  Number($('#due').text())*100 //总金额
  var _dis = $('#discountFee').text()
  // alert('discountFee内容'+_dis)
  var _disMon = _dis.substring(0,_dis.length-1)
  var _orderDicountFee = Number(_disMon)*100  //优惠了多少钱
  // alert('优惠了'+_orderDicountFee)
  var _orderActFee = _orderTotalFee + _orderDicountFee  //实收多少钱
  // var _orderActFee = Number($('#sumMoney').text())*100  //实收多少钱
  var jsondata;
  if(_orderDicountFee > 0){
    jsondata = {
      orderBigType:100,
      payOrderType:paySrcType,
      rltOrderId:orderID,
      payType:val,
      terminalSource:7,
      orderActFee:_orderActFee,
      orderTotalFee:_orderTotalFee,
      orderDicountFee:_orderDicountFee,
      payUserId:openId,
      terminalOS:isAndroid?'AND':'IOS',
      couponType:1, //优惠类型
      couponCode:$('#discountBox').val(),
    };
  }else{
    jsondata = {
      orderBigType:100,
      payOrderType:paySrcType,
      rltOrderId:orderID,
      payType:val,
      terminalSource:7,
      orderActFee:_orderActFee,
      orderTotalFee:_orderTotalFee,
      payUserId:openId,
      terminalOS:isAndroid?'AND':'IOS',
    };
  }
  return jsondata
}
function doOrderCreate(orderID,aliPay){
  var paySrcType = getQueryString(window.location)._paySrcType
  // var salt = jsajax.salt(6);
  var jsondata = {
    orderBigType: 100,
    payOrderType:paySrcType,
    parkOrderIds:[orderID],
    terminalSource: 7,
    operName:'',
    operCode:'',
  };
  jsondata = JSON.stringify(jsondata);
  jsajax.defaultReq(
    doPayroot+webAppH5.doOrderCreate,
    jsondata,
    function (data) {
      console.log('调用微信支付   ' + JSON.stringify(data));
      if (data.code == 0) {
        orderID = data.data.rltOrderId
        webAppClass.payAliAjax(doPayroot + aliPay,utilParams(1,orderID,''));
      } else {
       alert('失败')
      }
    }
  );
}