BJ_web_developers / h5App

/*车牌号键盘 start*/
var provinces = new Array("京","津","渝","沪","冀","晋","辽","吉","黑","苏",
"浙","皖","闽","赣","鲁","豫","鄂","湘","粤","琼",
"川","贵","云","陕","甘","青","蒙","桂","宁","新",
"ABC","藏","学","澳","港","警","W","delete");

var keyNums = new Array("1","2","3","4","5","6","7","8","9","0",
"Q","W","E","R","T","Y","U","I","O","P",
"A","S","D","F","G","H","J","K","L",
"Z","X","C","返回","V","B","N","M","学","delete");
var keyNumss = new Array("1","2","3","4","5","6","7","8","9","0",
"京","津","渝","沪","冀","晋","辽","吉","黑","苏",
"浙","皖","闽","赣","鲁","豫","鄂","湘","粤","琼",
"川","贵","云","陕","甘","青","蒙","桂","宁","新",
"藏","delete");


var choseno = new Array("Q","W","E","R","T","Y","U","I","O","P",
"A","S","G","H","J","K","L",
"Z","X","C","V","B","N","M");

var chosenum = new Array("Q","W","E","R","T","Y","U","I","O","P",
"A","S","D","F","G","H","J","K","L",
"Z","X","C","V","B","N","M","学");

var xinnengyuan = false;
//当input聚焦时候
/*function onfocusinput(){
	var sin = $('#input').val();
	if(sin.length<1){
		openprovice(1);
	}else{
		openprovice(2);
	}
}*/
$("#input").focus(function(){
	var val = $("#input").val();
	document.activeElement.blur();
	var sin = $(this).val();
	console.log(" sin "+sin);
	if(sin.length<1){
		console.log(" sin1 ");
		openprovice(1);
	}else if(val=='WJ'){
		console.log(" sin2 ");
		openprovice(3);
	}else{
		console.log(" sin3 ");
		openprovice(2);
	}
	
});
$('#carsoft').click(function(){
	var val = $("#input").val();
	var sin = $(this).val();
	console.log(" sin "+sin);
	if(val.length<1){
		openprovice(1);
	}else if(val=='WJ'){
		openprovice(3);
	}else{
		openprovice(2);
	}
});


function setdiv(){
	var inputnum = $('#input').val();
	var carsoft = $('#carsoft');
	if(carsoft){
		for(var i=0;i<inputnum.length;i++){
			carsoft.children('span').eq(i).children('div').text(inputnum[i]);
		}
		if(xinnengyuan&&inputnum.length<8){
			for(var i=inputnum.length;i<8;i++){
				carsoft.children('span').eq(i).children('div').html('&nbsp;');
			}
			/*if(carsoft.children('span').eq(i+1)){
				carsoft.children('span').eq(i+1).children('div').addClass('active');
				carsoft.children('span').eq(i+1).siblings().children('div').removeClass('active');
			}*/
			
		}else if(!xinnengyuan&&inputnum.length<7){
			for(var i=inputnum.length;i<7;i++){
				carsoft.children('span').eq(i).children('div').html('&nbsp;');
			}
		}
		if(carsoft.children('span').eq(inputnum.length)){
			carsoft.children('span').eq(inputnum.length).addClass('active');
			carsoft.children('span').eq(inputnum.length).siblings().removeClass('active');
		}
	}
}

$(document).bind('click',function(e){
    var e = e || window.event; //浏览器兼容性
    var elem = e.target || e.srcElement;
    while (elem) { //循环判断至跟节点，防止点击的是div子元素
    	console.log("elem.id "+elem.id);
      if (elem.id && elem.id=='pro'||elem.id=='input'||elem.id=='carsoft'||elem.id=='qiehuan') {
      	console.log("elem.id "+elem.id);
        return;
      }
      elem = elem.parentNode;
    }
    $("#pro").html('');
    layer.closeAll();
    
});
    	
//初始化省键盘
function initprovice(){
	$("#pro").html('');
	var p = document.createElement('div');
	p.className = 'province';
	var ul = document.createElement('ul');
	for(var i=0;i<provinces.length;i++){
		var li = document.createElement('li');
		li.setAttribute('data-value',provinces[i]);
		li.setAttribute('onclick','choosep(this)');
		//choosep(obj)
		if(xinnengyuan&&provinces[i]=='W'){
			li.style.color = '#999';
			li.setAttribute('onclick','');
		}
		if(provinces[i]=='ABC'||i==provinces.length-1){
			li.className = 'ts';
		}
		if(i==provinces.length-1){
			li.innerHTML = '<i class="icon iconfont ">&#xe638;</i>';
		}else{
			li.innerText = provinces[i];
		}
		//ul.innerHTML += li;
		ul.appendChild(li);    		
	}
	//p.innerHTML += ul;
	p.appendChild(ul);
	$("#pro").html(p);
}
    
    
    
//初始化字母数字键盘
function keynumbord(){
	//$("#pro").html('');
	var p = document.createElement('div');
	p.className = 'province zimjianp';
	var sin = $('#input').val();
	var ul = document.createElement('ul');
	for(var i=0;i<keyNums.length;i++){
		var li = document.createElement('li');
		li.setAttribute('data-value',keyNums[i]);
		li.setAttribute('onclick','chooseabc(this)');
		if(i<10){
			li.className = 'fontcolor';
			if(sin.length<=1){
				li.style.color = '#999';
				li.setAttribute('onclick','');
			}
			
		}
		if(keyNums[i]=='I'){
			li.style.color = '#999';
			li.setAttribute('onclick','');
		}
		if(sin.length>=2&&keyNums[i]=='O'){
			li.style.color = '#999';
			li.setAttribute('onclick','');
		}
		if(sin.length==2&&xinnengyuan){
			//console.log('长度为2时'+keyNums[i]+"  sin  "+sin);
			for(var ch = 0;ch<choseno.length;ch++){
				if(keyNums[i]==choseno[ch]){
					console.log('物质性');
					li.style.color = '#999';
					li.setAttribute('onclick','');
				}
			}
		}
		if(sin.length==4&&xinnengyuan){
			for(var ch = 0;ch<chosenum.length;ch++){
				if(keyNums[i]==chosenum[ch]){
					console.log('物质性');
					li.style.color = '#999';
					li.setAttribute('onclick','');
				}
			}
		}
		
		if(keyNums[i]=='学'){
			li.className = 'tshu';
			if(sin.length<=6){
				li.style.color = '#999';
				li.setAttribute('onclick','');
			}	
		}
		if(keyNums[i]=='返回'||i==keyNums.length-1){
			li.className = 'ts';
		}
		if(i==keyNums.length-1){
			li.innerHTML = '<i class="icon iconfont ">&#xe638;</i>';
		}else{
			li.innerText = keyNums[i];
		}
		ul.appendChild(li);    		
	}
	p.appendChild(ul);
	$("#pro").html(p);
}
//初始化数字汉字车牌
function initkeyNumss(){
	$("#pro").html('');
	var p = document.createElement('div');
	p.className = 'province keynumh';
	var sin = $('#input').val();
	var ul = document.createElement('ul');
	for(var i=0;i<keyNumss.length;i++){
		var li = document.createElement('li');
		li.setAttribute('data-value',keyNumss[i]);
		li.setAttribute('onclick','choosenumorh(this)');
		if(i<10){
			li.className = 'fontcolor';
			if(sin.length<=1){
				li.style.color = '#999';
			}
		}
		if(i==keyNumss.length-1){
			li.className = 'ts';li.innerHTML = '<i class="icon iconfont ">&#xe638;</i>';
		}else{
			li.innerText = keyNumss[i];
		}
		ul.appendChild(li);    		
	}
	p.appendChild(ul);
	$("#pro").html(p);
}


//点击打开键盘
function openprovice(n){
	console.log(n);
	
	layer.open({
		type: 1,
		content: '<div id="pro"></div>',
		anim: 'up',
		shade :false,
		title:false,
		closeBtn:false,
		style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:0; border:none;'
	});
	//keynumbord();
	if(n==1){
		initprovice();
	}
	else if(n==2){
		keynumbord();
	}
    else if(n==3){
		initkeyNumss();
	}
}

//选择省份
function choosep(obj){
	var pname = obj.getAttribute('data-value');
	
	var str = $('#input').val();
	var inp = str;
	if(xinnengyuan&&str.length>=7&&pname!='delete'){
		if(str.length==7){
			inp +=pname;
		}
		if(func){
			try{
				
				func.userallorders(inp);
			}catch(e){}
		}
		layer.closeAll();
		console.log('关闭');
	}else if(!xinnengyuan&&str.length>=6&&pname!='delete'){
		if(str.length==6){
			inp +=pname;
		}
		try{
			if(func){
				try{
					func.userallorders(inp);
				}catch(e){}
			}
		}catch(e){}
		
		layer.closeAll();
		console.log('关闭');
	}else{
		if(pname=='delete'){
			inp = str.substring(0,str.length-1);
		}else if(pname=='ABC'){
			if(str.length>=1){
				setTimeout(function(){
		    		openprovice(2);
		    	},100);
			}
		}else{
			inp +=pname;
			var nt = 2;
			if(pname=='W'){
				nt = 3;
				inp +='J';
			}
			setTimeout(function(){
	    		openprovice(nt);
	    	},100);
			
		}
		$('#input').val(inp);	
		setdiv();
	
	}
	
}
//选择字母或数字
function chooseabc(obj){
	var pname = obj.getAttribute('data-value');
	var fontcolor = obj.style.color;
	var str = $('#input').val();
	console.log(str);
	var inp = str;
	if(xinnengyuan&&str.length>=7&&pname!='delete'){
		if(str.length==7){
			inp +=pname;
		}
		if(func){
			//if(func.userallorders())
			try{
				func.userallorders(inp);
			}catch(e){
				
			}
		}
		layer.closeAll();
		console.log('关闭');
	}else if(!xinnengyuan&&str.length>=6&&pname!='delete'){
		if(str.length==6){
			inp +=pname;
		}
		//mui.toast('车牌号第二位为字母');
		try{
			if(func){
				//if(func.userallorders())
				try{
					func.userallorders(inp);
				}catch(e){
					
				}
			}
		}catch(e){
			
		}
		
		layer.closeAll();
		console.log('关闭');
	}else{
		if(pname=='delete'){
			if($('#input').val().length==2||$('#input').val().length==3){
				//$(".fontcolor").css('color','#999');
				setTimeout(function(){
					keynumbord();
					console.log('初始化');
				},100);
			}
    		inp = str.substring(0,str.length-1);
    		console.log(str.length+"  "+str.substring(0,str.length-1));
    		if(str.length<2){
    			setTimeout(function(){
		    		openprovice(1);
		    	},100);
    		}else if(str.length==3&&str.substring(0,str.length-1)=='WJ'){
    			setTimeout(function(){
		    		openprovice(3);
		    	},100);
	    	}
    		
    	}else if(pname=='返回'){
    		layer.closeAll();
    	}else{
    		if(str.length==1){
    			if(pname=='0'||pname=='1'||pname=='2'||pname=='3'||pname=='4'||pname=='5'||pname=='6'||pname=='7'||pname=='8'||pname=='9'){
    				$.toptip('车牌号第二位为字母','warning');
    				//$.toast('车牌号第二位为字母');
    				return;
    			}
    		}
    		/*if(fontcolor=='rgb(153, 153, 153)'){
    			console.log('颜色是不可点击');
    			return false;
    		}*/
    		setTimeout(function(){
					keynumbord();
					console.log('初始化');
				},100);
    		console.log('颜色  '+fontcolor);
    		inp +=pname;
    	}
    	
    	if($('#input').val().length==2){
			$(".fontcolor").css('color','#000');
		}
    	if($('#input').val().length==6){
			$(".tshu").css('color','#000');
		}else{
			$(".tshu").css('color','#999');
		}
    	
	}
	$('#input').val(inp);
	setdiv();
 	/*setTimeout(function(){
					keynumbord();
					console.log('初始化');
				},100);*/
	
	//openprovice(2);
}
//选择汉字或数字
function choosenumorh(obj){
	var pname = obj.getAttribute('data-value');
	
	var str = $('#input').val();
	var inp = str;
	if(pname=='delete'){
		if($('#input').val()=="WJ"){
			inp ='';
			setTimeout(function(){
	    		openprovice(1);
	    	},100);
		}
		
	}else if(pname=='返回'){
		layer.closeAll();
	}else{
		inp +=pname;
		setTimeout(function(){
    		openprovice(2);
    	},100);
		//openprovice(2);
	}
	$('#input').val(inp);
	//openprovice(2);
	setdiv()
}
/*end*/