<%@ 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 id="statistics">
|
<option value=3>按年统计</option>
|
<option value=1>按月统计</option>
|
</select>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="condi-opt">
|
<tr>
|
|
|
<input type="hidden" id="ALM_TYPE_BTS9100S_POFF_ComError" name="" value="" class="" /> <!-- 停电 -->
|
|
<input type="hidden" id="ALM_TYPE_BTS9100S_FADIAN_ComError" name="" value="" class="" /> <!-- 发电 -->
|
|
<input type="hidden" id="ALM_TYPE_BTS9100S_DIAOZHAN_ComError" name="" value="" class=""> <!-- 掉站 -->
|
|
|
<input type="hidden" id="ALM_TYPE_BTS9100S_DOOROPEN_ComError" name="" value="" class="" > <!-- 开门，开关电源异常 -->
|
<input type="hidden" id="ALM_TYPE_BTS9100S_TEMPUP_ComError" name="" value="" class="">
|
<input type="hidden" id="ALM_TYPE_BTS9100S_TEMPLOW_ComError" name="" value="" class=""> <!-- 温度异常 -->
|
<input type="hidden" id="ALM_TYPE_BTS9100S_DAMPUP_ComError" name="" value="" class="">
|
<input type="hidden" id="ALM_TYPE_BTS9100S_DAMPLOW_ComError" name="" value="" class=""> <!-- 湿度异常 -->
|
</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 $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 check = $("#ALM_TYPE_BTS9100S_FADIAN_ComError").attr("checked");
|
//console.info(check);
|
serachBattStatistical();
|
});
|
});
|
|
|
var formjson;
|
|
function serachBattStatistical(){
|
var temp = createSearchForm();
|
var json = JSON.stringify(temp);
|
ArrWarnTb = new Array();
|
$.ajax({
|
type:"post",
|
url:"Batt_devalarm_data_historyAction!serchStateBydev_id",
|
async:true,
|
dataType:'json',
|
data:"json="+json,
|
success:function(data){
|
var data=JSON.parse(data.result);
|
var index=0;
|
//console.info(data);
|
if(data.code==1&&data!=null){
|
data=data.data;
|
Page.pageAll = data.length;
|
var pageNum=Math.ceil(Page.pageAll/Page.pageSize);
|
$('#total').text(Page.pageAll);
|
$('#current').text(Page.pageCurr+"/"+pageNum);
|
var currentStartdata=Math.ceil((Page.pageCurr-1)*Page.pageSize);
|
var currenEnddata = 0;
|
if(Page.pageAll-(Page.pageCurr-1)*Page.pageSize<Page.pageSize){
|
currenEnddata =(Page.pageAll-(Page.pageCurr-1)*Page.pageSize)+(Page.pageCurr-1)*Page.pageSize;
|
}else{
|
currenEnddata = (Page.pageCurr)*Page.pageSize;
|
}
|
//console.info(currenEnddata);
|
for(i=currentStartdata;i<currenEnddata;i++){
|
//console.info(data);
|
ArrWarnTb[index++]=data[i].dev_ip; //告警时间段
|
ArrWarnTb[index++]=data[i].stationName; //机房名称
|
ArrWarnTb[index++]=data[i].num; //停电
|
ArrWarnTb[index++]=data[i].record_id; //发电次数
|
ArrWarnTb[index++]=data[i].alm_type; //掉站次数
|
ArrWarnTb[index++]=data[i].alm_level; //开门异常
|
ArrWarnTb[index++]=data[i].alm_is_confirmed;//温度上限
|
ArrWarnTb[index++]=data[i].alm_cleared_type;//温度下限
|
ArrWarnTb[index++]=data[i].usr_id; //湿度上限
|
ArrWarnTb[index++]=data[i].note; //湿度下限
|
}
|
createFullTbl($('.tbl-header'), $('.tbl-body'), ArrWarnTh, ArrWarnTb);
|
}
|
}
|
})
|
}
|
//构造查询条件对象
|
// function creatArrTb(var arr,int){
|
// var arr = new Array();
|
|
// return arr;
|
// }
|
function createSearchForm(){
|
var stationid = $('#station_name3').find("option:selected").attr('Stationid');
|
var temp={
|
StationName1:$('#station_name1').val(), // 省
|
StationName2:$('#city').val(), // 市
|
StationName3:$('#station_name3').val(), //机房名称
|
StationId: stationid?stationid:0,
|
BattInUseDate:$('#startalm').val(),
|
BattInUseDate1:$('#endTalm').val(),
|
BattGroupNum:$('#statistics').val()
|
};
|
//console.info(temp);
|
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.StationName3, __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>
|
