vippay.html 24.9 KB

Edit Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title id="cardpayname"></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="../../iconfont/iconfont.css"/>
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css?v=1.1">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css?v=1.1">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../js/layui/layui.css">
    <link rel="stylesheet" href="../../css/monthpay.min.css">
    <link rel="stylesheet" href="../../js/carsoft/carstyle.css"/>
</head>
<style>
	html,body{
		width: 100%;
		height: 100%;
	}
	body{
		box-sizing: border-box;
	}
	.selectcar,.selectcar .cars,.selectcar .cars li,.selectcar>div{
		width: 100%;
	}
	.selectcar>p{
		padding: 10px;
		border-bottom: 1px solid #676869;
	}
	.selectcar .cars li{
		padding: 10px;
		box-sizing: border-box;
		list-style: none;
		border-bottom: 1px solid #e4e4e4;
		text-align: center;
	}
	.selectcar .cars li i{
		float: right;
		width: 22px;
		height: 22px;
		border-radius: 13px;
		border: 1px solid #919191;
		text-align: center;
		color: #fff;
		display: none;
	}
	.selectcar>div{
		float: left;
	}
	.selectcar>div>button{
		float: left;
		width: 50%;
		padding: 8px 10px;
		box-sizing: border-box;
		color: #007AFF;
		background: none;
	}
	.selectcar>div>button:first-child{
		border-right: 1px solid #e4e4e4;
	}
	.layui-m-layer1 .layui-m-layerchild {
	    width: 80%;
	    border-radius: 3px !important;
	}
	/*设置按钮等颜色*/
	#pay_btn{
		border-radius: 50px;
		background: #75CBBE;
	}
	/*头部  start*/
	.minectop {
		height: 38px;
		line-height: 38px;
		background: #75CBBE;
	}
	.minectop i{
		color: #fff;
	}
	.layui-layer-rim {
	    border: none !important;
	}
	.layui-layer-title{
		background: none !important;
		border-bottom: 1px solid #E4E4E4 !important;
	}
	.layui-layer{
		border-radius: 10px !important;
	}
	.layui-layer-content{
		height: auto !important;
	}
	.selectcar div p{
		text-align: center;
		padding: 10px 0;
		color: #75CBBE;
	}
	.minectop{
		text-align: center;
		position: relative;
	}
	.minectop>i{
		position: absolute;
		left: 10px;
		font-size: 22px;
	}
	.minectop>span{
		font-size: 18px;
		color: #fff;
	}
	.weui-cells:before,.weui-cell:before{
		border-top: 0;
	}
	.weui-cell{
		border-bottom: 1px solid #D9D9D9;
	}
	/*头部  end*/
</style>
<body ontouchstart>
<div class="minectop">
	<i class="icon iconfont" onclick="javascript:window.history.go(-1)">&#xe65a;</i>
	<span>会员卡购买</span>
</div>
<div class="weui-cells weui-cells_form" style="margin-top: 0;">
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">车牌号</label></div>
        <div class="weui-cell__bd">
        	<input class="weui-input"  id="input" type="text" onclick="inputc()" maxlength="7" value="" readonly="readonly"   placeholder="请输入车牌号" ><!--onclick="inputc()"-->
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">卡类别</label></div>
        <div class="weui-cell__bd" id="cardTypeRemark" data-cardType=''>
            <!--  蓝牌小车包月卡-->
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">卡名称</label></div>
        <div class="weui-cell__bd" id="cardName">
            <!--  蓝牌小车包月卡-->
        </div>
    </div>
</div>
<div class="weui-cells weui-cells_form"  style="margin-top: 0;">
    <!--<div class="weui-cell" >
        <div class="weui-cell__hd"><label class="weui-label">停车场</label></div>
        <div class="weui-cell__bd" id="parkLotName"></div>
    </div>-->
    <div class="weui-cell kaisdate"  onclick="" >
        <div class="weui-cell__hd"><label for="date" class="weui-label">开始时间</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" id="date" type="text" placeholder="请选择开始时间">
        </div>
        <div class="weui-cell__ft">
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label for="date1" class="weui-label">有效期至</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" id="date1" type="text" readonly placeholder="请先选择开始时间">
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">购买数量</label></div>
        <div class="weui-cell__bd">
            <span id="reduce_btn" class="reduce_btn">-</span><input class="weui-input inpt-num" id="numder" type="number"
                                                                    value="1"><span id="add_btn"
                                                                                                class="add_btn">+</span>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">单价</label></div>
        <div class="weui-cell__bd" id="actPrice">
            <!--  蓝牌小车包月卡-->
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">优惠金额</label></div>
        <div class="weui-cell__bd" id="disPrice">
            <!--  蓝牌小车包月卡-->
        </div>
    </div>
    <div class="weui-cell" style="border-bottom: 1px solid #D9D9D9;">
        <div class="weui-cell__hd"><label class="weui-label">合计</label></div>
        <div class="weui-cell__bd pay-total">
        	<input type="hidden" id="cardAmount"/>
            <input type="hidden" id="totalm"/>
            ¥<span id="totle_money">0</span>
        </div>
    </div>
    <div style="padding: 10px 15px;">
        <div>适用停车场</div>
        <ul class="shiyong" style="font-size: 13px;margin-top: 8px;"></ul>
    </div>
</div>
<div class="pay-content-padded">
    <button class="weui-btn weui-btn_primary" id="pay_btn">提交订单</button>
</div>
<script src="../../js/jquery-3.2.1.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js?v=1.1"></script>
<!--md5 start-->
<script src="../../js/md5.min.js"></script>
<!--md5 end-->
<script src="../../js/soft/layer.js"></script>
<script src="../../js/layui/layui/layui.js"></script>
<script src="../../js/url.js"></script>
<script src="../../js/ajax.js"></script>
<script src="js/vipcommon.js"></script>
<script type="text/javascript">

    var func = {
        openid:'',
        token:mUrl.GetToken(),
        plNo:'',
        danjia:'',
        cardType:'',
        carType:'',
        carNumber:'',
        cardNo:'',
        parkName:'',
        carlistr:'',
        useType:'',
        saleChannel:'',
        cardStatus:'',
        discount:'',
        terminalSource:'3',
        index:1,
        initYearCardInfo: function () {
        	var url=decodeURI(location.href);
    		var allvalue = url.split('?');//url.substring(url.lastIndexOf('?')+1, url.length);
			if(allvalue&&allvalue[1]&&allvalue[1]!=''){
				var valary = allvalue[1].split('=');
				func.cardNo = valary[1];
				getvipinfo(func.cardNo);
			}
			func.openid = mUrl.GetOpenid();
			func.token = mUrl.GetToken();
        	func.getcarnumer();
        	console.log('token' +mUrl.GetToken()+"   ccc  "+func.token);
        },
        //获取用户绑定的车牌
        getcarnumer:function(){
        	cardatas();
        }
    };
    //当开始时间变化时
    function calendarOnclose() {
        var startDate = new Date($("#date").val());
        var num = $("#numder").val();
        handelEndDateAndPrice(num, startDate);
    }
    function initCalendarParam() {
        var currentDate = new Date();
        var startDate = new Date();
        var currentDateStr = currentDate.format('yyyy-MM-dd');
        var param = {};
        $("#date").val(currentDateStr);
        currentDate.setDate(currentDate.getDate() - 1);
        //最小日期
        param.minDate = currentDate.format('yyyy-MM-dd');
        param.onClose = calendarOnclose;
        //设置结束时间，总价
        handelEndDateAndPrice(1, currentDateStr);
        return param;
    }
    $(function () {
    	layui.use(['layer'], function(){});
        func.initYearCardInfo();
        //初始化时间calendar组件的参数
        //添加数量
        $("#add_btn").click(function () {
            var startDateStr = $("#date").val();
            if (null == startDateStr || startDateStr.length < 1) {
                layer.msg('请先选择开始时间', {
				    time: 1500 //2秒关闭（如果不配置，默认是3秒）
				}, function(){});
                return;
            }
            var num = $("#numder").val();
            num++;
            if (num > 1 && num < 6&&func.cardType==1||num>1&&num<3&&func.cardType==2||num>1&&num<5&&func.cardType==3||num>1&&num<12&&func.cardType==4||num>1&&num<101&&func.cardType==5) {
                var startDate = new Date(startDateStr);
                handelEndDateAndPrice(num, startDate);
            } else {
            	if(func.cardType==1){
            		layer.msg('最多购买五期', {time: 1500 });
            	}
            	if(func.cardType==2){
            		layer.msg('最多购买二期', { time: 1500 });
            	}
            	if(func.cardType==3){
            		layer.msg('最多购买四期', {time: 1500 });
            	}
            	if(func.cardType==4){
            		layer.msg('最多购买十一期', {time: 1500 });
            	}
            	if(func.cardType==5){
            		layer.msg('最多购买一百期', {time: 1500});
            	}
            }
        });
        //减去数量
        $("#reduce_btn").click(function () {
            var startDateStr = $("#date").val();
            if (null == startDateStr || startDateStr.length < 1) {
                layer.msg('请先选择开始时间', {time: 1500 });
                return;
            }
            var num = $("#numder").val(); num--;
            if (num > 0) {
                var startDate = new Date($("#date").val());
                handelEndDateAndPrice(num, startDate);
            } else {
                layer.msg('最少购买一期', {time: 1500 });
            }
        });

        //
        var bname = 'input';
        if (navigator.userAgent.indexOf("MSIE") != -1) {bname = 'propertychange';}
        if(navigator.userAgent.match(/android/i) == "android"){bname = "keyup";}
        $('#numder').bind(bname, function(){
            var val = $.trim($(this).val());
            if(val&&val!=''&&val!='0'){
            	//if(parseInt(val)>)
            	if(func.cardType==1&&parseInt(val)>5){
            		layer.msg('最多购买五期', {time: 1500 });
            		$('#numder').val(5);
            	}
            	if(func.cardType==2&&parseInt(val)>2){
            		layer.msg('最多购买二期', { time: 1500 });
            		$('#numder').val(2);
            	}
            	if(func.cardType==3&&parseInt(val)>4){
            		layer.msg('最多购买四期', {time: 1500 });
            		$('#numder').val(4);
            	}
            	if(func.cardType==4&&parseInt(val)>11){
            		layer.msg('最多购买十一期', {time: 1500 });
            		$('#numder').val(11);
            	}
            	if(func.cardType==5&&parseInt(val)>100){
            		layer.msg('最多购买一百期', {time: 1500});
            		$('#numder').val(100);
            	}
                calendarOnclose();
            }else{
            	$('#numder').val(1);
            	calendarOnclose();
            }
        });

        isAndroidorios(function(data){
	    	var sx = mUrl.getApporWX();
	    	if(sx!='wx'){
	    		func.terminalSource = '1';
	    	}
	    });
        //立即支付
        $('#pay_btn').on('click', function () {
        	payyear();
        });
        //点击选择其中一个车牌号
        $('body').on('click','.cars li',function(){
        	var check = $(this).attr('data-check');
        	var carnum = '';
        	if(check=='0'){
        		carnum = $(this).attr('data-carnumer');
        		$(this).attr('data-check','1');
        		$(this).children('i').css('color','#007AFF');
        		$(this).siblings().attr('data-check','0');
        		$(this).siblings().children('i').css('color','#fff');
        		$(this).parent().parent().attr('data-carnumer',carnum);
        		$('#input').val(carnum);
        		closelay();
        	}
        });

    });
    function setToken(token,jwd,device){
		mUrl.SetToken(token);
		sessionStorage.setItem('lonandlat',jwd);//传入的数据格式为josn格式
		mUrl.setDevice(device);
	}

    function payyear(){
    	var buyNum = $('#numder').val();//购买数量
        var totleMoney = $('#totalm').val();//总金额
        var salt = jsajax.salt(32);//随机盐值
        var endDate = $('#date1').val();//结束时间
        func.carNumber = $.trim($("#input").val());//车牌号
        var startDate = $('#date').val();//开始时间;
        var forceBuy = '0';
        if(!func.carNumber||func.carNumber==''||func.carNumber=='null'){
        	layer.msg('请先选择车牌', {time: 1500});
        	return false;
        }
        getvip(function(data){
        	console.log("获取用户已购车"+JSON.stringify(data));
        	if(data.code=='0'){
        		var datas = data.data;
	      		if(datas.length!=0){
	      			for(var i=0;i<datas.length;i++){
	      				var carNumber = datas[i].carNumber;//车牌号
	      				if(func.carNumber==carNumber){forceBuy = '1';}
	      			}
	      		}
	      		if(func.token!=''){
	            	$('#pay_btn').addClass('weui-btn_disabled');
		        	$('#pay_btn').attr('disabled','disabled');
		        	var deviceif = mUrl.getDevice();
	                var strsign = [
	                    {keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
	                    {keyname:'deviceInfo',value:deviceif},
	                    {keyname:'salt',value:salt},
	                    {keyname:'sign_type',value:'md5'},
	                    {keyname:'plNo',value:func.plNo},
	                    {keyname:'cardNo',value:func.cardNo},
	                    {keyname:'price',value:func.danjia},
	                    {keyname:'expDate',value:endDate},
	                    {keyname:'num',value:buyNum},
	                    {keyname:'cardType',value:func.cardType},
	                    {keyname:'effDate',value:startDate},
	                    {keyname:'carType',value:func.carType},
	                    {keyname:'token',value:func.token},
	                    {keyname:'totalAmount',value:totleMoney},
	                    {keyname:'optType',value:'1'},
	                    {keyname:'carNumber',value:func.carNumber},
	                    {keyname:'forceBuy',value:forceBuy},
	                    {keyname:'terminalSource',value:func.terminalSource}
	                ];
	                //console.log("会员卡购添加后cartype  "+JSON.stringify(strsign));
		            var mdsign = jsajax.getsign(strsign);
	                var jsondata = {
	                	app_id: '0eca8f5373ca4866aec2f8e9d9367104',
						salt:salt,
						deviceInfo: deviceif,
						sign_type: "md5",
						sign:mdsign,
						plNo:func.plNo,
						cardNo:func.cardNo,
						cardType:func.cardType,
						carType:func.carType,
						price:func.danjia,
						totalAmount:totleMoney,
						num:buyNum,
						effDate:startDate,
						expDate:endDate,
						carNumber:func.carNumber,
						token:func.token,
						optType:'1',
						forceBuy:forceBuy,
						terminalSource :func.terminalSource
	                }
	                var startd = $('#date').val();
	                jsondata = JSON.stringify(jsondata);
	                console.log("会员卡购买续费入参"+jsondata);
	                jsajax.defaultReq(
	                    mUrl.vipbuyorxufei,//mUrl.cardbuyorxf,//mUrl.checkIsbuyCard,
	                    jsondata,
	                    function (data) {
//	                    	 alert('测试464code结果：'+data.code);
	                    	$('#pay_btn').removeClass('weui-btn_disabled');
							$('#pay_btn').removeAttr('disabled');
	                        //alert(JSON.stringify(data));
	                        console.log("调用续费购买后返回参数   "+JSON.stringify(data));
	                        if ("0" == data.code) {
	                            var datas = data.data;
	                            var carNumber = datas.carNumber;
	                            var orderFee = datas.orderFee;//价格
	                            var orderId = datas.orderId;
	                            var apporwx = mUrl.getApporWX();
					        	if(apporwx=='wx'){
					        		var src = '../../pay/confirmxc.html?orderId='+orderId+"&orderFee="+orderFee+"&carNumber="+carNumber+"&startDate="+startd+"&endDate="+endDate+"&optType=1&openid="+func.openid+"&token="+func.token+"&";
                        			window.location.assign(encodeURI(src));
					        		/*var src = 'http://wxgzh.renniting.cn/ceshi/wechatthree/Threewf/WEB-INF/pages/elsepages/cards_pages/confirmxz.html?orderId='+orderId+"&orderFee="+orderFee+"&carNumber="+carNumber+"&startDate="+startd+"&endDate="+endDate+"&optType=1&openid="+func.openid+"&token="+func.token+"&";
	                            	window.location.assign(encodeURI(src));*/
					        	}else{
					        		isAndroidorios(function(data){
					    				console.log('huoqu '+data);
								    	var sx = mUrl.getApporWX();
								    	if(sx!='wx'){
								    		console.log('执行不是微信的');
								    		mUrl.setApporWX(data);
								    		if(data=='android'){
								    			JSInterface.Pay(orderId.toString(),orderFee.toString(),carNumber.toString(),'1');
								    		}else if(data=='ios'){
								    			var dataobj = {
								    				orderId:orderId,
								    				orderFee:orderFee,
								    				carNumber:carNumber,
								    				optType:'1'//func.optType
								    			}
								    			window.webkit.messageHandlers.Pay.postMessage(dataobj);
								    		}
								    	}
								    	console.log("微信还是app"+mUrl.getApporWX());
								    });
					        	}
	                        }else if(data.code==-10000){
	                        	alert(data.message);
	                        }else if(data.code==-10006){
	                        	layer.msg('同一个用户不能购买同一个类型的会员卡', {
								    time: 1500 //2秒关闭（如果不配置，默认是3秒）
								}, function(){});
	                        }
	                        else
                            {
                    	            alert(data.message);

                            }
	                    }
	                )
	            }
        	}
        });

    }

    function getvip(fn){
    	var salt = jsajax.salt(6);//随机生成的盐值
    	var device = mUrl.getDevice();
		console.log('获取的盐值'+salt);
		var ary = [
        	{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
    		{keyname:'deviceInfo',value:device},
    		{keyname:'salt',value:salt},
    		{keyname:'token',value:func.token},
    		{keyname:'sign_type',value:'md5'}
        ];
        var sign = jsajax.getsign(ary);
        var jsonInfo = {
        	app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			salt:salt,
			deviceInfo:device,
			sign_type:'md5',
			sign:sign,
			token:func.token
        };
        jsonInfo = JSON.stringify(jsonInfo);
        console.log('请求的接口：'+mUrl.vipbuyed);
        jsajax.defaultReq(
            mUrl.vipbuyed,//mUrl.getminecard,terminalSource
            jsonInfo,
            function(data){
            	fn(data);
            }
        )
    }
    //点击niput
    function inputc(){
    	document.activeElement.blur();
    	//页面层
		func.index = layer.open({
		  type: 1,
		  skin: 'layui-layer-demo', //样式类名
		  closeBtn: 0, //不显示关闭按钮
		  area: ['70%', 'auto'], //宽高
		  anim: 2,
		  shadeClose: true, //开启遮罩关闭
		  title:'选择车牌',
		  content: func.carlistr
		});
    }
    //点击取消关闭弹窗
    function closelay(){
    	layer.close(func.index);
    	$('#pay_btn').removeClass('weui-btn_disabled');
		$('#pay_btn').removeAttr('disabled');
    }
    //点击确定执行
    function addCar(){
    	window.location.href = '../self/Vehiclemanagement/addCar.html';
    }
    //根据cardNo获取用户会员卡信息
    //根据会员id获取用户已购会员卡详情
    function getvipinfo(cardNo){
    	var salt = jsajax.salt(6);//随机生成的盐值
    	var device = mUrl.getDevice();
		var ary = [
        	{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
    		{keyname:'deviceInfo',value:device},
    		{keyname:'salt',value:salt},
    		{keyname:'token',value:func.token},
    		{keyname:'cardNo',value:cardNo},
    		{keyname:'sign_type',value:'md5'}
        ];
        var sign = jsajax.getsign(ary);
        var jsonInfo = {
        	app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			salt:salt,
			deviceInfo:device,
			sign_type:'md5',
			sign:sign,
			token:func.token,
			cardNo:cardNo
        };
        jsonInfo = JSON.stringify(jsonInfo);
        console.log("shuzu  "+JSON.stringify(ary)+'数据'+jsonInfo);
        jsajax.defaultReq(
            mUrl.vipinfobyCN,
            jsonInfo,
            function(data){
            	console.log('购买获取会员卡详情'+JSON.stringify(data));
            	if(data.code=='0'){
            		var data= data.data;
            		func.cardType = data[0].cardType;
            		func.carType = data[0].carType;
            		$('#cardName').text(data[0].cardName);
            		$("#cardTypeRemark").text((data[0].carType=='1'?'大型车':'小型车')+(data[0].cardType=='1'?'年卡':(data[0].cardType=='2'?'半年卡':(data[0].cardType=='3'?'季卡':(data[0].cardType=='4'?'月卡':'日卡')))));
            		func.useType = data[0].useType;
            		func.cardNo = data[0].cardNo;
            		func.danjia = data[0].price;
            		func.cardStatus = data[0].cardStatus;
            		func.saleChannel = data[0].saleChannel;
            		func.discount = data[0].saleChannel;
            		var parkList = data[0].parkList;
            	    if(parkList&&parkList.length>0){
            	    	$('.shiyong').html('');
            	    	func.plNo = parkList[0].parkNo;
            	    	var str = '';
            	    	for(var i=0;i<parkList.length;i++){
            	    		str += '<li>'+parkList[i].parkName+'</li>';
            	    	}
            	    	$('.shiyong').html(str);
            	    }

            	    //设置
            	    func.actprice = jsajax.fenToYuan(data[0].actPrice);
            	    $('#actPrice').text("￥"+jsajax.fenToYuan(data[0].actPrice));
            	    $('#cardAmount').val(func.danjia);
            	    console.log('单价  '+func.danjia+"   ");
            	    //$('#totle_money').text(jsajax.fenToYuan(data[0].price));
		        	//$("#totalm").val(func.danjia);
		        	//$('#totle_money').text(jsajax.fenToYuan(data[0].price));
		        	//选择日期
			        $("#date").calendar(
			            initCalendarParam()
			        );
		        }
            }
        )
    }
    //获取用户已绑定的车牌号
	function cardatas(){
		var alldiv = '';
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var device = mUrl.getDevice();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:device},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token}
		];
		var md5sign = jsajax.getsign(sortd);
		var jsondata = {
			app_id: "0eca8f5373ca4866aec2f8e9d9367104",
		    deviceInfo : device,
		    salt : salt,
		    sign : md5sign,
		    sign_type : "md5",
		    token : token
		};
		jsajax.defaultReq(
			mUrl.CarInfo,
			JSON.stringify(jsondata),
			function(data){
				console.log('获取用户已绑定车牌   '+JSON.stringify(data));
				if(data.code==0){
					var ustr = '';
					var addcarp = '';
					var datas = data.data;
					if(datas.length>0){
						ustr ='<ul class="cars">';
						for(var i=0;i<datas.length;i++){
							var li = document.createElement('li');
							li.setAttribute('data-carnumer',datas[i].carNumber);
							li.setAttribute('data-carid',datas[i].id);
							li.setAttribute('data-check','0');
							li.setAttribute('onclick','');
							li.innerHTML = '<span>'+datas[i].carNumber+'</span><i class="icon iconfont">&#xe685;</i>';
							ustr +=li.outerHTML;
						}
						ustr += '</ul>';
					}
					if(datas.length>=0&&datas.length<3){
						addcarp = '<p onclick="addCar()"><i class="icon iconfont">&#xe6bb;</i>&nbsp;绑定车牌</p>';
					}
					alldiv = '<div class="selectcar">'+ustr+'<div> '+addcarp+'</div> </div>';
					func.carlistr =   alldiv;
				}else{}
			}
		);
	}
</script>
</body>
</html>