<%@ 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 charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta http-equiv="pragma" content="no-cache">
|
<meta http-equiv="cache-control" content="no-cache">
|
<meta http-equiv="expires" content="0">
|
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
<meta http-equiv="description" content="This is my page">
|
<title><s:text name="Batch_batt_param_set"/></title> <!-- 批量电池参数设置 -->
|
<link rel="stylesheet" type="text/css" href="pages/css/base.css">
|
<link rel="stylesheet" type="text/css" href="jqueryui/jquery-ui.css">
|
<link rel="stylesheet" type="text/css" href="src/css/layui.css">
|
<link rel="stylesheet" type="text/css" href="pages/css/mylayui.css">
|
<link rel="stylesheet" type="text/css" href="css/popup-tbl.css">
|
<link rel="stylesheet" type="text/css" href="css/whyc-ui.css">
|
<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
|
<style>
|
.dataTypeCont {
|
width: 160px;
|
text-align: center;
|
}
|
.dataTypeCont .layui-form-switch {
|
min-width: 70px;
|
margin-top: 4px;
|
}
|
.error-img {
|
visibility: hidden;
|
font-size: 20px;
|
color: #FF0000;
|
}
|
.error-data {
|
visibility:visible !important;
|
}
|
input.error-data {
|
outline: none !important;
|
border: 1px solid #FF0000 !important;
|
}
|
.layui-table-header .fa:hover {
|
cursor: pointer;
|
color: #1E9FFF;
|
}
|
</style>
|
<body>
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!--导航开始-->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<!-- 主体内容 -->
|
<div class="layui-page-container" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc1-14" data-genuitec-path="/gx_tieta/WebRoot/batch-set-curr.jsp">
|
<!-- 条件筛选 -->
|
<div class="layui-page-filter">
|
<div class="page-filter-header layui-page-filter-fweight"><s:text name="Batch_batt_param_set"/></div>
|
<div class="page-filter-content">
|
<table>
|
<tr class="layui-page-filter-tbl-header layui-page-filter-fweight">
|
<td>省</td> <!-- 省 -->
|
<td>市</td> <!-- 市 -->
|
<td>区/县</td> <!-- 市 -->
|
<td><s:text name="Computer_name"/></td> <!-- 机房名称 -->
|
<td>系统类型</td>
|
</tr>
|
<tr>
|
<td>
|
<div class="layui-form" lay-filter="provinceFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="province" id="province" lay-filter="province">
|
<option value="">请选择省</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="cityFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="city" id="city" lay-filter="city">
|
<option value="">请选择市/区</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="countyFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="county" id="county" lay-filter="county" lay-search="">
|
<option value="">请选择区/县</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
|
<td>
|
<div class="layui-form" lay-filter="homeFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="home" id="home" lay-filter="home" lay-search="">
|
<option value="">请选择机房</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="sysTypeFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="sysType" id="sysType" lay-filter="sysType" lay-search="">
|
<option value="12">12V设备</option>
|
<option value="2">2V设备</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td style="display:none;">
|
<div class="layui-form" lay-filter="battNumFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="battNum" id="battNum" lay-filter="battNum">
|
<option value="0">电池组1</option>
|
<option value="1">电池组2</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
|
</tr>
|
</table>
|
</div>
|
</div>
|
<!-- 页面主题内容 -->
|
<div class="layui-page-content" style="position: relative;">
|
<div class="layui-tbl-filter">
|
<div class="layui-form layui-form-pane" lay-filter="tblFilter">
|
<div class="layui-inline">
|
<div class="layui-input-inline">
|
<div class="layui-form" lay-filter="addTypeFilter">
|
<select name="addType" id="addType" lay-filter="addType">
|
<option value="0">单个机房</option>
|
<option value="5">全区/县</option>
|
<option value="2">全市</option>
|
<option value="1">全省</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<button class="layui-btn layui-btn-sm mrl8" id="batchAdd"><i class="fa fa-plus mrr8"></i>添加设备</button>
|
<button class="layui-btn layui-btn-sm" id="sysSet">批量设置电池参数</button>
|
<button class="layui-btn layui-btn-sm" id="batchRead">批量读取电池参数</button>
|
<span class="mrl8">选中个数/总数:</span>
|
<button class="layui-btn layui-btn-sm" id="qNumber">0/0</button>
|
</div>
|
</div>
|
<!-- 表格内容 -->
|
<table id="pageTbl" lay-filter="pageTbl"></table>
|
</div>
|
</div>
|
<!-- 存储set-curr.html的信息 -->
|
<div id="setCurrIframe"></div>
|
<div id="setCurrBtn"></div>
|
<div id="batSetTest"></div>
|
<!-- 设备工作状态 -->
|
<script type="text/html" id="devStatus">
|
{{# if(d.devStatus) { }}
|
{{d.devStatus}}
|
{{# }else{ }}
|
状态:???,告警:???,组端电压(V):???,电流(A):???,容量(AH):???
|
{{# } }}
|
</script>
|
<!-- 已测时长 -->
|
<script type="text/html" id="testTime">
|
{{# if(d.testTime) { }}
|
{{d.testTime}}
|
{{# }else{ }}
|
00:00:00
|
{{# } }}
|
</script>
|
<!-- 通信计数signalNum -->
|
<script type="text/html" id="signalNum">
|
{{# if(d.signalNum) { }}
|
{{d.signalNum}}
|
{{# }else{ }}
|
???
|
{{# } }}
|
</script>
|
<!-- STD_CAP -->
|
<script type="text/html" id="STD_CAP">
|
{{# if(d.STD_CAP_bool) { }}
|
{{ d.STD_CAP }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.STD_CAP }}</span>
|
{{# } }}
|
</script>
|
<!-- STD_RES -->
|
<script type="text/html" id="STD_RES">
|
{{# if(d.STD_RES_bool) { }}
|
{{ d.STD_RES }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.STD_RES }}</span>
|
{{# } }}
|
</script>
|
<!-- BattGroupCount -->
|
<script type="text/html" id="BattGroupCount">
|
{{# if(d.BattGroupCount_bool) { }}
|
{{ d.BattGroupCount }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.BattGroupCount }}</span>
|
{{# } }}
|
</script>
|
<!-- EachGroupBattCount -->
|
<script type="text/html" id="EachGroupBattCount">
|
{{# if(d.EachGroupBattCount_bool) { }}
|
{{ d.EachGroupBattCount }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.EachGroupBattCount }}</span>
|
{{# } }}
|
</script>
|
<!-- MonomerVol -->
|
<script type="text/html" id="MonomerVol">
|
{{# if(d.MonomerVol_bool) { }}
|
{{ d.MonomerVol }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.MonomerVol }}</span>
|
{{# } }}
|
</script>
|
<!-- GroupVol -->
|
<script type="text/html" id="GroupVol">
|
{{# if(d.GroupVol_bool) { }}
|
{{ d.GroupVol }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.GroupVol }}</span>
|
{{# } }}
|
</script>
|
<!-- BattTemp -->
|
<script type="text/html" id="BattTemp">
|
{{# if(d.BattTemp_bool) { }}
|
{{ d.BattTemp }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.BattTemp }}</span>
|
{{# } }}
|
</script>
|
<!-- FloatChargeVol -->
|
<script type="text/html" id="FloatChargeVol">
|
{{# if(d.FloatChargeVol_bool) { }}
|
{{ d.FloatChargeVol }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.FloatChargeVol }}</span>
|
{{# } }}
|
</script>
|
<!-- FloatChargeCurr -->
|
<script type="text/html" id="FloatChargeCurr">
|
{{# if(d.FloatChargeCurr_bool) { }}
|
{{ d.FloatChargeCurr }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.FloatChargeCurr }}</span>
|
{{# } }}
|
</script>
|
<!-- OnlineVolLow -->
|
<script type="text/html" id="OnlineVolLow">
|
{{# if(d.OnlineVolLow_bool) { }}
|
{{ d.OnlineVolLow }}
|
{{# }else { }}
|
<span style="color: #FF0000;">{{ d.OnlineVolLow }}</span>
|
{{# } }}
|
</script>
|
<!-- 操作栏 -->
|
<script type="text/html" id="doThings">
|
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="read">读取</button>
|
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="control">实时数据</a>
|
</script>
|
<!-- 读取状态 -->
|
<script type="text/html" id="readStatus">
|
{{# if(d.readStatus == 1){ }}
|
<button class="layui-btn layui-btn-sm layui-btn-normal">读取成功</button>
|
{{# }else { }}
|
<button class="layui-btn layui-btn-sm layui-btn-danger">读取失败</button>
|
{{# } }}
|
</script>
|
<!-- 设置状态 -->
|
<script type="text/html" id="setStatus">
|
{{# if(d.setStatus == 1){ }}
|
<button class="layui-btn layui-btn-sm layui-btn-normal">设置成功</button>
|
{{# }else if(d.setStatus == 2) { }}
|
<button class="layui-btn layui-btn-sm layui-btn-danger">设置失败</button>
|
{{# }else { }}
|
<button class="layui-btn layui-btn-sm layui-btn-disabled">未设置</button>
|
{{# } }}
|
</script>
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="js/echarts.js"></script>
|
<script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
|
<script type="text/javascript" src="js/popup.js"></script>
|
<script type="text/javascript" src="src/layui.js"></script>
|
<script type="text/javascript" src="pages/js/mylayui.js"></script>
|
<script type="text/javascript" src="js/whyc-jqueryui.js"></script>
|
<script type="text/javascript" src="pages/js/common.js"></script>
|
<script type="text/javascript">
|
var BTS_popup = new Popup($('#battInfo_popup'));
|
// 充放电弹出框设置
|
$(function() {
|
// 初始化bts弹出框
|
$('#battInfo_popup').find('.close').bind('click', function() {
|
BTS_popup.hidePopup(); // 隐藏bts弹出框和遮罩层
|
});
|
|
// 窗口大小改变
|
$(window).resize(function() {
|
BTS_popup.hidePopup(); // 隐藏bts弹出框和遮罩层
|
});
|
});
|
|
layui.use(['form', 'table', 'layer', 'element', 'laytpl'], function() {
|
var table = layui.table; // 获取表格模块
|
var form = layui.form; // 获取表单模块
|
var layer = layui.layer; // 获取弹出框模块
|
var element = layui.element; // 获取元素操作模块
|
var laytpl = layui.laytpl; // 获取模块操作
|
|
var isNewLoad = true;
|
var pre_province = getQueryString('province');
|
// 查询省下拉框
|
searchProvince();
|
// 查询省
|
var filterLoad = layer.load();
|
function searchProvince() {
|
// 请求后台查询
|
$.ajax({
|
type:'post',
|
async:true,
|
url: 'User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup',
|
data: null,
|
dataType: 'json',
|
success:function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#province'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "<s:text name='All'/>(<s:text name='Common'/>"+data.length+"<s:text name='Species'/>)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data, _data, {}, {});
|
if(pre_province == _data && isNewLoad){
|
_tmp = getLayuiSelect(_data, _data, {}, {},true);
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无省/直辖市', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'provinceFilter');
|
|
// 查询市
|
searchCity();
|
}
|
});
|
}
|
|
// 切换省-市
|
form.on('select(province)', function(data) {
|
// 查询市
|
searchCity(true);
|
});
|
|
// 查询市
|
function searchCity(isLoad) {
|
// 构造查询条件
|
var tmp = {
|
StationName1: $("#province").val()
|
};
|
var pre_city = getQueryString('city');
|
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName2',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#city'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "<s:text name='All'/>(<s:text name='Common'/>"+data.length+"<s:text name='Species'/>)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data);
|
if(pre_city == _data.StationName2 && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data,true);
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无市/区', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'cityFilter');
|
|
// 查询区县
|
searchCounty();
|
}
|
});
|
}
|
|
// 切换市-区县
|
form.on('select(city)', function(data) {
|
// 查询区县
|
searchCounty(true);
|
});
|
|
|
// 查询区/县
|
function searchCounty(isLoad) {
|
var list = []; // option结果集
|
var ele = $('#county'); // 目标select
|
// 判断必要条件是否存在
|
var parentStatus = checkLayuiParent($("#city"));
|
if(!parentStatus) {
|
layer.close(filterLoad); // 关闭等待框
|
list.push(getLayuiSelect('请先选择市', '', {}, undefined));
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'countyFilter');
|
// 查询机房
|
searchHome();
|
return;
|
}
|
|
// 构造查询条件
|
var tmp = {
|
StationName1: $("#province").val(),
|
StationName2: $("#city").val()
|
};
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
var pre_county = getQueryString('county');
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName5',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
//console.info(rs);
|
var list = []; // option结果集
|
var ele = $('#county'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "<s:text name='All'/>(<s:text name='Common'/>"+data.length+"<s:text name='Species'/>)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data);
|
if(pre_county == _data.StationName5 && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data,true);
|
}
|
//console.info(_tmp);
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无区/县', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'countyFilter');
|
|
// 查询机房
|
searchHome();
|
}
|
});
|
}
|
|
// 切换市-区县
|
form.on('select(county)', function(data) {
|
// 查询区县
|
searchHome(true);
|
});
|
|
// 查询机房
|
function searchHome(isLoad) {
|
var list = []; // option结果集
|
var ele = $('#home'); // 目标select
|
// 判断必要条件是否存在
|
var parentStatus = checkLayuiParent($("#county"));
|
if(!parentStatus) {
|
layer.close(filterLoad); // 关闭等待框
|
list.push(getLayuiSelect('请先选择区/县', '', {}, undefined));
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'homeFilter');
|
return;
|
}
|
|
// 构造查询条件
|
var tmp = {
|
StationName1:$("#province").val(),
|
StationName2:$("#city").val(),
|
StationName5:$("#county").val(),
|
};
|
var pre_home = getQueryString('home');
|
var auto_seach = false;
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName3',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#home'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "<s:text name='All'/>(<s:text name='Common'/>"+data.length+"<s:text name='Species'/>)";
|
list.push(getLayuiSelect(allTxt, '', {StationId: '', dev_id: ''}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _attr = {
|
StationId: _data.StationId,
|
dev_id: _data.FBSDeviceId
|
};
|
var _tmp = getLayuiSelect(_data.StationName, _data.StationName, _attr, _data);
|
if(pre_home == _data.StationName && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName, _data.StationName, _attr, _data,true);
|
auto_seach = true;
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无机房', '', {}, undefined));
|
}
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'homeFilter');
|
isNewLoad = false;
|
layer.close(filterLoad);
|
}
|
});
|
}
|
|
// 切换机房
|
form.on('select(home)', function(data) {
|
|
});
|
|
// 表格模块
|
var tOptions = {
|
elem: '#pageTbl'
|
,toolbar: true
|
,defaultToolbar: []
|
,cellMinWidth: 80
|
,cols: [[
|
{type:'checkbox',fixed: 'left'}
|
,{field:'dev_id', title:'设备ID', align:'center', width: 160}
|
,{field:'StationName', title:'机房名称', align:'center', width: 470}
|
,{field:'readStatus', title:'读取状态', templet: '#readStatus', align:'center', width: 120}
|
,{field:'setStatus', title:'设置状态', templet: '#setStatus', align:'center', width: 120}
|
,{field:'STD_CAP', title:'电池标称容量(AH)<i class="fa fa-refresh" title="同步电池标称容量参数"></i>', templet: '#STD_CAP', align:'center', width: 220}
|
,{field:'STD_RES', title:'电池标称内阻(uΩ)<i class="fa fa-refresh" title="同步电池标称内阻参数"></i>', templet: '#STD_RES', align:'center', width: 220}
|
,{field:'BattGroupCount', title:'电池组组数 <i class="fa fa-refresh" title="同步电池组组数参数"></i>', templet: '#BattGroupCount', align:'center', width: 180}
|
,{field:'EachGroupBattCount', title:'每组电池单体数量 <i class="fa fa-refresh" title="同步每组电池单体数量参数"></i>', templet: '#EachGroupBattCount', align:'center', width: 220}
|
,{field:'MonomerVol', title:'单体标称电压(V) <i class="fa fa-refresh" title="同步单体标称电压参数"></i>', templet: '#MonomerVol', align:'center', width: 220}
|
,{field:'StationName9', title:'设备版本号', align:'center', width: 180}
|
,{field:'GroupVol', title:'电池组端标称电压(V)', align:'center', width: 220}
|
,{field:'BattTemp', title:'电池标称温度(℃) <i class="fa fa-refresh" title="同步电池标称温度参数"></i>', templet: '#BattTemp', align:'center', width: 220}
|
,{field:'FloatChargeVol', title:'电池浮充电压阀值(V) <i class="fa fa-refresh" title="同步电池浮充电压阀值参数"></i>', templet: '#FloatChargeVol', align:'center', width: 220}
|
,{field:'FloatChargeCurr', title:'电池浮充电流阀值(A) <i class="fa fa-refresh" title="同步电池浮充电流阀值参数"></i>', templet: '#FloatChargeCurr', align:'center', width: 220}
|
,{field:'OnlineVolLow', title:'在线电压低阀值(V) <i class="fa fa-refresh" title="同步在线电压低阀值参数"></i>', templet: '#OnlineVolLow', align:'center', width: 220}
|
,{field:'GroupConnType', title:'电池组连接类型', templet: '#GroupConnType', align:'center', width: 220}
|
,{field:'doThings', fixed: 'right', title: '操作', toolbar: '#doThings', align: 'center', width: 180}
|
]]
|
,data:[]
|
,limit: 10000
|
,page: false
|
,height: 'full-252'
|
};
|
|
// 生成表格数据
|
table.render(tOptions);
|
|
// 更新表格的对象
|
var layuiTbl = new LayuiTbl(tOptions, layui, laytpl, table.cache.pageTbl);
|
|
// 统计已选中个数和添加到表格中数据的个数
|
var quantNum = new QuantNumber($('#qNumber'));
|
|
// 表格复选框点击监测
|
table.on('checkbox(pageTbl)', function(obj){
|
var checkStatus = table.checkStatus('pageTbl'); //idTest 即为基础参数 id 对应的值
|
var checkData = checkStatus.data; // 被选中的数据
|
quantNum.setMol(checkData.length);
|
});
|
|
// 点击表格中同步的按钮
|
$('.layui-page-content').on('click', '.layui-table-header .fa', function() {
|
var title = $(this).attr('title');
|
var th = $(this).parent().parent().parent();
|
var field = th.data('field');
|
// 判断是否存在可以设置的机房
|
if(tOptions.data.length == 0) {
|
layer.msg('请先添加机房!');
|
}else {
|
// 更新指定的列
|
updateData(field, title);
|
|
}
|
});
|
|
// 同步数据
|
function updateData(field, title) {
|
var checkStatus = table.checkStatus('pageTbl'); // 获取被选中的行
|
var checkData = checkStatus.data;
|
if(checkData.length == 0) {
|
layer.msg('请选择要同步的机房!');
|
return;
|
}
|
// 设置cache的值
|
layuiTbl.setCache(table.cache.pageTbl);
|
var field_b = field+'_b';
|
var field_bool = field+'_bool';
|
// 判断是否确认提交内容
|
layer.confirm('是否确认'+title, {icon: 3, title: '提示'}, function(index) {
|
layer.close(index);
|
// 更新指定列的数据
|
for(var i=0; i<checkData.length; i++) {
|
var _data = checkData[i];
|
var tmp = {};
|
tmp.key_id = _data.key_id;
|
tmp[field] = _data[field_b];
|
tmp[field_bool] = true;
|
layuiTbl.updateCol('key_id', field, tmp);
|
}
|
});
|
|
}
|
|
// 表格工具栏操作
|
table.on('tool(pageTbl)', function(obj){
|
var event = obj.event;
|
switch(event) {
|
case 'read': // 读取参数
|
readBattParams(obj);
|
break;
|
case 'del': // 删除
|
delItem(obj);
|
break;
|
case 'control':
|
targetControl(obj);
|
break;
|
}
|
});
|
|
// 跳转到实时界面
|
function targetControl(obj) {
|
var data = obj.data;
|
var pageName = "control.jsp"; // 跳转页面名称
|
var province = data.StationName1; // 省
|
var city = data.StationName2; // 市
|
var county = data.StationName5; // 区县
|
var home = data.StationName; // 机房名称
|
// 实现跳转
|
window.open(skipUrl(pageName, province, city, county, home));
|
}
|
|
// 电池参数的命名
|
var battParam = GLOBAL.CMD.batt;
|
// 读取单行放电参数
|
function readBattParams(obj) {
|
var data = getCheckedData([obj.data]);
|
var keyIds= getKeyId([obj.data]);
|
// 构造查询条件
|
var tmp = {
|
num: 0 // 默认为0
|
,dev_id: data[0].dev_id // 设备id
|
,op_cmd: battParam.get // 电池参数获取命令
|
};
|
|
// 请求读取参数
|
ajaxReadBattParams([tmp], keyIds);
|
}
|
|
// 点击批量读取按钮
|
$('#batchRead').click(function() {
|
var checkStatus = table.checkStatus('pageTbl'); //idTest 即为基础参数 id 对应的值
|
var cData = checkStatus.data;
|
if(cData.length == 0) {
|
layer.msg('请选择要读取的机房!');
|
return;
|
}
|
|
// 请求后台
|
batchReadBattParams(cData);
|
});
|
|
// 批量读取参数
|
function batchReadBattParams(cData) {
|
var data = getCheckedData(cData);
|
var keyIds= getKeyId(cData);
|
var tmps = [];
|
// 遍历data的值,构造查询条件
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {
|
num: 0 // 默认为0
|
,dev_id: _data.dev_id // 设备id
|
,op_cmd: battParam.get // 电池参数获取命令
|
};
|
tmps.push(tmp);
|
}
|
|
// 请求读取参数
|
ajaxReadBattParams(tmps, keyIds);
|
}
|
|
// 向后台发送请求读取参数
|
function ajaxReadBattParams(params, keys) {
|
var loading = layer.load(1);
|
// 请求后台
|
$.ajax({
|
type: 'post'
|
,async: true
|
,url: 'Fbs9100_battparamAction_action_readPL'
|
,data: 'json='+JSON.stringify(params)
|
,dataType: 'json'
|
,success: function(res) {
|
var rs = JSON.parse(res.result);
|
// 判断是否有数据
|
if(rs.code == 1) {
|
var data = rs.data;
|
formaterReadDatas(data, keys);
|
}else {
|
layer.msg('读取失败!请重新请求');
|
}
|
}
|
,error: function() {
|
layer.msg('读取失败,请检查网络是否正常!')
|
}
|
,complete: function() {
|
layer.close(loading);
|
}
|
});
|
}
|
|
// 处理读取结果集并返回指定结果集
|
function formaterReadDatas(data, keys) {
|
var rs = [];
|
// 遍历data的值
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _key_id = keys[i].key_id; // 获取标识位
|
var _tmp = {};
|
_tmp.key_id = _key_id; // 添加标识位
|
|
// 获取对应的tr的值
|
var layuiData = layuiTbl.getTr('key_id', _key_id);
|
|
// 判断是否存在对应的表格数据
|
if(layuiData.code == 1) {
|
// 判断是否读取成功
|
if(_data.num==1) {
|
var obj = _data.obj[0];
|
_tmp = contrastData(layuiData.data, _data.obj[0]);
|
_tmp.readStatus = 1; // 读取状态
|
_tmp.setStatus = 0; // 设置参数状态初始化
|
}else {
|
_tmp.num = 0;
|
_tmp.readStatus = 0;
|
_tmp.setStatus = 0; // 设置参数状态初始化
|
}
|
|
}else {
|
console.log(layuiData.msg); // 输出读取失败原因
|
_tmp.num = 0;
|
_tmp.readStatus = 0; // 读取失败
|
_tmp.setStatus = 0; // 设置参数状态初始化
|
}
|
// 将数据添加到结果集中
|
rs.push(_tmp);
|
}
|
// 更新表格
|
layuiTbl.update('key_id', rs);
|
}
|
|
// 对比表格数据和读取到的数据
|
function contrastData(tData, rData) {
|
var rs = {};
|
// 遍历rData的值
|
Object.keys(rData).forEach(function(key) {
|
// 判断是否为num
|
var _data = rData[key];
|
rs.key_id = tData.key_id;
|
if(key != 'num') {
|
rs[key] = _data;
|
// 获取其他辅助值
|
var bKey = key+'_b';
|
var boolKey = key+'_bool';
|
var bVal = tData[bKey];
|
if(bVal != undefined && bVal != _data) {
|
rs[boolKey] = false;
|
}
|
}
|
});
|
|
return rs;
|
}
|
|
// 删除表格的行
|
function delItem(obj) {
|
// 弹出是否删除面板
|
layer.confirm('是否删除当前行', {icon: 2, title: '删除提示'}, function(index) {
|
layer.close(index);
|
layuiTbl.delTr(table.cache.pageTbl, obj); // 删除指定的行
|
});
|
}
|
|
// 批量设置电池参数的按钮
|
$('#sysSet').click(function() {
|
var checkStatus = table.checkStatus('pageTbl'); //idTest 即为基础参数 id 对应的值
|
var cData = checkStatus.data;
|
if(cData.length == 0) {
|
layer.msg('请选择要批量设置的机房!');
|
return;
|
}
|
|
let goodAndBadHome = getGoodAndBadHome(cData);
|
let goodHome = goodAndBadHome.good;
|
// 判断goodHome
|
if(goodHome.length == 0) {
|
layer.msg('请选择读取成功的机房');
|
return;
|
}
|
|
// 设置内容
|
$('#batSetTest').data('goodAndBadHome', goodAndBadHome);
|
// 打开面板
|
layer.open({
|
type: 2
|
,title: '电池参数设置提示'
|
,area: ['1200px', '500px']
|
,content: 'iframe/bat-set-test.html'
|
,btn:['确定', '取消']
|
,yes: function(sysSetTestIndex) {
|
var keyIds= getKeyId(goodHome); // 获取标识符
|
var rsData = [];
|
for(var i=0; i<goodHome.length; i++) {
|
var _data = goodHome[i];
|
_data.op_cmd = battParam.set;
|
_data.num = 0;
|
rsData.push(_data);
|
}
|
|
// 批量设置
|
batchSetBattParams(rsData, keyIds, sysSetTestIndex);
|
}
|
});
|
|
var data = getCheckedData(cData); // 格式化被选中行数据
|
var keyIds= getKeyId(cData); // 获取标识符
|
|
});
|
|
// 设置添加操作的字符串
|
var addBattStr = '';
|
// 批量设置放电参数
|
function batchSetBattParams(params, keys, sIndex) {
|
// 判断data的值是否为空
|
if(params.length == 0) {
|
layer.msg('请选择要批量设置的机房!');
|
}
|
// 判断是否批量设置
|
layer.confirm('是否确认批量设置电池参数', {icon: 3, title: '批量设置提醒'}, function(index) {
|
layer.close(sIndex);
|
layer.close(index);
|
var loading = layer.load(1);
|
// 请求后台
|
$.ajax({
|
type: 'post'
|
,async: true
|
,url: 'Fbs9100_battparamAction_action_updatePro'
|
,data: 'json='+JSON.stringify(params)+'&json_msg='+addBattStr
|
,dataType: 'json'
|
,success: function(res) {
|
var rs = JSON.parse(res.result);
|
var rsData= [];
|
if(rs.code == 1) {
|
var data = rs.data;
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _key = keys[i];
|
var _tmp = {
|
key_id: _key.key_id
|
};
|
|
// 判断是否设置成功
|
if(_data.num == 1) {
|
_tmp.setStatus = 1; // 设置成功
|
}else {
|
_tmp.setStatus = 2; // 设置失败
|
}
|
|
rsData.push(_tmp);
|
}
|
}else {
|
for(var i=0; i<keys.length; i++) {
|
var _key = keys[i];
|
var _tmp = {
|
key_id: _key.key_id
|
,setStatus: 2
|
};
|
rsData.push(_tmp);
|
}
|
}
|
|
// 更新表格
|
layuiTbl.update('key_id', rsData);
|
}
|
,complete: function() {
|
layer.close(loading);
|
}
|
});
|
});
|
}
|
|
// 点击添加电池组
|
$('#setCurrIframe').data('setCurr', []);
|
$('#batchAdd').click(function() {
|
var structData = structAddData();
|
// 判断是否选择要添加的内容
|
if(structData.msg) {
|
layer.msg(structData.msg);
|
return;
|
}
|
$('#setCurrIframe').data('setCurr', []);
|
// 弹出设置选择筛选条件
|
search(structData);
|
});
|
|
// 根据查询条件查询内容
|
function search(temp) {
|
var load = layer.load(1);
|
// 查询后台
|
$.ajax({
|
type: 'post'
|
,async: true
|
,url: 'Fbs9100_battparamAction_action_serchBattinfAndParam'
|
,data: 'json='+JSON.stringify(temp)
|
,dataType: 'json'
|
,success: function(res) {
|
var rs = JSON.parse(res.result);
|
//console.log(rs);
|
var data = [];
|
addBattStr = ''; // 初始化字符串
|
if(rs.code == 1) {
|
data = rs.data;
|
data = formatSearchData(data);
|
}else {
|
layer.msg('没有可设置的机房!');
|
}
|
// 如果有添加的数据
|
if(data.length !=0) {
|
if(addBattStr.length == 0) { // 字符串长度为0
|
addBattStr += getFilterStr(temp);
|
}else {
|
addBattStr += ','+getFilterStr(temp);
|
}
|
}
|
|
tOptions.data = data;
|
// 统计添加到表格中的个数
|
quantNum.set(0, data.length);
|
//console.log(data);
|
// 生成表格数据
|
table.render(tOptions);
|
layuiTbl.setCache(table.cache.pageTbl);
|
}
|
,complete:function() {
|
layer.close(load);
|
}
|
});
|
}
|
|
// 点击添加构造查询
|
function structAddData() {
|
//1省(文本值) 2:市(文本值) 5:区县(文本值) 0:机房 (设备id)
|
var addType = $('#addType').val(); // 添加机房的方式
|
var msg = ''; // 提示信息
|
var rs = {
|
num: addType, // 添加机房的类型
|
StationName: '', // 省市区或机房名称
|
GroupIndexInFBSDevice: 100, // 索引
|
MonVolStd: $('#sysType').val() // 设备类型
|
};
|
switch(addType) {
|
case '1':
|
var province = $('#province').val();
|
rs.StationName = province;
|
msg = '请选择省';
|
break;
|
case '2':
|
var city = $('#city').val();
|
rs.StationName = city;
|
msg = '请选择市';
|
break;
|
case '5':
|
var county = $('#county').val();
|
rs.StationName = county;
|
msg = '请选择区/县';
|
break;
|
case '0':
|
var home = $('#home').find('option:selected').attr('stationid');
|
rs.StationName = home;
|
msg = '请选择机房';
|
break;
|
}
|
if(!rs.StationName) {
|
rs.msg = msg;
|
}
|
return rs;
|
}
|
|
// 处理添加机房信息的结果
|
function formatSearchData(data) {
|
console.log(data);
|
var rs = [];
|
// 遍历data的
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
|
var obj = _data.obj[0];
|
var tmp = {};
|
tmp.num = _data.num; // 判断是否读取成功
|
tmp.readStatus = _data.num;
|
tmp.key_id = i;
|
tmp.dev_id = obj.dev_id; // 设备ID
|
tmp.dev_ip = obj.dev_ip; // 设备IP
|
tmp.StationName1=_data.StationName1; // 省
|
tmp.StationName2=_data.StationName2; // 市
|
tmp.StationName5=_data.StationName5; // 区县
|
tmp.StationName = _data.StationName; // 机房名称
|
tmp.GroupConnType = 0; // 电池组连接类型
|
tmp.StationName9 = _data.StationName9; // 设备版本号
|
|
tmp.GroupVol = obj.GroupVol; // 电池组端标称电压(V)
|
|
tmp.STD_CAP = obj.STD_CAP; // 电池标称容量(AH)
|
tmp.STD_CAP_b = _data.MonCapStd;
|
tmp.STD_CAP_bool = isNumEqual(_data.MonCapStd, obj.STD_CAP);
|
|
tmp.STD_RES = obj.STD_RES; // 电池标称内阻(uΩ)
|
tmp.STD_RES_b = _data.MonSerStd;
|
tmp.STD_RES_bool = isNumEqual(_data.MonSerStd, obj.STD_RES);
|
|
tmp.BattGroupCount = obj.BattGroupCount; // 电池组组数
|
tmp.BattGroupCount_b = _data.BattGroupNum;
|
tmp.BattGroupCount_bool = isNumEqual(_data.BattGroupNum, obj.BattGroupCount);
|
|
tmp.EachGroupBattCount = obj.EachGroupBattCount; // 每组电池单体数量
|
tmp.EachGroupBattCount_b = _data.MonCount;
|
tmp.EachGroupBattCount_bool = isNumEqual(_data.MonCount, obj.EachGroupBattCount);
|
|
tmp.MonomerVol = obj.MonomerVol; // 单体标称电压(V)
|
tmp.MonomerVol_b = _data.MonVolStd;
|
tmp.MonomerVol_bool = isNumEqual(_data.MonVolStd, obj.MonomerVol);
|
|
tmp.BattTemp = obj.BattTemp; // 电池标称温度(℃)
|
tmp.BattTemp_b = _data.MonTmpStd;
|
tmp.BattTemp_bool = isNumEqual(_data.MonTmpStd, tmp.BattTemp);
|
|
tmp.FloatChargeVol = obj.FloatChargeVol; // 电池浮充电压阀值(V)
|
tmp.FloatChargeVol_b = _data.FloatVolLevel;
|
tmp.FloatChargeVol_bool = isNumEqual(_data.FloatVolLevel, tmp.FloatChargeVol);
|
|
tmp.FloatChargeCurr = obj.FloatChargeCurr; // 电池浮充电流阀值(A)
|
tmp.FloatChargeCurr_b = _data.BattFloatCurrent;
|
tmp.FloatChargeCurr_bool = isNumEqual(_data.BattFloatCurrent, tmp.FloatChargeCurr);
|
|
tmp.OnlineVolLow = obj.OnlineVolLow; // 在线电压低阀值(V)
|
tmp.OnlineVolLow_b = _data.OfflineVolLevel;
|
tmp.OnlineVolLow_bool = isNumEqual(_data.OfflineVolLevel, tmp.OnlineVolLow);
|
|
rs.push(tmp);
|
}
|
|
return rs;
|
}
|
|
// 获取两个数是否一致
|
function isNumEqual(num1, num2) {
|
return num1==num2;
|
}
|
|
// 获取被选中行的标识位
|
function getKeyId(data) {
|
var rs = [];
|
// 遍历data的值
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.key_id = _data.key_id;
|
rs.push(tmp);
|
}
|
return rs;
|
}
|
|
|
// 获取被选中的行的数据并处理返回指定的对象数组
|
function getCheckedData(data) {
|
var rs = [];
|
// 处理数据
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.num = _data.num; // 判断是否读取成功
|
tmp.dev_id = _data.dev_id; // 设备ID
|
tmp.dev_ip = _data.dev_ip; // 设备IP
|
tmp.StationName = _data.StationName; // 机房名称
|
tmp.GroupConnType = 0; // 电池组连接类型
|
tmp.StationName9 = _data.StationName9; // 设备版本号
|
tmp.GroupVol = _data.GroupVol; // 电池组端标称电压(V)
|
tmp.STD_CAP = _data.STD_CAP; // 电池标称容量(AH)
|
tmp.STD_RES = _data.STD_RES; // 电池标称内阻(uΩ)
|
tmp.BattGroupCount = _data.BattGroupCount; // 电池组组数
|
tmp.EachGroupBattCount = _data.EachGroupBattCount; // 每组电池单体数量
|
tmp.MonomerVol = _data.MonomerVol; // 单体标称电压(V)
|
tmp.BattTemp = _data.BattTemp; // 电池标称温度(℃)
|
tmp.FloatChargeVol = _data.FloatChargeVol; // 电池浮充电压阀值(V)
|
tmp.FloatChargeCurr = _data.FloatChargeCurr; // 电池浮充电流阀值(A)
|
tmp.OnlineVolLow = _data.OnlineVolLow; // 在线电压低阀值(V)
|
tmp.readStatus = _data.readStatus; // 读取状态
|
// 将数据放到返回的结果集中
|
rs.push(tmp);
|
}
|
return rs;
|
}
|
|
// 获取筛选条件的字符串
|
function getFilterStr(data) {
|
var rsString = '';
|
rsString += data.StationName;
|
rsString += '-'+data.MonVolStd+'V设备';
|
rsString += '-'+(data.GroupIndexInFBSDevice == '0'?'电池组1': '电池组2');
|
return rsString;
|
}
|
|
// 根据readStatus的值设置电池参数的值区分可设置参数的机房信息/不可设置参数的机房
|
function getGoodAndBadHome(data) {
|
let rs = {
|
good: []
|
,bad: []
|
};
|
|
// 遍历data的值
|
for(var i=0; i<data.length; i++) {
|
let _data = data[i];
|
let status = _data.readStatus;
|
if(status) {
|
rs.good.push(_data);
|
}else {
|
rs.bad.push(_data);
|
}
|
}
|
|
return rs;
|
}
|
|
|
});
|
</script>
|
</body>
|
</html>
|