<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>电池参数设置</title>
|
<link rel="stylesheet" href="../src/css/layui.css">
|
<link rel="stylesheet" href="../pages/css/mylayui.css">
|
<style>
|
html,body{
|
min-width: 400px;
|
}
|
body.homeinfo-tab .layui-tab {
|
margin: 0;
|
}
|
body.homeinfo-tab .layui-tab-card{
|
border: none;
|
}
|
body.homeinfo-tab .layui-tab-content {
|
padding: 0;
|
}
|
|
</style>
|
</head>
|
<body class="homeinfo-tab">
|
<div class="layui-tab layui-tab-card" lay-filter="homeInfo">
|
<ul class="layui-tab-title">
|
<li class="layui-this">可设置机房<span class="layui-badge" id="goodHomeNum">0</span></li>
|
<li>不可设置机房<span class="layui-badge" id="badHomeNum">0</span></li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<table id="pageTblGood" lay-filter="pageTblGood"></table>
|
</div>
|
<div class="layui-tab-item">
|
<table id="pageTblBad" lay-filter="pageTblBad"></table>
|
</div>
|
</div>
|
</div>
|
<!-- 读取状态 -->
|
<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/javascript" src="../js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="../src/layui.js"></script>
|
<script type="text/javascript">
|
layui.use(['table', 'element'], function() {
|
let table = layui.table; // 获取table模块
|
let element = layui.element; // 获取element模块
|
|
// 切换选择卡
|
element.on('tab(homeInfo)', function(elem){
|
$(window).resize();
|
});
|
|
// 可设置机房表格的配置项
|
let goodTblOpts = {
|
elem: '#pageTblGood'
|
,toolbar: false
|
,defaultToolbar: []
|
,cellMinWidth: 80
|
,cols: [[
|
{field:'dev_id', title:'设备ID', align:'center', width: 160}
|
,{field:'StationName', title:'机房名称', align:'center', width: 470}
|
,{field:'STD_CAP', title:'电池标称容量（AH）', templet: '#STD_CAP', align:'center', width: 220}
|
,{field:'STD_RES', title:'电池标称内阻（uΩ）', templet: '#STD_RES', align:'center', width: 220}
|
,{field:'BattGroupCount', title:'电池组组数', templet: '#BattGroupCount', align:'center', width: 180}
|
,{field:'EachGroupBattCount', title:'每组电池单体数量', templet: '#EachGroupBattCount', align:'center', width: 220}
|
,{field:'MonomerVol', title:'单体标称电压（V）', templet: '#MonomerVol', align:'center', width: 220}
|
,{field:'StationName9', title:'设备版本号', align:'center', width: 180}
|
,{field:'GroupVol', title:'电池组端标称电压（V）', align:'center', width: 220}
|
,{field:'BattTemp', title:'电池标称温度（℃） ', templet: '#BattTemp', align:'center', width: 220}
|
,{field:'FloatChargeVol', title:'电池浮充电压阀值（V） ', templet: '#FloatChargeVol', align:'center', width: 220}
|
,{field:'FloatChargeCurr', title:'电池浮充电流阀值（A） ', templet: '#FloatChargeCurr', align:'center', width: 220}
|
,{field:'OnlineVolLow', title:'在线电压低阀值（V） ', templet: '#OnlineVolLow', align:'center', width: 220}
|
,{field:'GroupConnType', title:'电池组连接类型', templet: '#GroupConnType', align:'center', width: 220}
|
,{field:'readStatus', fixed:'right', title:'读取状态', templet: '#readStatus', align:'center', width: 120}
|
]]
|
,data:[]
|
,limit: 10000
|
,page: false
|
,height: 'full-45'
|
};
|
|
let badTblOpts = {
|
elem: '#pageTblBad'
|
,toolbar: false
|
,defaultToolbar: []
|
,cellMinWidth: 80
|
,cols: [[
|
{field:'dev_id', title:'设备ID', align:'center', width: 160}
|
,{field:'StationName', title:'机房名称', align:'center', width: 470}
|
,{field:'STD_CAP', title:'电池标称容量（AH）', templet: '#STD_CAP', align:'center', width: 220}
|
,{field:'STD_RES', title:'电池标称内阻（uΩ）', templet: '#STD_RES', align:'center', width: 220}
|
,{field:'BattGroupCount', title:'电池组组数', templet: '#BattGroupCount', align:'center', width: 180}
|
,{field:'EachGroupBattCount', title:'每组电池单体数量', templet: '#EachGroupBattCount', align:'center', width: 220}
|
,{field:'MonomerVol', title:'单体标称电压（V）', templet: '#MonomerVol', align:'center', width: 220}
|
,{field:'StationName9', title:'设备版本号', align:'center', width: 180}
|
,{field:'GroupVol', title:'电池组端标称电压（V）', align:'center', width: 220}
|
,{field:'BattTemp', title:'电池标称温度（℃） ', templet: '#BattTemp', align:'center', width: 220}
|
,{field:'FloatChargeVol', title:'电池浮充电压阀值（V） ', templet: '#FloatChargeVol', align:'center', width: 220}
|
,{field:'FloatChargeCurr', title:'电池浮充电流阀值（A） ', templet: '#FloatChargeCurr', align:'center', width: 220}
|
,{field:'OnlineVolLow', title:'在线电压低阀值（V） ', templet: '#OnlineVolLow', align:'center', width: 220}
|
,{field:'GroupConnType', title:'电池组连接类型', templet: '#GroupConnType', align:'center', width: 220}
|
,{field:'readStatus', fixed:'right', title:'读取状态', templet: '#readStatus', align:'center', width: 120}
|
]]
|
,data:[]
|
,limit: 10000
|
,page: false
|
,height: 'full-45'
|
};
|
|
// 渲染表格可设置机房的表格
|
table.render(goodTblOpts);
|
|
// 渲染不可设置机房的表格
|
table.render(badTblOpts);
|
|
let goodAndBadHome = parent.$('#batSetTest').data('goodAndBadHome');
|
goodAndBadHome = goodAndBadHome?goodAndBadHome:{good:[], bad:[]};
|
//console.log(goodAndBadHome);
|
// 设置good的值
|
for(let i=0, len=goodAndBadHome.good.length; i<len; i++) {
|
let _good = goodAndBadHome.good[i];
|
goodTblOpts.data.push(_good);
|
}
|
|
// 设置不可以设置机房的个数
|
$('#goodHomeNum').text(goodTblOpts.data.length);
|
// 渲染表格可设置机房的表格
|
table.render(goodTblOpts);
|
|
// 设置bad的值
|
for(let i=0, len=goodAndBadHome.bad.length; i<len; i++) {
|
let _bad = goodAndBadHome.bad[i];
|
badTblOpts.data.push(_bad);
|
}
|
|
// 设置不可以设置机房的个数
|
$('#badHomeNum').text(badTblOpts.data.length);
|
// 渲染不可设置机房的表格
|
table.render(badTblOpts);
|
});
|
</script>
|
</body>
|
</html>
|
