checkz.html 14.8 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 name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->

    <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="">
<div class="sss" style="display: none;">
		
	
<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=""/>
    <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"></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">0</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>
</div>
<div class="noyou" style="display: none;">
	<div class="weui-msg">
	    <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg"></i></div>
	    <div class="weui-msg__text-area">
	        <h2 class="weui-msg__title">( ´◔△◔') </h2>
	        <p class="weui-msg__desc">亲!未找到
	        	<span style="font-style:bold;color: red;" id="checknum"></span><!--[${carNum}]-->
	        	的停车场待支付订单
	        </p>
	    </div>
	
	</div>
	<div class="pay-content-padded">
	    <a class="weui-btn weui-btn_primary" href="javascript:goIndex();" id="">返回</a>
	</div>
</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/url.js"></script>
<script src="../../js/ajax.js"></script>
<script type="text/javascript">
	function goIndex(){
        if(typeof(WeixinJSBridge)!="undefined"){
            WeixinJSBridge.call('closeWindow');
        }else{
            if (navigator.userAgent.indexOf("MSIE") > 0) {  
                if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {  
                    window.opener = null; window.close();  
                }  
                else {  
                    window.open('', '_top'); window.top.close();  
                }  
            }  
            else if (navigator.userAgent.indexOf("Firefox") > 0) {  
                window.location.href = 'about:blank ';  
            }  
            else {  
                window.opener = null;   
                window.open('', '_self', '');  
                window.close();  
            }
        }
	}
    var func ={
        openid:'',
        token:'',
        unpaid:'',
        code:'',
	    getopenid:function (code) {
			console.log('获取用户信息');
	        var jsondata = {
	            appId:"wx1e9001e5940605b1",
	            code:code
	        };
	        if(!mUrl.GetOpenid()||mUrl.GetOpenid()=='null'||mUrl.GetOpenid()==''){
	        	jsajax.defaultReq(
		            mUrl.tcgetopenid,
		            JSON.stringify(jsondata),
		            function(data){
		            	console.log("获取到"+JSON.stringify(data));
		            	if(data.code=='0'){
		                    var openid = data.data;
		                    func.openid = openid;
		                    mUrl.SetOpenid(openid);
		                    console.log('用户openid为  '+mUrl.GetOpenid());
		                    
		                }
		            }
		        );
	        }else{
	        	console.log("用户信息"+mUrl.GetOpenid());
	        }
	        
	    },
	    //查询该用户代支付的所有订单再对比根据当前所选择车牌号相同的时候获取数据不同请求下一个如果没有则进入到checkerror页面
		userallorders:function(carnum){
        var jsondata = {
            carNum:carnum,
            paySource:'3'
        }
        jsondata = JSON.stringify(jsondata);
        jsajax.defaultReq(
            mUrl.tcwaitcheckorder,
            jsondata,
            function(data){
            	console.log('数据为  '+jsondata);
                console.log("查询历史车牌"+JSON.stringify(data));
                if(data.code=='0'){
                    var datas = data.data;
                    if(datas&&datas.length>0){
                        for(var i=0;i<datas.length;i++){
                            var carnumm = datas[i].carNumber;//获取车牌号
                            if(carnumm==carnum){
                                var parkCode = datas[i].parkCode;
                                var no = datas[i].orderId;//订单id
                                var inparktime  = datas[i].parkInTime;//进场时间
                                var plateno  = datas[i].carNumber;//车牌号
                                var parkName  = datas[i].parkName;//停车场名称
                                var staytime  = datas[i].parkDuration;//停车时长
                                var due = datas[i].totalFee;//总计费用
                                var unpaid = datas[i].unPayFee;//待支付
                                var paid = datas[i].payFee;//实付
                                var disFee = datas[i].discountFee;//已优惠
                                var disDesc = datas[i].discountDesc;//已优惠
                                var discountType = datas[i].discountType;
                                //查询到车牌号订单信息
                                if(disFee&&disFee!=''){
						       	  $("#disFee").text(disFee);
						       	 //youhuid 
						       }else{
						       	  $("#disFee").text('0');
						       }
						       if(disDesc&&disDesc!=''&&discountType!='0'){
						       	  $(".youhuid").text(disDesc);
						       	  $(".youhuid").css('display','inline');
						       }else{
						       		$(".youhuid").css('display','none');
						       	  //$(".youhuid").text(disDesc);
						       }
						       
						       
						        getOneorder(plateno,parkCode,no,'',function(){
						       		// 将分钟数量转换为小时和分钟字符串
							       var  staytimes =jsajax.formatSeconds(staytime); //Math.floor(staytime/60) + "小时" + (staytime%60) + "分" ;
							       due = jsajax.fenToYuan(due);
							       unpaid = jsajax.fenToYuan(unpaid);
							       if(paid&&paid!='0'&&paid!='null'){
							           paid = jsajax.fenToYuan(paid);
							       }else{
							       	   paid = '0';
							       }
							       $("#orderID").val(no);
							       $("#carNumber").text(plateno);
							       $("#parkName").text(parkName);
							       $("#orderTotalFee").text(due);
							       $("#orderNotPayFee").text(unpaid);
							       $("#parkingDuration").text(staytimes);
							       $("#parkInTime").text(inparktime);
							       $("#orderPayedFee").text(paid);
								   var orderNotPayFee = $('#orderNotPayFee').text();
							   	    if("0" ==orderNotPayFee || null == orderNotPayFee || "" == orderNotPayFee){
							   		    $('#showTooltips').attr('class', 'weui-btn weui-btn_primary weui-btn_disabled');
							   	    }
							   	    $('.sss').css('display','block');
							   	    $('.noyou').css('display','none');
							    })
						       
						       
                                /*var src = mUrl.Uri+'/WEB-INF/pages/elsepages/pay_pages/check.html?carnum='+plateno+"&inparktime="+inparktime+"&parkName="+parkName+"&staytime="+staytime+"&due="+due+"&unpaid="+unpaid+"&paid="+paid+"&no="+no+"&disfee="+discountFee+"&disdesc="+discountDesc+'&openid='+func.openid+'&token='+func.token+"&";
                    			window.location.assign(encodeURI(src));//plateno  inparktime  parkName  staytime due  unpaid paid no
								*/
                               
                            }else{
                            	$('.sss').css('display','none');
						   	    $('.noyou').css('display','block');
						   	    $('#checknum').text(carnum);
                                //var src = mUrl.Uri+'/WEB-INF/pages/elsepages/pay_pages/checkerror.html?carnum='+carnum+'&openid='+func.openid+'&token='+func.token+"&";
                                //window.location.assign(encodeURI(src));
                            }
                        }
                    }else{
                    	$('.sss').css('display','none');
					    $('.noyou').css('display','block');
					    $('#checknum').text(carnum);
                        //var src = mUrl.Uri+'/WEB-INF/pages/elsepages/pay_pages/checkerror.html?carnum='+carnum+'&openid='+func.openid+'&token='+func.token+"&";
                        //window.location.assign(encodeURI(src));
                    }
                }else{
                	$('.sss').css('display','none');
					$('.noyou').css('display','block');
					$('#checknum').text(carnum);
                    //var src = mUrl.Uri+'/WEB-INF/pages/elsepages/pay_pages/checkerror.html?carnum='+carnum+'&openid='+func.openid+'&token='+func.token+"&";
                    //window.location.assign(encodeURI(src));
                }
            }
        );
	},
    };
    function  getOneorder(carNumber,parkCode,orderId,cardNo,fn){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var jsondata = {
	        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'){
	        		fn();
	        	}
	        }
	    )
	}
    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');
          //判断待付费用为0不能发起支付
            //var parkOrderId = $('#parkOrderId').val();
            if (orderID.length < 1) {
                $.toptip("订单Id为空", 2000, "error");
                $('#showTooltips').attr('class', 'weui-btn weui-btn_primary');
                flg = true;
                return false;
            }
            var unpaid = parseFloat($("#orderNotPayFee").text());
            var carnum = $("#carNumber").text();
            if(unpaid>0.00){
                var src = '../../pay/immediatepaycs.html?orderID='+orderID+"&carnum="+carnum+"&unpaid="+unpaid+"&openid="+func.openid+"&token="+func.token+"&";
                window.location.assign(encodeURI(src));
            }else{
                $.toptip('无需支付', 'warning');
                /*setTimeout(function(){
                	var src = mUrl.Uri+'/WEB-INF/pages/select.html?openid='+func.openid+'&token='+func.token+"&";//mUrl.myParkCardView;
                    window.location.href = src;
                },3000);*/
            }
        }
    });
   $(function(){
   		var url=decodeURI(location.href);

        var dataselect = url.split('?');//url.substring(url.lastIndexOf('?')+1, url.length);
        var dataselectt = dataselect[1].split('&');
        var carnum = dataselectt[0].split('=')[1];
        var code = dataselectt[1].split('=')[1];
       
        func.getopenid(code);
        func.userallorders(carnum);
     
   });
</script>
</body>
</html>