<%@ 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><s:text name='Batt_attention_manage'/></title>
|
<link rel="stylesheet" href="css/basic.css">
|
<link rel="stylesheet" type="text/css" href="css/query.css">
|
<link rel="stylesheet" type="text/css" href="css/nocontent.css">
|
<link rel="stylesheet" type="text/css" href="css/loading.css">
|
</head>
|
|
<body>
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!--导航开始-->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<!--导航结束-->
|
<!-- 主要内容 -->
|
<div id="main">
|
<!-- 查询条件开始 -->
|
<div class="query-list">
|
<div class="query-header"><a href="javascript:;"><s:text name='Batt_attention_manage'/>--><s:text name="Show/hide_the_query_conditions"/></a></div>
|
<!-- 查询条件内容开始 -->
|
<div class="query-body">
|
<table>
|
<thead>
|
<tr>
|
<th><s:text name="Maintenance_area"/><!-- 维护区 --></th>
|
<th><s:text name="Computer_site"/><!-- 机房站点(或机房设备) --></th>
|
<th><s:text name="Battery_name"/><!-- 蓄电池组名称 --></th>
|
<th><s:text name="Single_number"/><!-- 单体编号 --></th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<select id="station_name1">
|
</select>
|
</td>
|
<td>
|
<select id="station_name">
|
|
</select>
|
</td>
|
<td>
|
<select id="battgroup_name">
|
</select>
|
</td>
|
<td>
|
<select id="Single_number">
|
|
</select>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 查询条件内容结束 -->
|
</div>
|
<!-- 查询条件结束 -->
|
<!-- 表格固定的头部 -->
|
<div class="tbl-header"></div>
|
<!-- 表格滚动的部分 -->
|
<div class="tbl-body"></div>
|
|
<form id="export_excel" action="ExportTable.servlet" method="post">
|
<input type="hidden" name="PageName" value="batt-attention.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 id="paging">
|
<a href="javascript:" class="btn search"><s:text name="Search"/><!-- 查询 --></a>
|
<a href="javascript:;" id="export_table" class="btn output"><s:text name="Export"/><!-- 导出 --></a>
|
<a href="javascript:showTblOpt(cardOptStatus);" class="cardOpt btn tbl-opt-btn"><s:text name="Table_options"/><!-- 表格选项 --></a>
|
<!-- 当前 --><s:text name="At_present"/><span id="current">1/0</span>
|
<span>每页<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" />
|
<a href="javascript:" id="go"><!-- 跳转 --><s:text name="Jump"/></a>
|
</span>
|
</div>
|
</div>
|
<!-- 表格选项 -->
|
<div class="tbl-opt hide">
|
<div class="tbl-opt-header">
|
<img src="image/cell.png" alt="<s:text name='Batt'/>"> <!-- 电池 -->
|
<span><!-- 选项 --><s:text name='Options'/></span>
|
<div class="tbl-opt-close"><a href="javascript:hideTblOpt();"></a></div>
|
</div>
|
<div class="tbl-content-header"></div>
|
<div class="tbl-content-body"></div>
|
<div class="tbl-opt-bottom">
|
<div class="ok"><input type="button" value="<s:text name='Determine'/>"></div> <!-- 确定 -->
|
<div class="out"><input type="button" value="<s:text name='Return'/>" onclick="hideTblOpt()"></div> <!-- 返回 -->
|
</div>
|
</div>
|
<!-- 表格选项遮罩层 -->
|
<div class="tbl-opt-mask"></div>
|
<script type="text/javascript" src="js/nocontent.js"></script>
|
<script type="text/javascript" src="js/query.js"></script>
|
<script type="text/javascript" src="js/loading.js"></script>
|
<script type="text/javascript" src="js/rightmenu.js"></script>
|
<script type="text/javascript">
|
var arrTh=new Array();//表格表头
|
var arrTd=new Array();//表格内容
|
arrTh=['维护区','机房名称','电池组名称','单体编号','单体实时电压','单体实际容量','单体容量百分比'];
|
var cardArrTh=new Array();//表格选项头部
|
cardArrTd=['编号','选项','是否选择'];
|
var cardArrTd=new Array();//表格选项内容
|
//给表格选项设定为默认选中状态
|
var cardOptStatus = new Array();
|
for ( var i = 0; i < arrTh.length; i++) {
|
cardOptStatus[i]=1;
|
}
|
$(function(){
|
$('.tbl-opt .ok input').click(function() {
|
cardOptStatus = getOptStatus();
|
createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd, cardOptStatus);
|
hideTblOpt();
|
});
|
});
|
//页面加载时显示维护区信息
|
/* $(function(){
|
var json={};
|
$.ajax({
|
type: "post",
|
url:"BattInfAction_serchByStation",
|
async:true,
|
data:"json="+JSON.stringify(json),
|
dataType:'text',
|
success:function(data){
|
data=eval('('+data+')');
|
data=eval('('+data.result+')');
|
console.info(data);
|
if(data.code==1&&data.data.length>0){
|
var $select=$('select[id=station_name1]');
|
for(var i=0;i<=data.data.length;i++){
|
var $option=$("<option></option>");
|
if(i==0){
|
$option.text("全部(共:"+data.data.length+")条");
|
}else{
|
$option.text(data.data[i-1].StationName1);
|
}
|
$select.append($option);
|
}
|
}
|
}
|
});
|
}); */
|
//查询所有的维护区
|
$().ready(function(){
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=eval('('+data.result+')');
|
console.info(data);
|
if(data.code==1&&data.data.length>0){
|
var $select=$('#station_name1');
|
for(var i=0;i<data.data.length;i++){
|
var $option=$("<option></option>");
|
if(i==0){
|
$option.text("全部(共:"+data.data.length+")条");
|
$option.attr("value", "");
|
}else{
|
$option.text(data.data[i-1].StationName1);
|
$option.attr("value",data.data[i-1].StationName1);
|
}
|
$select.append($option);
|
}
|
}
|
findStationNamebyStationname1();
|
});
|
});
|
//当维护区的值变换时更新机房站点
|
$('#station_name1').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#station_name1 option:selected").val();
|
$.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 $select = $("#station_name");
|
$select.text('');
|
for(var i=0;i<data.data.length;i++){
|
var $option=$("<option></option>");
|
//if(i==0){
|
// $option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)");
|
// $option.attr("value", "");
|
//}else{
|
$option.text(data.data[i].StationName);
|
$option.attr("value",data.data[i].StationName);
|
//}
|
$select.append($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();
|
console.info("bif.StationName1="+station_name1+"&bif.StationName="+station_name);
|
console.info("___");
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
console.info("*************");
|
console.info(data.data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#battgroup_name");
|
$select.text('');
|
for(var i=0;i<=data.data.length;i++){
|
$option=$("<option></option>");
|
if(i!=0){
|
$option.text(data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"<s:text name='Section'/>");
|
$option.attr("value",data.data[i-1].BattGroupId);
|
}else{
|
$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)");
|
$option.attr("value", "0");
|
}
|
$select.append($option);
|
}
|
}
|
searchBattMonNum();
|
});
|
}
|
|
$('#battgroup_name').change(function(){
|
searchBattMonNum();
|
});
|
|
function searchBattMonNum(){
|
//当选择蓄电池组时
|
var battgroup_id = $('#battgroup_name').attr('value');
|
var OSingle_number = $('#Single_number');
|
OSingle_number.text('');
|
if(battgroup_id==0){
|
var $option = $("<option></option>");
|
$option.html("<s:text name='All'/><s:text name='Select'/>(<s:text name='Common'/>0<s:text name='Section'/>)");
|
$option.attr("value", 0);
|
OSingle_number.append($option);
|
}else{
|
//console.info(battgroup_id);
|
$.post("BattInfAction!serchByMonNum","bif.BattGroupId="+battgroup_id,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
data=data.data[0];
|
for(var i=0;i<=data.MonCount;i++){
|
var $option = $("<option></option>");
|
if(i!=0){
|
$option.html(i);
|
$option.attr("value", i);
|
}else{
|
$option.html("<s:text name='All'/><s:text name='Select'/>(<s:text name='Common'/>"+data.MonCount+"<s:text name='Section'/>)");
|
$option.attr("value", 0);
|
}
|
OSingle_number.append($option);
|
}
|
}
|
});
|
}
|
}
|
</script>
|
</body>
|
</html>
|