check.html 10.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="apple-touch-icon-precomposed" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="Bookmark" href="favicon.ico">

    <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"></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>