<%@ 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>
|
<base href="<%=basePath%>">
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
|
<meta charset="UTF-8">
|
<title><s:text name="Battery_maintenance_query"/></title>
|
<link rel="stylesheet" type="text/css" href="css/basic.css" />
|
<link rel="stylesheet" type="text/css" href="css/BrdwDeal.css" />
|
<script type="text/javascript" src="js/frame.js"></script>
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="js/base.js"></script>
|
<script type="text/javascript" src="js/buildNav.js"></script>
|
|
</head>
|
<body>
|
<!--头部内容开始-->
|
<div id="top">
|
<div id="top_cont">
|
<img src="image/top_img01.jpg" alt="" title="福建福光有限公司" />
|
<!--用户登录后显示用户名鼠标经过显示下拉菜单-->
|
<div id="sign_out">
|
<a href="#" id="user_name"></a>
|
<ul>
|
<li class="triangle"></li>
|
<li><a href="pwdChange.jsp" target="_self"><s:text name="Change_password"></s:text></a></li>
|
<li><a href="zzlogin1.jsp" id="li_a"><s:text name="Logging_out"></s:text></a></li>
|
</ul>
|
</div>
|
<!--结束-->
|
</div>
|
</div>
|
<!--头部内容结束-->
|
<!-- 主体内容 -->
|
<div id="main">
|
<!--导航开始-->
|
<div id="nav">
|
</div>
|
<!--导航结束-->
|
<div id="eleInfor">
|
<span class="summary"><s:text name="Show/hide_the_query_conditions"/></span>
|
<div class="checkCon">
|
<form id="search_form" method="post">
|
<input type="hidden" value="1" name="bup.page.pageCurr" id="pageCurr" />
|
<input type="hidden" value="10" name="bup.page.pageSize" id="pageSize" />
|
<table>
|
<tr class="fWeight">
|
<td><s:text name="Maintenance_area"/></td> <!-- 维护区 -->
|
<td><s:text name="Computer_site"/></td> <!-- 机房站点（或机房设备） -->
|
<td><s:text name="Battery"/></td> <!-- 蓄电池组 -->
|
<td><s:text name="Battery_brand"/></td> <!-- 电池品牌 -->
|
<td><s:text name="Person_liable"/></td> <!-- 包机人 -->
|
<td>性能参数</td>
|
<td colspan="2"><s:text name="Statistical_period"/></td> <!-- 统计时间段 -->
|
<td><s:text name="Statistical_method"/></td> <!-- 统计方式 -->
|
</tr>
|
<tr>
|
<td>
|
<select id="station_name1" name="bmd.binf.StationName1">
|
</select>
|
</td>
|
<td>
|
<select id="station_name" name="bmd.binf.StationName">
|
</select>
|
</td>
|
<td>
|
<select id="battgroup_name" name="bmd.binf.BattGroupId">
|
</select>
|
</td>
|
<td>
|
<select id="batt_producer" name="bmd.binf.BattProducer">
|
</select>
|
</td>
|
<td>
|
<select id="baojiren" name="bmd.uinf.UId">
|
</select>
|
</td>
|
|
|
|
<td>
|
<select id="per_index" name="">
|
<option>电压</option>
|
<option>电流</option>
|
<option>功率</option>
|
<option>电度</option>
|
|
</select>
|
</td>
|
|
|
|
<td class="FixedLen"><input type="text" readonly="readonly" id="startime" name="bup.binf.BattProductDate" onfocus="new Calendar().show(this)"></td>
|
<td class="FixedLen"><input type="text" readonly="readonly" id="endtime" name="bup.binf.BattProductDate1" onfocus="new Calendar().show(this)"></td>
|
<td>
|
<select name="bup.binf.DeviceName" id="">
|
<option value="3"><s:text name="According_annual_statistical"/></option> <!-- 按年度统计 -->
|
<option value="2"><s:text name="Quarterly_statistics"/></option> <!-- 按季度统计 -->
|
<option value="1" selected="selected"><s:text name="Month_statistical"/></option> <!-- 按月份统计 -->
|
<option value=""><s:text name="day_statistical"/></option> <!-- 按天统计 -->
|
<option value=""><s:text name="hour_statistical"/></option> <!-- 按小时统计 -->
|
<option value=""><s:text name="minute_statistical"/></option> <!-- 按分钟统计 -->
|
|
<!-- <option value=""><s:text name="ten_second_statistical"/></option> -->
|
<option value="">按10秒统计</option> <!-- 按10秒统计 -->
|
</select>
|
</td>
|
</tr>
|
</table>
|
</form>
|
<form id="exportable" action="ExportTable.servlet" method="post">
|
<input type="hidden" name="PageName" value="eleBrdwDeal.html"/>
|
<input type="hidden" name="table_th_arr" id="table_th_arr"/>
|
<input type="hidden" name="table_td_arr" id="table_td_arr"/>
|
</form>
|
</div>
|
</div>
|
<!-- 表格固定的头部 -->
|
<div id="tbHead">
|
<!-- <table class="tbFixed">这里是表格固定头部的内容</table> -->
|
</div>
|
<!-- 表格滚动的部分 -->
|
<div id="tbBrdw">
|
<!-- <table class="tbScroll">这里是表格滚动的内容</table> -->
|
</div>
|
<!-- 分页内容 -->
|
<div id="paging">
|
<a href="javascript:" class="search"><s:text name="Search"/><!-- 查询 --></a>
|
<a href="javascript:" id="export_table"><s:text name="Export"/><!-- 导出 --></a>
|
<s:text name="At_present"/><!-- 当前 --><span id="current">1/0</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 id="allTransShade"></div>
|
<!--清除浮动-->
|
<div class="clear"></div>
|
</body>
|
<script type="text/javascript" src="js/createTab.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 arr_all; //所有数据的数组
|
var totalNum=0; //总记录数
|
|
//页面初始化
|
$(document).ready(function(){
|
setUserName();
|
//初始化页面高度
|
var screenHei=$(document).height(); //获取浏览器可以区域的高度
|
var bodyHei=$('body').height(); //获取body的高度
|
var tbBrdwHei=$('#tbBrdw').height(); //获取滚动表格容器的初始高度
|
//根据提供的数据调整高度
|
$('#tbBrdw').css('height',screenHei-bodyHei+tbBrdwHei+'px');
|
});
|
//页面的全局变量
|
var ArrTh=new Array(); //记录表格头部数据
|
var ArrTd=new Array(); //记录表格滚动部分的数据
|
var ArrTemp=new Array(); //定义空数组用于初始化表格
|
//手动定义表格头部数据
|
var perindex='电压';
|
$('#per_index').change(function(){
|
perindex=null;
|
perindex=$('#per_index option:selected').val();
|
ArrTh.splice(1,1,perindex);
|
$('#tbHead').empty();
|
createTable('tbHead','tbFixed',ArrTh.length,ArrTh,ArrTemp);
|
createTable('tbBrdw','tbScroll',ArrTh.length,ArrTh,ArrTemp);
|
$('#tbHead .tbFixed').css('width',$('#tbHead').width()-20+'px');
|
$('#tbBrdw .tbScroll').css('width',$('#tbBrdw').width()-20+'px');
|
});
|
ArrTh=['<s:text name="devicename"/>', perindex ,'移动','联通','电信'];
|
console.log(ArrTh);
|
//通过头部数据定义表格滚动数据（后期用后台数据替换）
|
for(var i=0;i<100;i++) //i记录行号
|
{
|
for(var k=0;k<ArrTh.length;k++) //k为列号
|
{
|
var n=i*ArrTh.length+k;
|
ArrTd[n]=ArrTh[k]+i;
|
}
|
}
|
//初始化表格页面加载后只显示表头部分
|
createTable('tbHead','tbFixed',ArrTh.length,ArrTh,ArrTemp);
|
createTable('tbBrdw','tbScroll',ArrTh.length,ArrTh,ArrTemp);
|
$('#tbHead .tbFixed').css('width',$('#tbHead').width()-20+'px');
|
$('#tbBrdw .tbScroll').css('width',$('#tbBrdw').width()-20+'px');
|
|
//页面点击事件
|
$(document).ready(function(){
|
//点击故障信息统计查询显示和隐藏查询条件
|
var checkConHei=$('#eleInfor .checkCon').height(); //获取条件选择容器的高度
|
var tbBrdwHei=$('#tbBrdw').height(); //获取滚动表格容器的初始高度
|
var stateCheck=1; //记录查询条件的状态
|
$('#eleInfor .summary').click(function(){
|
if(stateCheck==1)
|
{
|
stateCheck=0;
|
$('#eleInfor .checkCon').slideUp(300);
|
setTimeout(function(){
|
$('#tbBrdw').css('height',tbBrdwHei+checkConHei+'px');
|
},310);
|
}else{
|
stateCheck=1;
|
$('#tbBrdw').css('height',tbBrdwHei+'px');
|
$('#eleInfor .checkCon').slideDown();
|
}
|
});
|
|
//将透明遮罩随着屏幕滚动而滚动
|
$(document).scroll(function(){
|
var scrollY=$(this).scrollTop();
|
$('#allTransShade').css('top',scrollY+'px');
|
});
|
//表格的头部和tbody同步左右滚动
|
$('#tbBrdw').scroll(function(){
|
var scrollX=$(this).scrollLeft(); //左右滚动的距离
|
$('#tbHead .tbFixed').css('left',-scrollX+'px');
|
});
|
});
|
|
//查询包机人
|
$.post("User_infAction_searchAll","bup.page.pageSize="+1000,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var Obaojiren=document.getElementById("baojiren");
|
Obaojiren.innerHTML="";
|
//console.info(data)
|
for(var i=0;i<=data.data.length;i++){
|
var option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].uinf.UName;
|
option.setAttribute("value", data.data[i-1].uinf.UName);
|
}else{
|
option.innerHTML="全部（共"+data.data.length+"种）";
|
option.setAttribute("value", "");
|
}
|
Obaojiren.appendChild(option);
|
}
|
}
|
});
|
|
|
//查询电池品牌
|
$.post("BattInfAction_serchByBattProducer",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
var Obatt_producer=document.getElementById("batt_producer");
|
Obatt_producer.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
var option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].BattProducer;
|
option.setAttribute("value", data.data[i-1].BattProducer);
|
}else{
|
option.innerHTML="全部（共"+data.sum+"种）";
|
option.setAttribute("value", "");
|
}
|
Obatt_producer.appendChild(option);
|
}
|
}
|
});
|
|
//页面加载时查询维护区中的枢纽类型
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var Ostation_name1=document.getElementById("station_name1");
|
Ostation_name1.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i==0){
|
option.innerHTML="全部(共"+data.sum+"种)";
|
option.setAttribute("value", "");
|
}else{
|
option.innerHTML=data.data[i-1].StationName1;
|
option.setAttribute("value",data.data[i-1].StationName1);
|
}
|
Ostation_name1.appendChild(option);
|
}
|
}
|
});
|
|
//页面加载时初始化时间
|
$(document).ready(function(){
|
var date=new Date();
|
var date1=new Date(2000,0,1);
|
|
var year=date.getFullYear();
|
var month=date.getMonth()+1;
|
var day=date.getDate();
|
var today=year+"-"+month+"-"+day;
|
$("#startime").attr("value",date1.format('yyyy-MM-dd'));
|
$("#endtime").attr("value",today);
|
|
});
|
|
$(document).ready(function(){
|
//页面加载时查询维护区中的枢纽类型
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var Ostation_name1=document.getElementById("station_name1");
|
Ostation_name1.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i==0){
|
option.innerHTML="全部(共"+data.sum+"种)";
|
option.setAttribute("value", "");
|
}else{
|
option.innerHTML=data.data[i-1].StationName1;
|
option.setAttribute("value",data.data[i-1].StationName1);
|
}
|
Ostation_name1.appendChild(option);
|
}
|
}
|
findStationNamebyStationname1();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#station_name1').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//查询电池品牌
|
$.post("BattInfAction_serchByBattProducer",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
var Obatt_producer=document.getElementById("batt_producer");
|
Obatt_producer.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
var option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].BattProducer;
|
option.setAttribute("value", data.data[i-1].BattProducer);
|
}else{
|
option.innerHTML="全部（共"+data.sum+"种）";
|
option.setAttribute("value", "");
|
}
|
Obatt_producer.appendChild(option);
|
}
|
}
|
});
|
|
//查询包机人
|
$.post("User_infAction_searchAll",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var Obaojiren=document.getElementById("baojiren");
|
Obaojiren.innerHTML="";
|
//console.info(data)
|
for(var i=0;i<=data.data.length;i++){
|
var option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].UName;
|
option.setAttribute("value", data.data[i-1].UId);
|
}else{
|
option.innerHTML="全部（共"+data.data.length+"种）";
|
option.setAttribute("value", "0");
|
}
|
Obaojiren.appendChild(option);
|
}
|
}
|
});
|
});
|
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#station_name1 option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
|
//console.info(data);
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
var Ostttion_name = document.getElementById("station_name");
|
Ostttion_name.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i==0){
|
option.innerHTML="全部(共"+data.sum+"种)";
|
option.setAttribute("value", "");
|
}else{
|
option.innerHTML=data.data[i-1].StationName;
|
option.setAttribute("value",data.data[i-1].StationName);
|
}
|
Ostttion_name.appendChild(option);
|
}
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
$('#station_name').change(function(){
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
|
//根据维护区和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var station_name1=$("#station_name1 option:selected").val();
|
var station_name=$("#station_name option:selected").val();
|
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
//console.info(data.data);
|
if(data.code==1 && data.data.length>0){
|
|
var Obattgroup_name = document.getElementById("battgroup_name");
|
Obattgroup_name.innerHTML="";
|
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"节";
|
option.setAttribute("value",data.data[i-1].BattGroupId);
|
}else{
|
option.innerHTML="全部蓄电池组（共"+data.sum+"组）";
|
option.setAttribute("value", "0");
|
}
|
Obattgroup_name.appendChild(option);
|
}
|
}
|
});
|
}
|
|
//点击导出触发事件
|
$('#export_table').click(function(){
|
//console.info($('#tbHead .tbFixed thead th').length);
|
exprotTable($('#tbBrdw .tbScroll thead th'),$('#tbBrdw .tbScroll tbody td'),$('#exportable'),$('#table_th_arr'),$('#table_td_arr'));
|
});
|
|
//获取表格中的数据并提交数据
|
function exprotTable(eleTh,eleTb,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<eleTb.length;i++)
|
{
|
ArrTd[i]=eleTb.eq(i).text();
|
}
|
eleTh_Text.attr('value',ArrTh);
|
eleTd_Text.attr('value',ArrTd);
|
//console.info(ArrTh);
|
//console.info(ArrTd);
|
eleform.submit();
|
}
|
|
//首页
|
$('#home').click(function(){
|
var currentPage=$('#pageCurr').attr('value');
|
if(currentPage!=1){
|
$("#pageCurr").attr("value",1);
|
$("#paging .search").eq(0).click();
|
}
|
});
|
|
//点击上一页
|
$("#pre").click(function(){
|
var currentPage=$('#pageCurr').attr('value');
|
if(currentPage>1){
|
$("#pageCurr").attr("value",currentPage-1);
|
$("#paging .search").eq(0).click();
|
}
|
});
|
|
//点击下一页
|
$("#next_p").click(function(){
|
if(totalNum>0){
|
var currentPage=$('#pageCurr').attr('value');
|
//console.info(currentPage);
|
var PageSize=$('#pageSize').attr('value');
|
var totalPage=Math.ceil(totalNum/PageSize);
|
if(currentPage<totalPage){
|
$("#pageCurr").attr("value",parseInt(currentPage)+1);
|
$("#paging .search").eq(0).click();
|
}
|
}
|
});
|
|
//尾页
|
$('#last').click(function(){
|
var PageSize=$('#pageSize').attr('value');
|
var pageNum=Math.ceil(totalNum/PageSize);
|
var currPage=$('#pageCurr').attr('value');
|
if(currPage<pageNum){
|
$('#pageCurr').attr('value',pageNum);
|
$("#paging .search").eq(0).click();
|
}
|
});
|
|
//设置每页行数
|
$('#number').blur(function(){
|
var value=$('#number').attr("value");
|
//当输入的数大于0时
|
if(value>0){
|
value=parseInt(value);
|
$('#number').attr('value',value);
|
$('#pageSize').attr('value',value);
|
}else{
|
//当输入非法数字时
|
alert("<s:text name='Please_enter_the_legitimate_number!'/>"); /* 请输入合法的整数 */
|
var PageSize=$('#pageSize').attr('value');
|
$('#number').attr('value',PageSize);
|
}
|
});
|
|
//填写完跳转到指定页
|
$('#page_num').blur(function(){
|
var tarpage=$('#page_num').attr('value');
|
if(tarpage>0){
|
|
}else{
|
alert("<s:text name='Please_enter_the_legitimate_number!'/>");
|
var currentPage=$('#pageCurr').attr('value');
|
$('#page_num').attr('value',currentPage);
|
}
|
});
|
|
//点击跳转
|
$('#go').click(function(){
|
var tarpage=$('#page_num').attr('value');
|
tarpage=parseInt(tarpage);
|
if(totalNum>0){
|
var PageSize=$('#pageSize').attr('value');
|
var pageNum=Math.ceil(totalNum/PageSize);
|
if(tarpage>pageNum){
|
tarpage=pageNum;
|
$('#page_num').attr('value',pageNum)
|
}
|
$('#pageCurr').attr('value',tarpage);
|
$("#paging .search").eq(0).click();
|
}else{
|
$('#pageCurr').attr('value',$('#pageCurr').attr('value'));
|
}
|
});
|
</script>
|
</html>
|
