EditCar.html 10.4 KB
<!DOCTYPE html>
<html>
	<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">
		<link rel="stylesheet" href="../../iconfont/iconfont.css">
		<link rel="stylesheet" href="../../js/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="css/fxcommon.css" />
	</head>
	<style>
		body,html{
			height: 100% !important;
		}
		/*搜索样式 start*/
		.fanxsearch{
			width: 100%;
			padding: 0 20px 10px;
			box-sizing: border-box;
		}
		.fanxsearch>div{
			width: 100%;
			background: rgba(108,200,220,0.5);
			display: flex;
			height: 36px;
			color: #fff;
			border-radius: 18px;
		}
		.fanxsearch>div>div:first-child{
			text-align: right;
			height: 36px;
			line-height: 36px;
		}
		
		
		
		.fanxsearch>div>div input{
			border-style: none;
			background: none;
			height: 36px;
			padding-left: 5px;
			width: 100%;
			outline: none;
			/*border: 1px solid #fff;*/
			
			color: #fff;
			text-shadow: 0px 0px 0px #fff;
			-webkit-text-fill-color: transparent;
			
		}
		.fanxsearch>div>div input::-webkit-input-placeholder { /* WebKit browsers */
		    color:    #fff;
		}
		.fanxsearch>div>div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		    color:    #fff;
		}
		.fanxsearch>div>div input::-moz-placeholder { /* Mozilla Firefox 19+ */
		    color:    #fff;
		}
		.fanxsearch>div>div input:-ms-input-placeholder { /* Internet Explorer 10+ */
		    color:    #fff;
		}
		/*搜索样式 end*/
		
		/*提示样式  start*/
		.fanxtip{
			padding: 0 10px 14px;
			color: #fff;
			font-size: 12px;
			margin-bottom: 0;
		}
		.fanxtip i{
			font-size: 12px;
		}
		/*end*/
		
		/*数据样式 start*/
		.fanxdatalist{
			width: 100%;
			padding: 0 22px 12px;
		}
		.fanxdatalist>div{
			background: #fff;
			padding: 11px;
			width: 100%;
			box-sizing: border-box;
			border-radius: 6px;
			display: flex;
			justify-content: center;
			align-content: center;
			margin-bottom: 10px;
		}
		.fanxdatalist>div>div .fxdname{
			font-size: 18px;
			color: rgba(109,122,131,1);
		}
		.fanxdatalist>div>div .fxdaddr{
			font-size: 12px;
			color: rgba(155,155,155,1);
		}
		.fanxdatalist>div>div:last-child{
			text-align: center;
		}
		.fanxdatalist>div>div img{
			width: 39px;	
		}
		/*数据样式 end*/
	</style>
	<body>
		<div class="fanxtctop">
			<div class="row">
				<div class="col-xs-12">
					<i class="icon iconfont" onclick="window.history.go(-1)">&#xe65a;</i>
					<span class="tt">车场寻车</span>
					<!--<span class="r" onclick="">我要寻车</span>-->
				</div>
			</div>
		</div>
		<div class="fanxsearch">
			<div class="row">
				<div class="col-xs-1">
					<i class="icon iconfont">&#xe603;</i>
				</div>
				<div class="col-xs-11 ">
					<input type="text" placeholder="输入停车场名称" id="fanxsearch" />
				</div>
			</div>
		</div>
		<p class="fanxtip">
			<i class="icon iconfont">&#xe61d;</i>
			以下停车场支持反向寻车
		</p>
		<div class="fanxdatalist">
			<!--<div class="row" data-id="1" data-name="中国传感网国际创新园停车场" data-addr="无锡市滨湖区菱湖大道200号中国传感网" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">中国传感网国际创新园停车场</div>
					<div class="fxdaddr">无锡市滨湖区菱湖大道200号中国传感网</div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>
			<div class="row" data-id="1" data-name="中国传感网国际创新园-D座停车库" data-addr="无锡市滨湖区菱湖大道200号中国传感网" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">中国传感网国际创新园-D座停车库</div>
					<div class="fxdaddr">江苏省无锡市新吴区菱湖大道200号中国传感网国际创新园</div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>
			<div class="row" data-id="1" data-name="无锡城南二手车交易市场-停车场" data-addr="无锡市滨湖区菱湖大道200号中国传感网" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">无锡城南二手车交易市场-停车场</div>
					<div class="fxdaddr">江苏省无锡市新吴区运河西路无锡新港物流集聚区附近</div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>
			<div class="row" data-id="1" data-name="中国传感网国际创新园-南停车场" data-addr="无锡市滨湖区菱湖大道200号中国传感网" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">中国传感网国际创新园-南停车场</div>
					<div class="fxdaddr">江苏省无锡市新吴区菱湖大道200号中国传感网国际创新园 </div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>-->
			<div class="row" data-id="1" data-name="南昌铜锣湾" data-addr="南昌市青山湖区庐山南大道369号" data-href="http://map.tdlbs.com/static/main.html?mode=shop&fid=-2&mallId=10042&park=1&carno=&data=1_oH5Pusv5DUja5Z-b0fykcW7pJlZs" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">南昌铜锣湾</div>
					<div class="fxdaddr">南昌市青山湖区庐山南大道369号</div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>
			<div class="row" data-id="1" data-name="东方福来德HouseofFraser" data-addr="中山南路2号"  data-href="http://map.tdlbs.com/static/main.html?p=map_p1&mode=shop&fid=-2&mallId=10065&data=1_&park=1" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">东方福来德HouseofFraser</div>
					<div class="fxdaddr">中山南路2号</div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</div>
			</div>
			<div class="row" data-id="1" data-name="郑州锦荣悦汇城" data-addr="郑州市中牟县雍州路与巡航路交汇处东北角"  data-href="http://yhc.tdlbs.com/YueHuiCity/indexPage.html?openid=oBlVrw-r4WJe5il0k8zCuIWs-5cY" onclick="">
				<div class="col-xs-9">
					<div class="fxdname">郑州锦荣悦汇城</div>
					<div class="fxdaddr">郑州市中牟县雍州路与巡航路交汇处东北角 </div>
				</div>
				<div class="col-xs-3">
					<img src="imgs/lx.png" />
				</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/md5.min.js"></script>
<script src="../../js/url.js"></script>
<script src="../../js/ajax.js"></script>
<script src="js/vipback.js"></script>
<script>
	$(function(){
		//init();
		//搜索
		var bname = 'input';
		if (navigator.userAgent.indexOf("MSIE") != -1) {
		 bname = 'propertychange';
		}
		if(navigator.userAgent.match(/android/i) == "android")
		{
		 bname = "keyup";
		}
		$('#fanxsearch').bind(bname, function(){
			var val = $.trim($(this).val());
			if(val&&val!=''){
				$('.fanxdatalist>div').each(function(){
					var dname = $(this).attr('data-name');
					console.log('tttt  '+dname.indexOf(val));
					if(dname.indexOf(val)>=0){
						$(this).show();
						//$(this).css('display','block');
					}else{
						$(this).hide();
						//$(this).css('display','none');
					}
				})
			}else{
				$('.fanxdatalist>div').show();
				//$('.fanxdatalist>div').css('display','block');
			}
		});
		/*$('body').on('propertychange','#fanxsearch',function(){
			var val = $.trim($(this).val());
			if(val&&val!=''){
				$('.fanxdatalist>div').each(function(){
					var dname = $(this).attr('data-name');
					console.log('tttt  '+dname.indexOf(val));
					if(dname.indexOf(val)>=0){
						$(this).css('display','block');
					}else{
						$(this).css('display','none');
					}
				})
			}else{
				$('.fanxdatalist>div').css('display','block');
			}
		});*/
		
		//点击进入寻车
		$('body').on('click','.fanxdatalist>div',function(){
			var href = $(this).attr('data-href');
			//$('body,html').css('height','100%');
			setTimeout(function(){
				window.location.href = href;
			},300);
			
			//window.location.href = 'fanxtc.html';
		});
		
		//点击进入我要寻车
		$('body').on('click','.fanxtctop .r',function(){
			var token = mUrl.GetToken();
			if(token&&token!=''&&token!=null&&token!='null'){
				window.location.href = 'Vehiclemanagement/EditCar.html';
			}else{
				var appwx = mUrl.getApporWX();
				if(appwx=='wx'){
					window.location.href = '../../commonp/binding.html';
				}else if(appwx=='android'){
					JSInterface.relogin();
				}else if(appwx=='ios'){
					window.webkit.messageHandlers.relogin.postMessage(null);
				}
			}
		})
	});
	//wx根据openid获取用户token
	function gett(openid){
		jsajax.gett(openid,function(n){
			if(n==1){//用户已绑定手机号
	    		console.log('用户已绑定手机号   ');
	    	}else if(n==0){//用户未绑定手机号
	    		mUrl.SetToken(null);
	    		console.log('用户未绑定手机号');
	    	}
		});
	}
	/*function init(){
		//若为微信回去微信中的用户信息
		var getcode = location.href;
	    var datacoded = getcode.split('?')[1];
	    if(datacoded&&datacoded!=''){
	    	var datacode = datacoded.split('&')[0].split('=')[1];
	    	if(datacoded.split('&')[0].split('=')[0]=='code'){
	    		var pt = 'wx';mUrl.setApporWX(pt);
	    		jsajax.getopenid(datacode,function(openid){
					gett(openid);
			    });//获取openid  token
	    	}else{
	    		var openid = mUrl.GetOpenid();
	    		if(openid&&openid!=''&&openid!='null'&&openid!='undefined'){
	    			var pt = 'wx';mUrl.setApporWX(pt);
	    		 	gett(openid);
	    		}
	    	}
	    }else{
    		var openid = mUrl.GetOpenid();
    		if(openid&&openid!=''&&openid!='null'&&openid!='undefined'){
    			var pt = 'wx';mUrl.setApporWX(pt);
    		 	gett(openid);
    		}else{
    			isAndroidorios(function(data){
    				console.log('huoqu '+data);
			    	var sx = mUrl.getApporWX();
			    	if(sx!='wx'){
			    		console.log('执行不是微信的');
			    		mUrl.setApporWX(data);
			    		//setToken('','','');
			    	}
			    	console.log("微信还是app"+mUrl.getApporWX());
			    });
    		}
    	}
	}*/
	
	//设置
	function setToken(token,device){
		mUrl.SetToken(token);
		mUrl.setDevice(device);		
	}
</script>