yxh
/
CNG


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";


%>

<!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;//总页数
		var pageSize =10;
		$(document).ready(function(){
			fLoadTable();
			pageSize = $('#pageSize').val();
			fLoadData(i,pageSize);
			//selectCountry();
		});
		function fLoadTable(){
		
				$('#tt').datagrid({
				  fit: true,//自动大小   
					title: '证书信息表',
					width: '100%',
					height: 580,
					fitColumns: true,
					singleSelect:false,
					loadMsg:'正在加载, 请稍等 …',
	            	nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
	            	striped : true,//设置为true将交替显示行背景
					collapsible : true,//显示可折叠按钮
					singleSelect:true,//为true时只能选择单行
	            	fitColumns:true,//允许表格自动缩放，以适应父容器
	            	rownumbers:true,
	            	pagination:true,//分页控件 
					columns:[[
						{field:'stationNo',title:'站点编号',width:'12%'},
						
						{field:'stationName',title:'站点',width:'12%'},
						{field:'licence',title:'证书',width:'16%'},
						{field:'licenceorg',title:'证书机构',width:'12%'},
						{field:'licencedate',title:'证书日期',width:'12%'},
						{field:'validity',title:'有效期',width:'12%'},
						{field:'manager',title:'联系人',width:'12%'},
						{field:'phone',title:'电话',width:'12%'}
						
					]]
				});	
		}
		function show(message) {  
	            $.messager.show({  
	                title: '提示信息',  
	                msg: message,  
	                timeout: 2000,  
	                showType: 'slide'  
	            });  
	        }
		
		
		function fLoadData(page,rows){
				document.getElementById("pageNumber").innerText = i;
				document.getElementById("from").innerText = (page-1)*rows;
				document.getElementById("to").innerText = page*rows;
			    $.messager.progress({ 
			        title: '请等待', 
			        msg: '正在加载数据...', 
			        text: '查询中.......' 
			    }); 
				$.ajax({
					type:"POST",
					contentType: "application/x-www-form-urlencoded; charset=UTF-8",
					data:$('#BlackListform').serialize(),
					url:"ajax/checkValidity",
					success:function (data){
							$.messager.progress('close'); 
							var vData = $.parseJSON(data);
							sum = vData.total;
							if(sum==0){
								show("没有查询到相关信息!!!");
							}
							totalpage = Math.ceil(sum/rows);
							document.getElementById("total").innerText = sum;
							document.getElementById("totalpage").innerText = totalpage;
							$('#tt').datagrid('loadData', vData); //将数据绑定到datagrid   
							var p = $('#tt').datagrid('getPager'); 
							$(p).pagination({ 
						        pageList: [10,20,30,100,200,400],//可以设置每页记录条数的列表 
						        beforePageText: '第',//页数文本框前显示的汉字 
						        afterPageText: '页    共 {pages} 页', 
						        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录', 
								onSelectPage: function (pageNumber, pageSize) { 
					                fLoadData(pageNumber, pageSize); 
           						 } 
							
							});

											}
				});
	
			
		}
		
		
	</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;display: none;">
			<!--<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" onclick="paginationpre()" 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" onclick="paginationnext()" 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>
  </body>
</html>