wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
							<%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<title>车队车辆管理</title>

<link href="/shares/js/yw/master1/liger/skins/ynet/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="/shares/css/yw/master1/reset.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/shares/js/file.js"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script> 
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script type="text/javascript" src="/shares/js/common.js"></script>
<script type="text/javascript" src="/shares/js/constant.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1/page.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1/common.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1/searchBox.js"></script>
<script type="text/javascript">

$(function(){
	$("#carTypeuniversalid").ligerComboBox({selectBoxHeight: 250});
});

var managerTree = "";
var dialog = "";
$("#motorcade").val("");
$(function() {
	submitItemName();
	loadTree();
});

function loadTree(){
	$("#carTypeTree").empty();
	managerTree = carTypeTree("carMotorcadeCarAction.do?task=toMotorcadeList&time=" + new Date().getTime(),"carTypeTree",clickEvent,onSuccess);
}

function carTypeTree(treeAction, treeId, clickEvent) {
	var manager = "";
	$("#" + treeId).ligerTree({
		url : PROJECT_NAME + "/" + changePath(treeAction),
		checkbox : false,
		folderCheckbox : false,
		single : true,
		childIcon : 'folder',
		idFieldName : 'id',
		parentIDFieldName : 'pids',
		//textFieldName : 'dictionary_name',//树名
		slide : false,
		nodeWidth : 160,
		openFolderEven: false,
		attribute : [ 'id', 'url' ],
		onSelect : function(node) {
			clickEvent(node);
			submitItemName();
		},
		onclick : function(node) {
			
		},
		onSuccess : function() {
			if (onSuccess)onSuccess();
		}
	});
	manager = $("#" + treeId).ligerGetTreeManager();
	return manager;
}

function clickEvent(node){ 
	var universalid = node.data.id;
	if(node.data.pids == 0){
		$("#motorcade").val("");
	}else{
		$("#motorcade").val(universalid);
	}
	 var  plate_numbers= document.getElementById("plate_number").value;//车牌号
	 var plate_number = "";
	 if (plate_numbers != "" && typeof plate_numbers != "undefined") {
	    plate_number = encodeURI(encodeURI(plate_numbers));
	 }
	 var  motorcades= document.getElementById("motorcade").value;//车队
	 var motorcade = "";
	 if (motorcades != "" && typeof motorcades != "undefined") {
		 motorcade = encodeURI(encodeURI(motorcades));
	 }
	 var carTypeuniversalid = $("#carTypeuniversalid").val();
	 var cbx = document.getElementsByName("choose");   
     var chooseType="";   
     for(var i=0;i<cbx.length;i++){   
     if (cbx[i].checked){  
    	 chooseType=cbx[i].value; break;    
     	}    
     }  	
     var iframe = document.getElementsByName("content2")[0];
     var a="MTState.do?task=loadCar&carTypeuniversalid="+carTypeuniversalid+"&chooseType="+chooseType+"&motorcade="+motorcade+"&plate_number="+plate_number; 
     if(iframe!=null)iframe.src = a;
}

function onSuccess(){
	managerTree.expandAll();
	var id = $("#motorcadeOne").val();
	managerTree.selectNode(id);
}
	
	//树宽高度
	$(function() {
		$("#layout1").ligerLayout({
			leftWidth : 220,
			height : '95%'
		});
	});
	
	var ky = "${requestScope.ky}";
	var cc = "${requestScope.cc}";
	var wx = "${requestScope.wx}";
	var qt = "${requestScope.qt}";
	var sq = "${requestScope.sq}";
	
	function submitItemName() {
		 var  plate_numbers= document.getElementById("plate_number").value;//车牌号
		 var plate_number = "";
		 if (plate_numbers != "" && typeof plate_numbers != "undefined") {
		    plate_number = encodeURI(encodeURI(plate_numbers));
		 }
		 var  motorcades= document.getElementById("motorcade").value;//车队
		 var motorcade = "";
		 if (motorcades != "" && typeof motorcades != "undefined") {
			 motorcade = encodeURI(encodeURI(motorcades));
		 }
		 var carTypeuniversalid = $("#carTypeuniversalid").val();
		 var cbx = document.getElementsByName("choose");   
         var chooseType="";   
         for(var i=0;i<cbx.length;i++){   
         if (cbx[i].checked){  
        	 chooseType=cbx[i].value; break;    
         	}    
         }  
         
         var iframe = document.getElementsByName("content2")[0];
         var a="MTState.do?task=loadCar&carTypeuniversalid="+carTypeuniversalid+"&chooseType="+chooseType+"&motorcade="+motorcade+"&plate_number="+plate_number; 
         if(iframe!=null)iframe.src = a;
         
		sendAsyncAjax({"carTypeuniversalid" : carTypeuniversalid,
					   "chooseType" :chooseType,
					   "motorcade" : motorcade}, 
					   "carStateAction.do?task=toItemName&plate_number="+plate_number+"", "json", process2);
		}
		function process2(data){	
			var html = "";
			var kys = 0;var ccs = 0;var wxs = 0;var qts = 0;var sqs = 0;
			for(i=0;i<data.length;i++){ 
				var arr1 = data[i]; 
			    if(arr1["car_state"] == ky){
			    	kys+=1;
			    }
			    if(arr1["car_state"] == sq){
			    	sqs+=1;
			    }
			    if(arr1["car_state"] == cc){
			    	ccs+=1;
			    }
			    if(arr1["car_state"] == wx){
			    	wxs+=1;
			    }
			    if(arr1["car_state"] == qt){
			    	qts+=1;
			    }
			}
		//$(sum).append('<div style="height: 25px;color: red;">&nbsp;可用 '+kys+' 辆,&nbsp; 出车'+ccs+' 辆,&nbsp;申请中 '+sqs+' 辆,&nbsp;维修 '+wxs+' 辆,&nbsp;其它 '+qts+' 辆</div>');
		/* $(sum).append('&nbsp;可用 '+kys+' 辆,&nbsp; 出车'+ccs+' 辆,&nbsp;维修 '+wxs+' 辆'); */
		$("#kys").html(kys);
		$("#ccs").html(ccs);
		$("#wxs").html(wxs);
	}

	
	//查询
	function searchByKword(){
		var  titlename= searchBox.getValue();
		//var plate_number2 = $("#plate_number2").val();
		if (titlename != "" && typeof (titlename) != "undefined") {
			$("#plate_number").val(titlename);
		}else{
			$("#plate_number").val("");
		}
		
		submitItemName();
	}
	
	//一分钟自动刷新车辆状态页面
	function myrefresh() { 
       window.location.reload(); 
	} 

	$(function(){
		setTimeout('myrefresh()',50000); //指定一分钟刷新一次 
	});
	
	

	
	$(document).ready(function() {
		$("[name='plate_number']").focus();
	});
	
	
	
	function changeType(objValue){
		submitItemName();
	}
	
	function refresh(){
		loadTree();
	}
	

</script>
</head>
	<body>
			<input type="hidden" name="motorcadePid" id="motorcadePid" value="${motorcade.pid}"/>
			<input type="hidden" name="motorcadeId" id="motorcadeId" value="${motorcade.universalid}"/>
			<input type="hidden" name="selectMotorcadeType" id="selectMotorcadeType" />
			<input type="hidden" name="selectMotorcadeTypePid" id="selectMotorcadeTypePid" />
			<input type="hidden" name="selectMotorcade_name" id="selectMotorcade_name" />
		<div class="tc_b">
		<div id="left" style="float:left;width:100%;">
		<div class="tr_con b5 f4">
		<div class="fl">
			<div class="fl f4">
				<img src="/shares/images/master1/wdrw_ico.png" width="25" height="31" />&nbsp;车队状态图
			</div>
		</div>
		<div class="fl mar5" style="margin-left:98px;">
			<div class="fl f10 ">车辆类型：</div>
			<div class="fl mar6 ">
				 <select id="carTypeuniversalid" name="carTypeuniversalid" onchange="changeType(this.value);">
						<option value="">-选择-</option>
						<c:forEach items="${dictionaries2 }" var="dictionaries2">
							<option value="${dictionaries2.dictionary_code }">${dictionaries2.dictionary_name }</option>
						</c:forEach>
				</select>
			</div>  
			<div><font style="color: #ffffff;">（鼠标右击车辆图标进行操作 ）</font></div>		
		</div>
		<div class="div_ck_k fr">
			<input class="div_cx fl" name="plate_number2" id="plate_number2" type="text"  value="输入车牌号"/>
			<input name="plate_number" id="plate_number" type="hidden" />
  			<input class="btn_ck fl" type="button" id="button" onclick="searchByKword()"/>
		</div>	
		</div>
		<div class="tr_right_bg fl" style="width:17%;height:440px;background:#fff" >   		
			<!-- <div style="background-color: blue;">车队</div> -->
			<!-- <input class="btn_c" onclick="refresh()" type="button" value="刷新" style="width: 31%;"/>  -->
			<ul id="carTypeTree" class="tree" style="margin-top: 3px;"></ul>
		</div>
		<div class="tr_right_bg fl" style="width: 79.8%;height:30px;margin-left: 5px" >
			<span>
				&nbsp;车辆状态：<input type="radio" name="choose" checked="checked" value="" onclick="submitItemName()"> 全部&nbsp;
				<c:forEach items="${dictionaries }" var="dictionaries">
					<input type="radio" id="choose" name="choose" value="${dictionaries.dictionary_code }" onclick="submitItemName()"> 
						${dictionaries.dictionary_name }&nbsp;
				</c:forEach>
			</span>
			<span>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图标说明：
				<img width="29" height="29" src="/shares/images/car/carImg/ky.png" border=0 />可用
				<img width="29" height="29" src="/shares/images/car/carImg/cc.png" border=0 />出车
				<img width="29" height="29" src="/shares/images/car/carImg/wx.png" border=0 />维修
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</span>
			<span style="color: red;">
				可用 <span id="kys">0</span> 辆,&nbsp; 出车 <span id="ccs">0</span>  辆,&nbsp;维修 <span id="wxs">0</span> 辆
			</span>
		</div>
		<div class="tr_right_bg fl" style="width: 79.8%;height:399px;margin-left: 5px" >
			<iframe scrolling="auto" id="tree-main" name="content2" id="content2" frameborder="0" width="100%" height="99%" src="MTState.do?task=loadCar"></iframe>
		</div>
		</div>
		<input type="hidden" id="parentId" name="parentId" value="">
		<input type="hidden" name="audit_state" id="audit_state" value=""/>
		<input type="hidden" name="motorcade" id="motorcade" value=""/>
		<input type="hidden" name="motorcadeOne" id="motorcadeOne" value="${motorcade2.universalid }"/>
		</div>
		</body>
</html>