EditCar.html 6.57 KB

Edit Raw Blame History Permalink

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title id="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="../../../iconfont/iconfont.css"/>
	    <!--<link rel="stylesheet" href="../../../js/layui/layui.css" />-->
	    <link rel="stylesheet" href="../../../js/bootstrap/bootstrap.css"/>
	    <link rel="stylesheet" href="../css/fxcommon.css"/>
	</head>
	<style>
		.carbd{
			padding:0 28px;
		}
		.carbd li{
			padding:0 10px 10px;
			box-sizing: border-box;
			margin-bottom: 10px;
			position: relative;
		}
		.carbd li .libottom{
			width: 100%;
			border: 1px solid #fff;
			text-align: center;
			margin-top: 10px;
			border-radius: 3px;
			padding: 3px 0;
			color: #fff;
		}
		.carbd li>img{
			width: 100%;
		}
		.carbd li>span{
			position: absolute;
			top: -3px;
			right: 0px;
		}
		.carbd li>span>img{
			width: 20px;
		}
		.btn button{
			display: block;
			width: 90%;
			padding: 10px 0;
			background: #75CBBE;
			margin: 15px auto 0;
			border-style: none;
			color: #fff;
		}

	</style>
	<body onclick="">
		<div class="fanxtctop">
			<div class="row">
				<div class="col-xs-12">
					<i class="icon iconfont" onclick="window.history.go(-1)">&#xe601;</i>
					<span class="tt">我要寻车</span>
				</div>
			</div>
		</div>
		<div>
			<p style="color: #fff;padding: 10px;margin-bottom: 0;font-size: 12px;">
				<i class="icon iconfont" style="font-size: 12px;">&#xe61d;</i>
				点击车辆进行查询，每人最多可以绑定三个车牌
			</p>
			<ul class="carbd row">
				<!--<li class="col-xs-4"  data-carnumer="苏BFFFFd" data-carid="1">
					<img src="imgs/car.png" />
					<div class="libottom">苏BFFFFd</div>
				</li>
				<li class="col-xs-4" data-carnumer="苏Bjjsk" data-carid="2">
					<img src="imgs/car.png" />
					<div class="libottom">苏Bjjsk</div>
				</li>
				<li class="col-xs-4 addCar">
					<img src="imgs/addc.png" />
					<div class="libottom">添加车辆</div>
				</li>-->
			</ul>
			<div class="btn"></div>
		</div>
		<div></div>
	</body>
</html>
<script src="../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../js/bootstrap/bootstrap.js"></script>
<script src="../../../js/layui/layui/layui.js"></script>
<!--md5 start-->
<script src="../../../js/md5.min.js"></script>
<!--md5 end-->

<script src="../../../js/url.js"></script>
<script src="../../../js/ajax.js"></script>
<script src="../js/vipback.js"></script>
<script>
	$(function(){
		layui.use(['layer'], function(){
		  //向世界问个好
		});
		cardatas();

		//点击添加车辆
		/*$('body').on('click','.addCar',function(){
			window.location.href = 'addCar.html';
		});*/

		//点击车牌弹窗
		$('body').on('click','.carbd li',function(){
			var carnumer = $(this).attr('data-carnumer');
			if(carnumer&&carnumer!=''){
				window.location.href = '../fxone.html';
			}else{
				if($(this).hasClass('addCar')){
					window.location.href = 'addCar.html';
				}
			}
			/*var carid = $(this).attr('data-carid');
			var carNumbers = [{id:carid}];
			if(carid&&carid!=''){
				//询问框
				layer.open({
				    content: '是否解绑该车牌号？',
				    btn: ['是', '否'],
				    yes: function(index){
				      editc(JSON.stringify(carNumbers),'01');
				      layer.close(index);
				    }
				});
			}*/

		});
	});
	//获取用户已绑定的车牌号
	function cardatas(){
		//mUrl.CarInfo
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var device = mUrl.getDevice();
		console.log("用户token  "+token+"请求的接口是  "+mUrl.CarInfo);
		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){
					$('.carbd').html('');
					var datas = data.data;
					if(datas.length>0){
						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('onclick','');
							li.className = 'col-xs-4';
							li.innerHTML = '<img src="imgs/car.png" />'
							+'<div class="libottom">'+datas[i].carNumber+'</div>';
							/*+'<span>'
								+'<img src="imgs/detec.png"/>'
							+'</span>';*/
							document.querySelector('.carbd').appendChild(li);
						}
					}
					if(datas.length>=0&&datas.length<3){
						var li = document.createElement('li');
						li.className = 'col-xs-4 addCar';
						li.setAttribute('onclick','');
						li.innerHTML = '<img src="imgs/addc.png" />'
						+'<div class="libottom">添加车辆</div>';
						document.querySelector('.carbd').appendChild(li);
					}
				}else{

				}
			}
		);

	}
	function editc(carNumbers,optType){
		//mUrl.Caredit /user/userCarsInfoEdit
		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:'carNumbers',value:carNumbers},
			{keyname:'token',value:token},
			{keyname:'optType',value:optType}
		];
		var md5sign = jsajax.getsign(sortd);
		var jsondata = {
			app_id : "0eca8f5373ca4866aec2f8e9d9367104",
      		carNumbers : carNumbers,
   			deviceInfo : device,
   			optType : optType,
   			salt : salt,
   			sign : md5sign,
   			sign_type : "md5",
   			token : token
		};
		console.log('删除数据  '+JSON.stringify(jsondata));
		jsajax.defaultReq(
			mUrl.Caredit,
			JSON.stringify(jsondata),
			function(data){
				console.log("删除返回"+JSON.stringify(data));
				if(data.code==0){
					cardatas();
				}
			}
		);

	}
</script>