EditCar.html 7.26 KB

Edit Raw Blame History

<!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="../css/common1.css"/>
	    <link rel="stylesheet" href="../../../js/bootstrap/bootstrap.css"/>
	</head>
	<style>
		.row{
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		body{
			background: #f3f4f6;
			background: -moz-linear-gradient(top, rgba(113, 152, 130, 1), rgba(38,154, 196, 1)) ;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(113, 152, 130, 1)), to(rgba(38,154, 196, 1))) ;
			background: -o-linear-gradient(top, rgba(113, 152, 130, 1), rgba(38,154, 196, 1));
		}
		.dialog{

		}
		.carbd li{
			/*width: 100%;*/
			padding: 10px;
			box-sizing: border-box;
			/*background: #fff;*/
			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: #357FF6;
			margin: 15px auto 0;
			border-style: none;
			color: #fff;
		}

	</style>
	<body>
		<div>
			<p style="color: #fff;padding: 10px;">每人最多可以绑定三个车牌</p>
			<ul class="carbd row">
				<!--<li class="col-xs-4">1</li>
				<li class="col-xs-4">2</li>
				<li class="col-xs-4">3</li>-->
				<!--<li class="col-xs-4">
					<img src="imgs/car.png" />
					<div class="libottom">苏Bjjsk</div>
					<span>
						<img src="imgs/detec.png"/>
					</span>
				</li>
				<li class="col-xs-4">
					<img src="imgs/car.png" />
					<div class="libottom">苏Bjjsk</div>
				</li>
				<li class="col-xs-4">
					<img src="imgs/addc.png" />
					<div class="libottom">添加车辆</div>
				</li>-->
			</ul>
			<div class="btn"></div>
		</div>
		<div></div>
		<!--BEGIN dialog4-->
        <!--<div class="dialog" id="dialog" >
        	<div>确定要解绑此车牌？</div>
        	<div>
        		<div class="leftbtn">取消</div>
        		<div class="leftbtn">确定</div>
        	</div>
        </div>-->
        <!--END dialog4-->

	</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>
	$(function(){
		layui.use(['layer'], function(){
		  //向世界问个好
		});
		cardatas();

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

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

		});
	});
	//点击弹窗确定进行删除操作
	function delecar(){
		var carnumer = $(this).attr('data-carnumer');
		var carNumbers = [{id:carnumer}];
		//var carid = $(this).attr('data-carid');
		editc(JSON.stringify(carNumbers),'01');
	}
	//获取用户已绑定的车牌号
	function cardatas(){
		//mUrl.CarInfo
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		console.log("用户token  "+token+"请求的接口是  "+mUrl.CarInfo);
		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);
		var jsondata = {
			app_id: "0eca8f5373ca4866aec2f8e9d9367104",
		    deviceInfo : "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E",
		    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.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>';//'<span>'+datas[i].carNumber+'</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.innerHTML = '<img src="imgs/addc.png" />'
						+'<div class="libottom">添加车辆</div>';

						document.querySelector('.carbd').appendChild(li);
						/*$(".carbd").next('.btn').html('');
						$(".carbd").next('.btn').append('<button id="addcar">添加车辆</button>');*/
					}
				}else{

				}
			}
		);

	}

	function editc(carNumbers,optType){
		//mUrl.Caredit /user/userCarsInfoEdit
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		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:'carNumbers',value:carNumbers},
			{keyname:'token',value:token},
			{keyname:'optType',value:optType}
		];
		var md5sign = jsajax.getsign(sortd);
		var jsondata = {
			app_id : "0eca8f5373ca4866aec2f8e9d9367104",
      		carNumbers : carNumbers,
   			deviceInfo : "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E",
   			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();
				}else{
					layer.msg(data.message, {
					    time: 1500 //2秒关闭（如果不配置，默认是3秒）
					}, function(){});
				}
			}
		);

	}
</script>