yxh
/
CNG


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.runzhixing.bean.CityPlace" %>
<%@ page import="com.runzhixing.bean.CountryPlace" %>
<%@ page import="com.runzhixing.bean.Station" %>
<%@ page import="com.runzhixing.bean.AuthorityRegionPlace" %>
<%@ page import="com.runzhixing.bean.User" %>
<%@ page import="com.runzhixing.constant.Constant" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
User user = (User)session.getAttribute(Constant.userMark); 
List<AuthorityRegionPlace> arplist = user.getPrivilegePlaces1();

List<CityPlace> cplist = new ArrayList<CityPlace>();
List<CountryPlace> cyplist = new ArrayList<CountryPlace>();
List<Station> slist = new ArrayList<Station>();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>动态视图</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta http-equiv="X-UA-Compatible" content="IE=10"/>
	<link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
	<script type="text/javascript" src="css/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="css/easyui/jquery.easyui.min.js"  charset="utf-8"></script>
	<script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js"  charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
	<script type="text/javascript"><!--
		var i = 1;//第几页
		var sum;//总条数
		var totalpage;//总页数
		$(document).ready(function(){
		
			fLoadTable();
			fLoadData(1,10);
		});
		//点击查询按钮
		$('#btninfosearch').click(function(){
			i = 1;
			fLoadData(i,10);
			
		});
		function fLoadTable(){
				$('#tt').datagrid({
				  fit: true,//自动大小   
					title: '参数表',
					width: '100%',
					height: 580,
					toolbar: '#toolbar',
					fitColumns: true,
					singleSelect:false,
					loadMsg:'正在加载, 请稍等 …',
	            	nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
	            	striped : true,//设置为true将交替显示行背景
					collapsible : true,//显示可折叠按钮
					singleSelect:true,//为true时只能选择单行
	            	fitColumns:true,//允许表格自动缩放，以适应父容器
	            	rownumbers:true,
	            	frozenColumns:[[   //选择框
			            {field:'ck',checkbox:true}   
			        ]],
					columns:[[
						{field:'provinceName',title:'省份',width:'12%'},
						{field:'cityName',title:'市州',width:'12%'},
						{field:'countryName',title:'区县',width:'12%'},
						{field:'stationName',title:'加气站',width:'12%'},
						{field:'netState',title:'网络状态',width:'12%',height:'26px',formatter: function(value, row, index){
							if(value=="未知状态"){
								return '<img src="images/rzx/disconnect.png">';
							}else{
								return '<img src="images/rzx/connect.png">';
							}
							
						}},
						{field:'machineName',title:'加气机',width:'12%'},
						{field:'gun1State',title:'1号枪状态',width:'12%',formatter: function(value, row, index){
    if (value == "0") {
        return '<font style="color:green;font-weight: bold;">'+"正常"+'</font>';
    }
    else if(value == "1") {
        return '<font style="color:red;font-weight: bold;">'+"停用"+'</font>';
    }else if(value == "2") {
        return '<font style="color:red;font-weight: bold;">'+"不存在"+'</font>';
    }
}},
						{field:'gun2State',title:'2号枪状态',width:'12%',formatter: function(value, row, index){
    if (value == "1") {
        return '<font style="color:green;font-weight: bold;">'+"正常"+'</font>';
    }
    else if(value == "0") {
        return '<font style="color:red;font-weight: bold;">'+"停用"+'</font>';
    } else if(value == "0") {
        return '<font style="color:red;font-weight: bold;">'+"不存在"+'</font>';
    }
}}
					]]
				});	
		}
		function fLoadData(page,rows){
				 alert("10");
			    $.messager.progress({ 
			        title: '请等待', 
			        msg: '正在加载数据...', 
			        text: '查询中.......' 
			    }); 
			   
				$.ajax({
					type:"POST",
					contentType: "application/x-www-form-urlencoded; charset=UTF-8",
					url:"ajax/carsDataQuery1",
					success:function (data){
							$.messager.progress('close'); 
							var vData = $.parseJSON(data);
							sum = vData.total;
							totalpage = Math.ceil(sum/rows);
							document.getElementById("total").innerText = sum;
							document.getElementById("totalpage").innerText = totalpage;
							$('#tt').datagrid('loadData', vData); //将数据绑定到datagrid   
							$('#pp').pagination({ 
							total:sum, 
							pageList: [2,10,50,100],
							 beforePageText: '第',//页数文本框前显示的汉字   
							        afterPageText: '页    共 {pages} 页',   
							        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录', 
							onSelectPage:function(pageNumber, pageSize){
										fLoadData(1,10);
								}
							
							
							}); 
											}
				});
	
			
		}
		
		function selectCountry(){
			var id=document.getElementById("city").value;
			
			//document.getElementById("hiddenCity").value=id;
			 var select = document.getElementById("country");
			alert(id);
			for(var i=select.options.length-1;i>=0;i--) {
								select.options.remove(i);
							}
			$.ajax({
					type:"POST",
					contentType: "application/x-www-form-urlencoded; charset=UTF-8",
					url:"ajax/hiddenCity?cityId="+id,
					success:function (data){
						
							
							
								var obj=eval("(" + data + ")");

						    $.each(obj.rows, function(i,item){      
							select.options.add(new Option(item.name, item.id));
  });
						      
							
							
											}
				});
		}
		
		function selectStation(){
		var id=document.getElementById("city").value;
			var id1=document.getElementById("country").value;
			
			//document.getElementById("hiddenCity").value=id;
			 var select = document.getElementById("station");
			alert(id);
			for(var i=select.options.length-1;i>=0;i--) {
								select.options.remove(i);
							}
			$.ajax({
					type:"POST",
					contentType: "application/x-www-form-urlencoded; charset=UTF-8",
					url:"ajax/hiddenCountry?countryId="+id1+"&cityId="+id,
					success:function (data){
							var obj=eval("(" + data + ")");
						    $.each(obj.rows, function(i,item){      
							select.options.add(new Option(item.name, item.id));
  });
						      
							
							
											}
				});
		}
	--></script>
  </head>
  
  <body>
    <!-- 查询结果：数据表格 -->
  	<table id="tt"  cellspacing="0" cellpadding="0" >
	</table>
	<div id="" style="background:#efefef;width:100%; border:1px solid #ccc;position: absolute;bottom: 0px;float: left; filter: alpha(opacity=70); opacity: 0.7">
			<!--<input type="text" id="pageNumber">-->
			<div style="float: left;text-align: left;padding-left: 20px;">
				<span class="hzbspan">第</span><span id="pageNumber" class="hzbspan"></span><span class="hzbspan">页  共</span><span class="hzbspan" id="totalpage"></span><span class="hzbspan">页 </span>
				<select onchange="changeSize();" id="pageSize">
					<option value="5">5</option>
					<option  value="10" selected="selected">10</option>
					<option value="20">20</option>
					<option value="30">30</option>
				</select>
				<a id="prepage" class="easyui-linkbutton easyui-tooltip" title="上一页" data-options="iconCls:'icon-undo',plain:true" ></a>
				<input type="text" id="selectpage" style="width: 30px;" onchange="selectpage();"/>
				<a id="nextpage" class="easyui-linkbutton easyui-tooltip" title="下一页" data-options="iconCls:'icon-redo',plain:true" ></a>
			</div>
			<div style="float: left;text-align: right;position: absolute;right: 20px;padding-top: 2px" ><span class="hzbspan">当前显示</span><span class="hzbspan" id="from"></span>-<span class="hzbspan" id="to"></span><span class="hzbspan"> 记录   共</span><span class="hzbspan" id ="total"></span><span class="hzbspan">条记录</span></div>
	</div>
	<div id="toolbar" style="padding-top: 10px;height: 30px;">
  		<form id="aeratedmachinerunningstateform" action="ajax/aeratedmachinerunningstate" method="post">
  		<span class="easyui-linkbutton"    style="cursor: default;margin-bottom:  5px;"><span class="hzbspan" style="color: #f08300;font-size: 16px;" >省:</span></span>&nbsp;&nbsp;
			<select  name="province" style="width: auto;height: 24px;min-width: 100px;" class="hzbspan">
				<%for(AuthorityRegionPlace arp:arplist){
					cplist = arp.getCityPlace();
				 %>
					<option value="<%=arp.getId() %>">
						<%=arp.getName() %>
					</option>
				<%} %>
			</select>&nbsp;&nbsp;
  		
			<span class="easyui-linkbutton"    style="cursor: default;margin-bottom:  5px;"><span class="hzbspan" style="color: #f08300;font-size: 16px;" >市:</span></span>&nbsp;&nbsp;
			<select  name="city" id="city" style="width: auto;height: 24px;min-width: 100px;" class="hzbspan" onchange="selectCountry()">
				<option value="">全部</option>
				<%
					
					for(CityPlace cp:cplist){
					cyplist = cp.getSubPlaceList();
				%>		
					
					<option value="<%=cp.getId() %>">
						<%=cp.getName() %>
					</option>
					
				 
				<%} %>
			</select>&nbsp;&nbsp;
			<span class="easyui-linkbutton"    style="cursor: default;margin-bottom:  5px;"><span class="hzbspan" style="color: #f08300;font-size: 16px;" >县:</span></span>&nbsp;&nbsp;
			<select  name="country" id = "country" style="width: auto;height: 24px;min-width: 100px;" class="hzbspan"  onchange="selectStation()">
				<option value="">全部</option>
				</select>&nbsp;&nbsp;
			
			
			
			
				<!--<span class="easyui-linkbutton"    style="cursor: default;margin-bottom:  5px;"><span class="hzbspan" style="color: #f08300;font-size: 16px;" >加气站:</span></span>&nbsp;&nbsp;
			<select  name="station" id="station" style="width: auto;height: 24px;min-width: 100px;" class="hzbspan">
				<option value="">全部</option>
			</select>&nbsp;&nbsp;
			--><a id="btninfosearch" class="easyui-linkbutton" icon="icon-search"  onclick="fLoadData(1,10)"  style="margin-bottom:  5px;" ><span class="hzbspan" style="color: #f08300;font-size: 16px;">查&nbsp;&nbsp;询&nbsp;&nbsp;</span></a> 
		</form>	
	</div>
	<form action="hiddenCity" name="hiddenCityform">
		<input type="text" id="hiddenCity" />
	</form>
	
	<input type="hidden" id="hiddenStationNo"/>
	<input type="hidden" id="hiddenMachineNo"/>
  </body>
</html>