home.html 10.2 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看账单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-title" content="">
    <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
    <META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <link rel="apple-touch-icon-precomposed" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="Bookmark" href="favicon.ico">
    <meta http-equiv="Pragma" content="no-cache" />

    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../../css/reset.css">

    <style>
        .all_told, .platen_number {
            text-align: center;
        }
        .all_told {
            padding: 30px 0 10px 0;
        }
        .all_told span {
            margin-right: 5px;
            font-size: 22px;
        }
        .discount_money {
            color: #fc3817;
        }
        .discount {
            padding: 4px 7px;
            background: #fc3817;
            border-radius: 2px;
            position: relative;
            margin-left: 10px;
            color: #fff;
        }
        .discount:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            left: -6px;
            top: 8px;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 6px solid #fc3817;
        }
        .youhuid{
            background: #f00;
            color: #fff;
            font-size: 13px;
            padding:2px 5px;
            border-radius: 3px;
            margin-left: 2px;
            display: none;
        }
    </style>
</head>
<body ontouchstart="">
<header class="demos-header">
    <p class="all_told discount_money"><span id="orderNotPayFee"></span></p>
    <p class="platen_number discount_money" style="font-weight:bold;" id="orderTitle">待付费用</p>
</header>

<div class="weui-cells weui-cells_form">
    <!--<input type="hidden" id="carNumPre" value="${carNum!''}"/>
    <input type="hidden" id="parkOrderId" value="${orderVO.orderId!''}"/>-->
    <input type="hidden" id="carNumPre" value=""/>
    <input type="hidden" id="parkOrderId" value=""/>
    <input type="hidden" id="orderID" value=""/>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">当前车牌</label></div>
        <div class="weui-cell__bd" id="carNumber">

        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">停车位置</label></div>
        <div class="weui-cell__bd" id="parkName">
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">进场时间</label></div>
        <div class="weui-cell__bd" id="parkInTime">
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">停车时长</label></div>
        <div class="weui-cell__bd" id="parkingDuration">
        </div>
    </div>
</div>
<div class="weui-cells weui-cells_form" id="parkOutTime">
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">总计费用</label></div>
        <div class="weui-cell__bd">
            ¥<span id="orderTotalFee">0</span>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">已付费用</label></div>
        <div class="weui-cell__bd">
            ¥<span id="orderPayedFee"></span>
        </div>
    </div>
    <div class="weui-cell" class="disFee">
        <div class="weui-cell__hd"><label class="weui-label">优惠费用</label></div>
        <div class="weui-cell__bd">
            <span id="disFee" style="color: #f00;"></span>
            <span class="youhuid"></span>
        </div>
    </div>
</div>

<div class="pay-content-padded">
    <a class="weui-btn weui-btn_primary " href="javascript:" id="showTooltips">确定支付</a>
</div>

<script src="../../js/jquery-3.2.1.min.js"></script>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>

<script src="../../js/md5.min.js"></script>

<script src="../../js/url.js"></script>
<script src="../../js/ajax.js?a=1"></script>

<script type="text/javascript">
var func ={
  openid:'',
  token:'',
  unpaid:'',
  countType:''

};

$(function(){
  var url=decodeURI(location.href);
  var dataselect = url.split('?');
  var dataselectt = dataselect[1].split('&');
  var carnum = dataselectt[0].split('=')[1];//获取车牌号
  var inparktime = dataselectt[1].split('=')[1];//进场时间
  var parkName = dataselectt[2].split('=')[1];//停车场名字
  var staytime = dataselectt[3].split('=')[1];//停车时长
  var due = dataselectt[4].split('=')[1];//总计
  var unpaid = dataselectt[5].split('=')[1];//待支付
  func.unpaid = parseFloat(dataselectt[5].split('=')[1]);
  var paid = dataselectt[6].split('=')[1];//实付
  var orderID = dataselectt[7].split('=')[1];//订单号
  var disFee = dataselectt[8].split('=')[1];
  var disDesc = dataselectt[9].split('=')[1];
  func.countType = dataselectt[10].split('=')[1];


  var  staytimes =jsajax.formatSeconds(staytime); //Math.floor(staytime/60) + "小时" + (staytime%60) + "分" ;
  //staytimes = jsajax.fStohours(staytime);
  due = jsajax.fenToYuan(due);
  unpaid = jsajax.fenToYuan(unpaid);
  console.log('paid'+paid);
  if(paid&&paid!=''&&paid!='null'&&paid!='0'){
    paid = jsajax.fenToYuan(paid);
  }else{
    paid = '0';
  }
  console.log('是0'+func.countType);

  if(func.countType=='0'){
    $('.youhuid').css('display','none');
  }else{$('.youhuid').css('display','inline')};

  $("#orderID").val(orderID);
  $("#carNumber").text(carnum);
  $("#parkName").text(parkName);
  $("#orderTotalFee").text(due);
  $("#orderNotPayFee").text(unpaid);
  $("#parkingDuration").text(staytimes);
  $("#parkInTime").text(inparktime);
  $("#orderPayedFee").text(paid);
  if(disFee&&disFee!=''&&disFee!='undefined'&&disFee!=undefined){
    $("#disFee").text(disFee);
    //youhuid
  }else{
    $("#disFee").text('0');
  }
  if(disDesc&&disDesc!=''&&func.countType!='0'){
    $(".youhuid").text(disDesc);
    $(".youhuid").css('display','inline');
  }else{
  }

  var orderNotPayFee = $('#orderNotPayFee').text();
  if("0" ==orderNotPayFee || null == orderNotPayFee || "" == orderNotPayFee){
    $('#showTooltips').attr('class', 'weui-btn weui-btn_primary weui-btn_disabled');
  }
});

var flg = true;
$("#showTooltips").click(function () {
  var orderNotPayFee = $('#orderNotPayFee').text();
  var orderID = $("#orderID").val();
  if("0" ==orderNotPayFee || null == orderNotPayFee || "" == orderNotPayFee){
    $('#showTooltips').attr('class', 'weui-btn weui-btn_primary weui-btn_disabled');
    flg = false;
    return false;
  }else{
    $('#showTooltips').attr('class', 'weui-btn weui-btn_primary');
    flg = true;
  }
  if (flg) {
    flg = false;
    $('#showTooltips').attr('class', 'weui-btn weui-btn_primary weui-btn_disabled');
    if (orderID.length < 1) {
      $.toptip("订单Id为空", 2000, "error");
      $('#showTooltips').attr('class', 'weui-btn weui-btn_primary');
      flg = true;
      return false;
    }
    var unpaid = $("#orderNotPayFee").text();
    var carnum = $("#carNumber").text();
    if(func.unpaid>0.00){

      var url=decodeURI(location.href);
      var dataselect = url.split('?');
      var dataselectt = dataselect[1].split('&');
      var parkCode =  dataselectt[11].split('=')[1];

      var Urlsrc = '../../pay/immediatepaycs.html?orderID='+orderID+"&carnum="+carnum+"&unpaid="+unpaid
        +"&parkCode="+parkCode
        +"&";
      getOneorder(carnum,parkCode,orderID,'',Urlsrc);




    }else{
      $.toptip('无需支付', 'warning');
    }
  }
});





//查询单个待支付单费用
function  getOneorder(carNumber,parkCode,orderId,cardNo,Urlsrc){



  var salt = jsajax.salt(32);
  var token = mUrl.GetToken();
  if (token == null) {
    token = '';
  }
  var jsondata = {

    app_id: "0eca8f5373ca4866aec2f8e9d9367104",
    deviceInfo : "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E",
    salt : salt,
    sign : getMd5sign(),
    sign_type : "md5",
    token : token,

    appId:jsajax.appID,
    orderId:orderId,
    terminalSource:'3',
    parkCode:parkCode,
    carNumber:carNumber


  }
  console.log('查询单个的入参   '+JSON.stringify(jsondata)+"   请求的接口"+mUrl.oneCardorder);
  jsajax.defaultReq(
    mUrl.oneCardorder,
    JSON.stringify(jsondata),
    function(data){
      console.log('获取单个待支付订单  '+JSON.stringify(data));
      if(data.code=='0'){
        window.location.assign(encodeURI(Urlsrc));

      }else{
        /*var msg = !data.msg?data.message:data.msg;
        alert(msg);*/
        //       		$('#input').val('');
        //				setdiv();
        setTimeout(function(){
          $.toptip(data.message, 'warning');

          //              	alert(data.message);
          //              	$('#input').val('');
          //              	console.log("checkerror-538");
          //              	var src = 'Temporary/checkerror.html?carnum='+carNumber+"&";
          //              	window.location.assign(encodeURI(src));
        },100);
      }
    }
  )
}




function getMd5sign()
{
  var salt = jsajax.salt(32);
  var token = mUrl.GetToken();
  if (token == null) {
    token = '';
  }
  var sortd = [
    {keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
    {keyname:'deviceInfo',value:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E'},
    {keyname:'salt',value:salt},
    {keyname:'sign_type',value:'md5'},
    {keyname:'token',value:token}
  ];
  var md5sign = jsajax.getsign(sortd);
  return md5sign;

}


</script>
</body>
</html>