~whychwj/haha.git

New file
			@@ -0,0 +1,483 @@
			<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
			<%
			String path = request.getContextPath();
			String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
			%>
			<%@ taglib uri="/struts-tags" prefix="s"%>
			<!DOCTYPE HTML>
			<html>
			<head>
			<!-- 默认使用最高内核 -->
			<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
			<base href="<%=basePath%>">
			<title>电池组状态统计管理</title>
			<link rel="stylesheet" href="css/basic.css">
			<link rel="stylesheet" type="text/css" href="css/nocontent.css">
			<link rel="stylesheet" type="text/css" href="css/loading.css">
			<link rel="stylesheet" type="text/css" href="css/basic-layout.css"/>
			<link rel="stylesheet" href="css/sidebar.css" />
			<link rel="stylesheet" href="css/confirm.css" />
			<style type="text/css">
			.b8cfe5 {
			background-color: #b8cfe5 !important;
			}
			.filter-container .filter-content th {
			text-align: center;
			}
			</style>
			</head>

			<body>
			<!--头部内容开始-->
			<jsp:include page="Top.jsp" flush="true"/>
			<!--头部内容结束-->
			<!--导航开始-->
			<jsp:include page="nav.jsp" flush="true"/>
			<div class="page-content">
			<div class="content-item data-show">
			<div class="data-container">
			<!-- 筛选条件 -->
			<div class="filter-container">
			<div class="filter-title"><a href="javascript:changeFilterStats();">基站状态统计查询--><s:text name="Show/hide_the_query_conditions"/></a></div>
			<div class="filter-content">
			<table>
			<tbody>
			<tr>
			<th>省</th> <!-- 省 -->
			<th>市</th> <!-- 市 -->
			<th><s:text name="Computer_site"/></th> <!-- 机房站点 -->

			<th colspan="2" style="width: 30%;">时间</th> <!-- 开始告警日期 -->
			<th>统计方式</th>
			</tr>
			<tr>
			<td>
			<select name="" id="station_name1">

			</select>
			</td>
			<td>
			<select name="" id="city">

			</select>
			</td>
			<td>
			<select name="" id="station_name3">

			</select>
			</td>

			<td><input type="text" id="startalm" readonly="readonly" name="bmd.adata.alm_start_time" value="2000-1-1" /></td>
			<td><input type="text" id="endTalm" readonly="readonly" name="bmd.adata.alm_start_time1" /></td>
			<td>
			<select>
			<option>无</option>
			<option>按年统计</option>
			<option>按月统计</option>
			</select>
			</td>
			</tr>
			</tbody>
			</table>
			<table class="condi-opt">
			<tr>

			<td>
			<input type="checkbox" id="" name="" checked="checked" value="" class="" />停电 <!-- 停电 -->
			</td>
			<td>
			<input type="checkbox" id="" name="" checked="checked" value="" class="" />发电 <!-- 发电 -->
			</td>
			<td>
			<input type="checkbox" id="" name="" checked="checked" value="" class="">掉站 <!-- 掉站 -->
			</td>

			<td><input type="checkbox" id="" name="" value="" class="" checked="checked">开门异常</td> <!-- 开门，开关电源异常 -->
			<td><input type="checkbox" name="" id="" checked="checked" value="" class="">温度上限告警</td>
			<td><input type="checkbox" name="" id="" checked="checked" value="" class="">温度下限告警</td> <!-- 温度异常 -->
			<td><input type="checkbox" name="" id="" checked="checked" value="" class="">湿度上限告警</td>
			<td><input type="checkbox" name="" id="" checked="checked" value="" class="">湿度下限告警</td> <!-- 湿度异常 -->
			</tr>
			</table>
			</div>
			</div>
			<!-- 导出表格数据的表单 -->
			<form id="export_excel" action="ExportTable.servlet" method="post">
			<input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/>
			<input type="hidden" id="table_th_arr" name="table_th_arr"/>
			<input type="hidden" id="table_td_arr" name="table_td_arr"/>
			</form>

			<!-- 数据表格显示 -->
			<div class="tbl-header"></div>
			<div class="tbl-body"></div>
			<div class="data-footer">
			<!-- 分页内容 -->
			<div id="paging">
			<a href="javascript:" class="search"><s:text name="Search"/></a> <!-- 查询 -->
			<a href="javascript:" id="export_table"><s:text name="Export"/></a> <!-- 导出 -->
			<span id="current">1/1</span>
			<span><s:text name="Each_page"/><!-- 每页 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 条 --></span>
			<s:text name="Total_data"/><!-- 数据总量 --><span id="total">0</span>
			<a href="javascript:" id="home"><s:text name="HomePage"/><!-- 首页 --></a>
			<a href="javascript:" id="pre"><s:text name="Page_Up"/><!-- 上一页 --></a>
			<a href="javascript:" id="next_p"><s:text name="Page_Down"/><!-- 下一页 --></a>
			<a href="javascript:" id="last"><s:text name="End_Page"/><!-- 尾页 --></a>
			<span id="cont">
			<s:text name="Goto"/><!-- 转到 --><input type="text" id="page_num" value="1"/>
			<a href="javascript:" id="go"><s:text name="Jump"/><!-- 跳转 --></a>
			</span>
			</div>
			</div>
			</div>
			</div>
			</div>
			<script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
			<script type="text/javascript" src="js/equip-stats-change.jquery.ui.js"></script>
			<script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
			<script type="text/javascript" src="js/basic-layout.js"></script>
			<script type="text/javascript" src="js/sidebar.js"></script>
			<script type="text/javascript" src="js/rightmenu.js"></script>
			<script type="text/javascript" src="js/myConfirm.js"></script>
			<script type="text/javascript" src="js/myinterval.js"></script>
			<script type="text/javascript" src="js/pageUtil.js"></script>
			<script type="text/javascript">
			var permits;
			<% Object obj=session.getAttribute("permits");
			if(obj!=null){
			String permits =obj.toString(); %>
			permits=<%=permits%>;
			//console.info(json);
			<% } %>
			var Page = {
			pageCurr:1,
			pageSize:10,
			pageAll:0
			};

			var ArrWarnTh; //表头数据
			var ArrWarnTb; //表格数据

			$(function () {
			// 初始化页面的数据
			//自定义数组变量，数组的值为电池告警表格的表头编号机房名称电池组名称告警名称单体编号告警值告警等级告警确认告警确认时间告警开始时间告警截止时间
			ArrWarnTh = ['机房名称','停电次数','发电次数','掉站次数','开门异常次数','温度上限告警','温度下限告警','湿度上限告警','湿度下限告警'];
			ArrWarnTb = new Array(); // 用于存放表格数据

			createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb);
			var arr=$.map(ArrWarnTh,function(n){return{'name':n,'state':1 }});
			$('.condi-opt td').each(function(k){
			$(this).find('input').click(function(){
			var changeTh=[];
			if($(this).prop("checked")){arr[k+1].state=1;}
			else{arr[k+1].state=0;}
			$.each(arr,function(i,v){if(v.state){changeTh.push(v.name)}});
			createFullTbl($('.tbl-header'), $('.tbl-body'), changeTh, ArrWarnTb);
			})
			});

			// 点击表格的右键显示右键菜单
			var $tblBody = $('.tbl-body');
			var tblBody = $tblBody.get(0);
			tblBody.oncontextmenu = function() {
			return false;
			};

			$('.tbl-body').on('click', 'table tbody tr', function() {
			$('.tbl-body table tbody tr').removeClass('b8cfe5');
			$(this).addClass('b8cfe5');
			});

			var menuItems = [
			{cla:'all-pitch', txt:'全部选中'},
			{cla:'del', txt:'删除'}
			];
			$('.tbl-body').on('mousedown', 'table tbody tr', function(e) {
			//利用jquery的方式获取当前点击的是否是右键
			if(e.which==3) {
			if(!$(this).hasClass('b8cfe5')) {
			$('.tbl-body table tbody tr').removeClass('b8cfe5');
			$(this).addClass('b8cfe5');
			}
			//alert($(this).attr('class'));
			var disX=(e\|\|event).clientX+10; //获取鼠标点击的横坐标
			var disY=(e\|\|event).clientY+10; // 获取鼠标点击的纵坐标
			var scrollY=$(document).scrollTop();

			rightMenu.showMenu(menuItems,disX, disY);
			}
			});
			});

			// 点击全部选中触发条件
			$('body').on('click', '#rightMenu .all-pitch', function() {
			$('.tbl-body table tbody tr').addClass('b8cfe5');

			});



			//导出表格
			$('#export_table').click(function(){
			exprotTable($('.tbl-body table thead th'),$('.tbl-body table tbody td'),$('#export_excel'),$('#table_th_arr'),$('#table_td_arr'));
			});

			//导出表格数据的方法
			function exprotTable(eleTh,eleTd,eleform,eleTh_Text,eleTd_Text){
			//alert("导出");
			var ArrTh=new Array();
			for(var i=0;i<eleTh.length;i++)
			{
			ArrTh[i]=eleTh.eq(i).text();
			}
			var ArrTd=new Array();
			for(var i=0;i<eleTd.length;i++)
			{
			if(eleTd.eq(i).find('input').length!=0){
			//alert(12);
			if(eleTd.eq(i).find('input').is(':checked')){
			ArrTd[i]='是';
			}else{
			ArrTd[i]='否';
			}
			}else{
			ArrTd[i]=eleTd.eq(i).text();
			}
			}
			eleTh_Text.attr('value',ArrTh);
			eleTd_Text.attr('value',ArrTd);
			//console.info(ArrTh);
			//console.info(ArrTd);
			eleform.submit();
			}


			$(function(){
			//点击查询按钮
			$('#paging .search').click(function(){

			});
			});


			var formjson;



			//构造查询条件对象
			function createSearchForm(){
			var temp={
			page:Page,
			binf:{
			StationName1:$('#station_name1').val(), // 省
			StationName2:$('#city').val(), // 市
			StationName:$('#station_name').val(), //机房名称

			}

			};
			return temp;
			}




			// 省-市-机房-电池组
			$(document).ready(function(){
			//页面加载时查询维护区中的枢纽类型
			$.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",null,function(data){
			data=data.result;
			data=eval("("+data+")");
			//console.info(data);
			if(data.code==1 && data.data.length>0){
			var $select = $("#station_name1");
			$select.text('');
			for(var i=0;i<=data.data.length;i++){
			$option=$("<option></option>");
			if(i==0){
			$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)");
			$option.attr("value", "");
			}else{
			$option.text(data.data[i-1]);
			$option.attr("value",data.data[i-1]);
			}
			$select.append($option);
			}
			}else{
			$("#station_name1").text('').html('<option>暂无管理的维护区</option>');
			}
			findCity();
			});
			});

			function findCity() {
			var data = {
			StationName1: $("#station_name1").val()
			};
			// 请求获取当前省下的市
			$.ajax({
			type: "post",
			url: "BattInfAction!serchStationName2",
			async:true,
			dataType:'json',
			data:"json = "+JSON.stringify(data),
			success: function(data){
			var rs = JSON.parse(data.result);
			var $select = $("#city");
			if(rs.code == 1) {
			var _data= rs.data;
			// 根据数据构造生成下拉列表的数据
			var optsList = [];
			for(var i=0;i<_data.length;i++){
			var __data = _data[i];
			var tmp = getOptionsData(__data.StationName2, __data.StationName2, __data);
			optsList.push(tmp);
			}
			// 根据数据生成下拉列表
			createOptions($select, optsList, true);
			}else {
			$select.text('').html('<option>暂无可测市</option>');
			}
			findStationNamebyStationname1();
			}
			});
			}
			//当维护区的值变换时更新市
			$('#station_name1').change(function(){
			findCity();
			});
			//当维护区的值变换时更新机房站点
			$('#city').change(function(){
			findStationNamebyStationname1();
			});

			//根据省，市查询站点
			function findStationNamebyStationname1(){
			var tmp = {
			StationName1:$("#station_name1").val(),
			StationName2:$("#city").val()
			};
			//var selectvalue=$("#station_name1 option:selected").val();
			//alert(selectvalue);
			$.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(data){
			var rs = JSON.parse(data.result);
			if(rs.code==1){
			var _data = rs.data;
			var $select = $("#station_name3");
			// 根据数据构造生成下拉列表的数据
			var optsList = [];
			for(var i=0;i<_data.length;i++){
			var __data = _data[i];
			var _attr = {
			StationId: __data.StationId
			};
			var tmp = getOptionsData(__data.StationName3, __data.StationName, __data, _attr);
			optsList.push(tmp);
			}

			// 根据数据生成下拉列表
			createOptions($select, optsList, true);
			}else{
			$("#station_name3").text('').html('<option>暂无可测机房站点</option>');
			}
			});
			}

			//首页
			$('#home').click(function(){
			if(Page!=undefined){
			var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
			if(Page.pageCurr != 1){
			Page.pageCurr=1;
			$('#paging .search').click();
			}
			}
			});

			//点击上一页
			$("#pre").click(function(){
			if(Page!=undefined){
			if(Page.pageCurr > 1){
			Page.pageCurr = Page.pageCurr-1;
			$('#paging .search').click();
			}
			}
			});


			//点击下一页
			$("#next_p").click(function(){
			if(Page!=undefined){
			var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
			if(Page.pageCurr < pageNum){
			Page.pageCurr = Page.pageCurr+1;

			//console.info(Page);
			$('#paging .search').click();
			}
			}
			});

			//尾页
			$('#last').click(function(){
			if(Page !=undefined){
			var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
			if(Page.pageCurr<pageNum){
			Page.pageCurr = pageNum;
			$('#paging .search').click();
			}
			}
			});


			//设置每页行数
			$('#number').blur(function(){
			var value=$('#number').attr("value");
			//当输入的数大于0时
			if(value>0){
			value=parseInt(value);
			if(Page.pageSize != value){
			Page.pageSize = value;
			Page.pageCurr = 1;
			}
			}else{
			//当输入非法数字时
			alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 请输入合法的整数 */
			$('#number').attr('value',Page.pageSize);
			}
			});

			//填写完跳转到指定页
			$('#page_num').blur(function(){
			var tarpage=$('#page_num').attr('value');
			if(tarpage>0){

			}else{
			alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 请输入合法的数字 */
			$('#page_num').attr('value',Page.pageCurr);
			}
			});

			//点击跳转
			$('#go').click(function(){
			var tarpage=$('#page_num').attr('value');
			tarpage=parseInt(tarpage);
			if(Page!=undefined && Page.pageAll != 0){
			var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
			if(tarpage > pageNum){
			tarpage=pageNum;
			$('#page_num').attr('value',pageNum);
			}
			Page.pageCurr= tarpage;
			}else{
			Page.pageCurr= tarpage;
			}
			$('#paging .search').click();
			});




			</script>
			</body>
			</html>