<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>配组管理</title>
|
<link rel="stylesheet" href="../src/css/layui.css">
|
<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="../pages/css/mylayui.css">
|
<link rel="stylesheet" href="../pages/css/common.css">
|
<style type="text/css">
|
html, body {
|
height: 100%;
|
}
|
.layui-table-view {
|
margin: 0;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="whyc-page-layui-main abs-top0 abs-bottom0"> <!-- 最外层控制位置 -->
|
<div class="whyc-page-layui-content-container">
|
<!-- <div class="whyc-page-layui-siderbar w360"></div> -->
|
<div class="whyc-page-layui-content" style="background-color: pink">
|
<div class="tbl-container">
|
<div class="tbl-filter" lay-filter="tblFilter">
|
<div class="layui-form layui-form-pane" lay-filter="tblFilter">
|
<div class="layui-inline"> <!-- 注意:这一层元素并不是必须的 -->
|
<label>开始时间</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="startTime">
|
</div>
|
</div>
|
<div class="layui-inline"> <!-- 注意:这一层元素并不是必须的 -->
|
<label>结束时间</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="endTime">
|
</div>
|
</div>
|
<div class="layui-input-inline">
|
<div class="layui-form" lay-filter="warnTypeFilter">
|
<select name="warnType" id="warnType" lay-search="warnType">
|
<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>
|
<option value="8">基站湿度上限</option>
|
<option value="9">基站湿度下限</option>
|
</select>
|
</div>
|
</div>
|
<button class="layui-btn layui-btn-sm layui-btn-normal" id="search"><i class="fa fa-search"></i> 查询</button>
|
</div>
|
</div>
|
<!-- 表格内容 -->
|
<table id="groupTbl" lay-filter="groupTbl"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="../src/layui.js"></script>
|
<script type="text/javascript" src="../pages/js/base.js"></script>
|
<script type="text/javascript" src="../pages/js/mylayui.js"></script>
|
<script type="text/javascript" src="../pages/js/common.js"></script>
|
<script type="text/javascript">
|
layui.use(['layer', 'table', 'form', 'laytpl', 'element', 'laydate'],function() {
|
var layer = layui.layer // 获取layer模块
|
,table = layui.table // 获取table模块
|
,form = layui.form
|
,laydate = layui.laydate;
|
|
var parentData = parent.$('#details').data('data'); // 父容器存储的值
|
var detailsOpts = parent.$('#detailsOpts').data('data'); // 查询当前时间段的详情
|
//console.log(detailsOpts);
|
|
var getAbnormalTxt = GLOBAL.BaseStation.getAbnormalTxt; // 获取机房异常类型的文本
|
var abnormal = GLOBAL.BaseStation.Abnormal; // 基站异常类型
|
var warnTypeList = [];
|
// 遍历基站异常类型
|
for(var i=0; i<abnormal.length; i++) {
|
var _abnormal = abnormal[i];
|
var items= getLayuiSelect(_abnormal, i, {}, {});
|
warnTypeList.push(items);
|
}
|
|
// 生成基站异常下拉并重新渲染
|
createLayuiSelect($('#warnType'), warnTypeList);
|
form.render('select', 'warnTypeFilter');
|
|
// 开始-结束时间
|
laydate.render({
|
elem: '#startTime' //指定元素
|
,value: detailsOpts.record_datetime // 初始值
|
,format: 'yyyy-MM-dd HH:mm:ss'
|
,type: 'datetime'
|
,btns: ['confirm']
|
});
|
laydate.render({
|
elem: '#endTime' //指定元素
|
,value: detailsOpts.record_datetime_end // 初始值
|
,format: 'yyyy-MM-dd HH:mm:ss'
|
,type: 'datetime'
|
,btns: ['confirm']
|
});
|
|
|
var rsData = handleRsData(parentData);
|
|
// 表格数据配置项
|
var tOptions = {
|
elem: '#groupTbl'
|
,toolbar: true
|
,defaultToolbar: ['exports', 'filter']
|
,cellMinWidth: 80
|
,initSort: {
|
field: 'warnstarttime',
|
type: 'desc'
|
}
|
,cols: [[
|
{field:'stationname', title:'机房名称', align:'center', width: 460}
|
,{field:'warntype', title:'事件类型', align:'center'}
|
,{field:'warnstarttime', title:'事件开始时间', align:'center', sort: true}
|
,{field:'warnendtime', title:'事件结束时间', align:'center'}
|
,{field:'warntimelen', title:'事件时长(分钟)', align:'center'}
|
]]
|
,data: rsData
|
,page: {
|
layout:['count', 'prev', 'page', 'next']
|
}
|
,height: 'full-0'
|
};
|
|
// 生成表格数据
|
table.render(tOptions);
|
|
$('#search').click(function() {
|
// 根据条件查询内容
|
searchData(detailsOpts);
|
});
|
|
|
// 处理查询结果数据
|
function handleRsData(data) {
|
var rsData = [];
|
//
|
var temp = {};
|
for(var i=0;i<data.length;i++){
|
var _data = data[i];
|
if(_data.station_event_trig == 1){
|
temp = {
|
stationname:_data.stationName,
|
warntype:abnormal[_data.station_event_type],
|
warntypenum:_data.station_event_type,
|
warnstarttime:_data.record_datetime,
|
warnendtime:'-',
|
warntimelen:'-',
|
}
|
rsData.push(temp);
|
}else if(_data.station_event_trig == 2){
|
if(temp.warntypenum == _data.station_event_type){
|
temp.warnendtime = _data.record_datetime;
|
var timelong = (new Date(temp.warnendtime).getTime()- new Date(temp.warnstarttime).getTime())/1000;
|
temp.warntimelen = (timelong/60).toFixed(2);
|
}
|
|
}
|
}
|
return rsData;
|
}
|
|
// 查询电池组下所有的单体
|
function searchData(obj) {
|
// 添加等待框
|
var loading = layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2
|
var structData = structSearchData(obj);
|
$.ajax({
|
type: 'post',
|
async: true,
|
url:'Bts_station_eventAction!serchByInfo',
|
data: 'json='+JSON.stringify(structData),
|
dataType: 'json',
|
success: function(result) {
|
layer.close(loading); // 关闭等待框
|
var rs = JSON.parse(result.result);
|
if(rs.code == 1) {
|
var data = rs.data;
|
//console.log(data);
|
var num = 0;
|
var rsData = handleRsData(data);
|
num = rsData.length;
|
tOptions.data = rsData;
|
// 设置分页信息
|
tOptions.page.layout = ['count', 'prev', 'page', 'next']; //自定义分页布局
|
}else {
|
tOptions.data = [];
|
}
|
// 重新绘制表格内容
|
table.reload('groupTbl', tOptions);
|
}
|
});
|
}
|
|
// 构造查询对象
|
function structSearchData(data) {
|
var obj = data;
|
obj.record_datetime = $('#startTime').val(); // 开始时间
|
obj.record_datetime_end = $('#endTime').val(); // 结束时间时间
|
obj.station_event_type = $('#warnType').val();
|
return obj;
|
}
|
|
// 构造生成表格数据的方法
|
function formaterTblData(data) {
|
//console.log(data);
|
var rs = []; // 结果集
|
|
// 遍历查询的结果根据查询结果生成指定的格式
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var obj = {};
|
obj.stationname = _data.StationName; // 机房名称
|
obj.groupname = _data.BattGroupName; // 电池组名称
|
obj.monvol = _data.MonVolStd; // 标称电压
|
obj.nominalcap = Number(_data.MonCapStd); // 标称容量
|
obj.monnum = '#'+_data.MonNum; // 单体编号
|
obj.brandname = _data.BattProducer; // 品牌
|
// 不显示内容
|
obj.num = _data.MonNum; // 单体编号不加#
|
obj.battgroupid = _data.BattGroupId; // 电池组id
|
obj.stationid = _data.StationId; // 机房id
|
// 判断当前位置的单体是否为空白()
|
if(_data.num || _data.num == undefined) {
|
rs.push(obj);
|
}
|
}
|
|
return rs; // 返回结果集
|
}
|
});
|
</script>
|
</body>
|
</html>
|