<%@ 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="Device_status_records_query"/></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/common.css">
|
<link rel="stylesheet" href="src/css/layui.css">
|
<style>
|
#lside {
|
position: absolute;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
right: 0;
|
}
|
</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 side-bar-container">
|
<div class="lside" id="lside"></div>
|
</div>
|
<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="Device_status_records_query"/>--><s:text name="Show/hide_the_query_conditions"/></a></div> <!-- 显示或隐藏查询条件 -->
|
<div class="filter-content">
|
<table>
|
<tbody>
|
<tr>
|
<th style="width: 30%">状态切换原因</th>
|
<th colspan="2">查询时间段</th>
|
<th rowspan="2" style="width: 20%">
|
<div style="position: relative">
|
<div id="radio">
|
<input type="radio" id="tblRadio" name="radio" checked><label for="tblRadio">数据表格</label>
|
<input type="radio" id="graphRadio" name="radio" disabled><label for="graphRadio">分布图</label>
|
</div>
|
</div>
|
</th>
|
</tr>
|
<tr>
|
<td>
|
<select name="" id="statsList">
|
<option value="-1">全部</option>
|
<option value="0">手动停止</option>
|
<option value="1">放电时间到</option>
|
<option value="2">放电容量到</option>
|
<option value="3">单体下限到</option>
|
<option value="4">组端下限到</option>
|
<option value="5">市电中断</option>
|
<option value="6">内存不足</option>
|
<option value="7">温度异常</option>
|
</select>
|
</td>
|
<td><input type="text" id="record_start_time" value="2012-12-01" readonly="readonly"/></td>
|
<td><input type="text" id="record_end_time" value="2018-03-24" readonly="readonly"/></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="equip-stats-change.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="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/basic-layout.js"></script>
|
<script type="text/javascript" src="pages/js/pages/siderbar.js"></script>
|
<script type="text/javascript" src="js/pageUtil.js"></script>
|
<script type="text/javascript" src="src/layui.all.js"></script>
|
<script type="text/javascript">
|
var arrTh = [];
|
var arrTd = [];
|
var Page = {
|
pageCurr:1,
|
pageSize:10,
|
pageAll:0
|
};
|
var layerMsg;
|
|
// 生成页面中的表格
|
$(function () {
|
arrTh = ['设备Id', '机房名称', '变迁前状态', '变迁后状态', '变迁原因', '变迁时间'];
|
createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd);
|
var stop_types = [
|
'手动停止', '暂停', '正在放电测试', '正在等待放电', '正在限流放电',
|
'正在直流充电', '正在等待充电', '放电时间到', '放电容量到', '单体下限到',
|
'组端下限到', '市电中断停止', '存储数据满', '机内温度异常', '放电电流过流',
|
'后台通信中断', '负载模块中断', '在线模块中断', '负载模块过功率', '内部程序异常'
|
];
|
createSel($('#statsList'), stop_types);
|
|
// 切换下拉选项更改表格内容
|
$('#statsList').on('change', function() {
|
searchDevHistoryRecord();
|
});
|
|
// 查询时间段改变
|
$('#record_start_time').on('change', function() {
|
searchDevHistoryRecord();
|
});
|
$('#record_stop_time').on('change', function() {
|
searchDevHistoryRecord();
|
});
|
/**
|
* 生成下拉框
|
*@param jquery ele 下拉元素
|
*@param array dataList 数据列表
|
*/
|
function createSel(ele, dataList) {
|
ele.text(" ");
|
|
var $opt = '<option value="-1">全部</option>';
|
|
// 遍历dataList向ele添加更多的选项
|
for(var i=0; i<dataList.length; i++) {
|
$opt += '<option value="'+i+'">'+dataList[i]+'</option>';
|
}
|
ele.html($opt);
|
}
|
});
|
|
//根据维护区查询所有的机房
|
function searchDevHistoryRecord(){
|
// 关闭msg
|
layer.close(layerMsg);
|
// 生成内容
|
arrTd = new Array();
|
loading.showLoading($('.tbl-body'));
|
$.ajax({
|
type:"post",
|
url: "Fbsdev_Statechange_infAction!serchByCondition",
|
async:true,
|
dataType:'text',
|
data:"json="+JSON.stringify(createSearchParam()),
|
success: function(data){
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
//console.info(model);
|
if(model.code == 1){
|
for(var i=0;i<model.data.length;i++){
|
arrTd.push(model.data[i].dev_id); //设备id
|
arrTd.push(model.data[i].note); //机房名称
|
arrTd.push(model.data[i].last_stat_name); //变换前状态
|
arrTd.push(model.data[i].now_stat_name); //变化后状态
|
arrTd.push(model.data[i].state_change_reason_name); //变换原因
|
arrTd.push(model.data[i].rec_time); //变换时间
|
|
if(model.data[i].page != undefined){
|
Page.pageAll = model.data[i].page.pageAll; //总记录条数
|
}
|
}
|
}else{
|
layerMsg = layer.msg("未查询到状态变换记录");
|
Page.pageAll = 0;
|
}
|
$('#total').text(Page.pageAll);
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
$('#current').text(Page.pageCurr+"/"+pageNum);
|
|
loading.hideLoading($('.tbl-body'));
|
createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd);
|
}
|
});
|
}
|
|
/**
|
** 构造查询 条件
|
*/
|
function createSearchParam(){
|
var temp ={
|
state_change_reason: -1,
|
dev_id:"910000012", //设备id
|
rec_time:$('#record_start_time').val()+" 00:00:00", //设备id
|
rec_time1:$('#record_end_time').val()+" 23:59:59", //设备id
|
page:Page,
|
};
|
var battGroupInfo = getBatt();
|
temp.dev_id = battGroupInfo.FBSDeviceId;
|
temp.state_change_reason = $('#statsList').val();
|
return temp;
|
}
|
|
// 获取被选中电池组的信息
|
function getBatt() {
|
var rs = $('#lside .sider-menu-file.active').data('attr');
|
return rs;
|
}
|
|
$(function(){
|
$('#paging .search').click(function (){
|
searchDevHistoryRecord();
|
});
|
|
//点击首页
|
$('#home').click(function(){
|
GotoFirstPage(Page,searchDevHistoryRecord);
|
});
|
|
//点击上一页
|
$('#pre').click(function(){
|
GotoPrePage(Page,searchDevHistoryRecord);
|
});
|
|
//点击下一页
|
$('#next_p').click(function(){
|
GotoNextPage(Page,searchDevHistoryRecord);
|
});
|
|
//点击尾页
|
$('#last').click(function(){
|
GotoLastPage(Page,searchDevHistoryRecord);
|
});
|
|
//设置每页大小数
|
$('#number').blur(function(){
|
var pageSize = $(this).val();
|
if(pageSize>0){
|
Page.pageSize = parseInt(pageSize);
|
}else{
|
$(this).val(Page.pageSize);
|
}
|
});
|
|
//设置跳转到的页数
|
$('#page_num').blur(function(){
|
var pageCurr = $(this).val();
|
if(pageCurr>0){
|
Page.pageCurr = parseInt(pageCurr);
|
}else{
|
$(this).val(Page.pageCurr);
|
}
|
});
|
|
//点击跳转
|
$('#go').click(function(){
|
GotoAppointPage($('#page_num'),Page,searchDevHistoryRecord);
|
});
|
});
|
|
//点击导出按钮 $('.tbl-header'), $('.tbl-body')
|
$('#export_table').click(function(){
|
console.info($('#tbHead .tbFixed thead th').length);
|
exprotTable($('.tbl-body th'),$('.tbl-body 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="";
|
for(var i=0;i<eleTd.length;i++)
|
{
|
ArrTd+=eleTd.eq(i).text()+"&";
|
}
|
eleTh_Text.attr('value',ArrTh);
|
eleTd_Text.attr('value',ArrTd);
|
//console.info(ArrTh);
|
//console.info(ArrTd);
|
eleform.submit();
|
}
|
|
// siderbar模块
|
$(function() {
|
var TreeView = GLOBAL.pages.TreeView;
|
var first = GLOBAL.pages.siderbar.first; // 一级导航
|
var second = GLOBAL.pages.siderbar.second; // 二级导航
|
var third = GLOBAL.pages.siderbar.third; // 三级导航
|
var fourth = GLOBAL.pages.siderbar.fourth; // 四级导航
|
var fifth = GLOBAL.pages.siderbar.fifth; // 五级导航
|
var treeView = new TreeView($('#lside'));
|
$('#lside').width($('#ele_content').width());
|
treeView.setContainer();
|
// 设置页面的左侧可以左右缩放
|
$('.page-content .content-item.side-bar-container').resizable({
|
handles: 'e',
|
maxWidth: 520,
|
minWidth: 200,
|
//alsoResize: $('#lside'),
|
resize:function() {
|
treeView.setContainer();
|
}
|
});
|
|
// 生成一级导航-省
|
first(treeView, treeView.container);
|
|
// 省->市
|
treeView.ele.on('click', '.province', function() {
|
var province = $(this).data('attr');
|
second(treeView, $(this).parent(), province);
|
});
|
|
// 市->区/县
|
treeView.ele.on('click', '.city', function() {
|
var city = $(this).data('attr');
|
third(treeView, $(this).parent(), city);
|
});
|
|
// 市->机房
|
treeView.ele.on('click', '.county', function() {
|
var city = $(this).data('attr');
|
fourth(treeView, $(this).parent(), city);
|
});
|
|
|
|
battinlist = [];
|
// 机房->电池组
|
treeView.ele.on('click', '.home', function() {
|
var home = $(this).data('attr');
|
var tmp = {
|
StationName1: home.StationName1,
|
StationName2: home.StationName2,
|
StationName5: home.StationName5,
|
StationName: home.StationName,
|
StationId: home.StationId
|
};
|
fifth(treeView, $(this).parent(), tmp);
|
});
|
|
// 电池组
|
treeView.ele.on('click', '.eleGroup', function() {
|
var eleGroup = $(this).data('attr');
|
|
searchDevHistoryRecord();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
