<!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="allStatus">
|
{{#
|
var getStatus = function (val) {
|
var status = '<button class="layui-btn layui-btn-sm layui-btn-danger">未知</button>';
|
switch(val) {
|
case 0:
|
status='<button class="layui-btn layui-btn-sm layui-btn-danger">读取失败</button>';
|
break;
|
case 1:
|
status='<button class="layui-btn layui-btn-sm layui-btn-normal">读取成功</button>';
|
break;
|
case 2:
|
status='<button class="layui-btn layui-btn-sm layui-btn-danger">设置失败</button>';
|
break;
|
case 3:
|
status='<button class="layui-btn layui-btn-sm">设置成功</button>';
|
break;
|
case 4:
|
status='<button class="layui-btn layui-btn-sm layui-btn-danger">重启失败</button>';
|
break;
|
case 5:
|
status='<button class="layui-btn layui-btn-sm layui-btn-warm">重启成功</button>';
|
break;
|
case 6:
|
status='<button class="layui-btn layui-btn-sm layui-btn-warm">修改未设置</button>';
|
break;
|
}
|
return status;
|
};
|
}}
|
|
{{ getStatus(d.allStatus) }}
|
</script>
|
<!-- 电流钳量程 -->
|
<script type="text/html" id="CurrentRange">
|
{{# if(d.CurrentRange_bool == 1){ }}
|
{{d.CurrentRange}}
|
{{# }else{ }}
|
<span style="color:#FF0000;">{{d.CurrentRange}}</span>
|
{{# } }}
|
</script>
|
<!-- DCDC模块数量 -->
|
<script type="text/html" id="LoaderCount">
|
{{# if(d.LoaderCount_bool == 1){ }}
|
{{d.LoaderCount}}
|
{{# }else{ }}
|
<span style="color:#FF0000;">{{d.LoaderCount}}</span>
|
{{# } }}
|
</script>
|
<!-- 单体数据来源 -->
|
<script type="text/html" id="DtCardCount">
|
{{# if(d.DtCardCount==1) { }}
|
从一拖24获取
|
{{# }else{ }}
|
<span style="color: #FF0000">从汇集器获取</span>
|
{{# } }}
|
</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, resize: false}
|
,{field:'stationName', title:'机房名称', align:'center', width: 500, resize: false}
|
,{field:'BattGroupNum', title:'电池组数', align:'center', width: 120}
|
,{field:'GroupVolRange', title:'总续航时间（分钟）', align:'center', width: 180}
|
,{field:'GroupVolSorce', title:'保一次下电续航时间（分钟）', align:'center', width: 240}
|
,{field:'CurrentRange', title:'电流钳量程（A）', templet: '#CurrentRange', align:'center', width: 180}
|
,{field:'CurrentTyte', title:'一次下电（V）', align:'center', width: 180}
|
,{field:'MonomerOrder', title:'二次下电（V）', align:'center', width: 180}
|
,{field:'LoaderCount', title:'DCDC数量',templet: '#LoaderCount', align:'center', width: 180}
|
,{field:'DtCardCount', title:'单体数据来源', templet: '#DtCardCount', align:'center', width: 200}
|
,{field:'POF_BG_Boost_Cnt', title:'续航组数', align:'center', width: 240}
|
,{field:'POF_BG_Boost_VolStop', title:'续航下限（V）', align:'center', width: 160}
|
,{field:'POF_BG_Boost_VolStart', title:'续航启动下限（V）', align:'center', width: 200}
|
,{field:'MajorBattGroupNum', title:'主电池组号', align:'center', width: 200}
|
,{field: 'moncapstds', title: '标称容量（AH）', align: 'center', width: 180}
|
,{field: 'RealCap', title: '实际容量（AH）', align: 'center', width: 180}
|
,{field:'StationName9', title:'版本号', align:'center', width: 160}
|
,{field:'Load_curr', title:'负载电流（A）', align:'center', width: 160}
|
,{field:'BackLightTime', title:'背光时间（分钟）', align:'center', width: 160}
|
,{field:'PowerBreakChargeCurr', title:'停电充电电流（A）', align:'center', width: 240}
|
,{field:'allStatus', fixed: 'right', title: '状态', templet: '#allStatus', align: 'center', width: 180}
|
]]
|
,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, resize: false}
|
,{field:'stationName', title:'机房名称', align:'center', width: 500, resize: false}
|
,{field:'BattGroupNum', title:'电池组数', align:'center', width: 120}
|
,{field:'GroupVolRange', title:'总续航时间（分钟）', align:'center', width: 180}
|
,{field:'GroupVolSorce', title:'保一次下电续航时间（分钟）', align:'center', width: 240}
|
,{field:'CurrentRange', title:'电流钳量程（A）', templet: '#CurrentRange', align:'center', width: 180}
|
,{field:'CurrentTyte', title:'一次下电（V）', align:'center', width: 180}
|
,{field:'MonomerOrder', title:'二次下电（V）', align:'center', width: 180}
|
,{field:'LoaderCount', title:'DCDC数量',templet: '#LoaderCount', align:'center', width: 180}
|
,{field:'DtCardCount', title:'单体数据来源', templet: '#DtCardCount', align:'center', width: 200}
|
,{field:'POF_BG_Boost_Cnt', title:'续航组数', align:'center', width: 240}
|
,{field:'POF_BG_Boost_VolStop', title:'续航下限（V）', align:'center', width: 160}
|
,{field:'POF_BG_Boost_VolStart', title:'续航启动下限（V）', align:'center', width: 200}
|
,{field:'MajorBattGroupNum', title:'主电池组号', align:'center', width: 200}
|
,{field: 'moncapstds', title: '标称容量（AH）', align: 'center', width: 180}
|
,{field: 'RealCap', title: '实际容量（AH）', align: 'center', width: 180}
|
,{field:'StationName9', title:'版本号', align:'center', width: 160}
|
,{field:'Load_curr', title:'负载电流（A）', align:'center', width: 160}
|
,{field:'BackLightTime', title:'背光时间（分钟）', align:'center', width: 160}
|
,{field:'PowerBreakChargeCurr', title:'停电充电电流（A）', align:'center', width: 240}
|
,{field:'allStatus', fixed: 'right', title: '状态', templet: '#allStatus', align: 'center', width: 180}
|
]]
|
,data:[]
|
,limit: 10000
|
,page: false
|
,height: 'full-45'
|
};
|
|
// 渲染表格可设置机房的表格
|
table.render(goodTblOpts);
|
|
// 渲染不可设置机房的表格
|
table.render(badTblOpts);
|
|
let goodAndBadHome = parent.$('#sysSetTestData').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>
|
