mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-27 18:59:26 +08:00
65 lines
3.0 KiB
HTML
65 lines
3.0 KiB
HTML
|
<div class="mypanelstat" style="height: calc(100% - 20px); margin: 10px">
|
||
|
|
<myrow style="height: 100%">
|
||
|
|
<div class="mycolumn" style="width: 18%; height: 100%; padding-top: 10px; ">
|
||
|
|
<div id="solarCardBtn" class="mycardbtn" style="height: 15%;" onclick="clickCardBtn(this, 'solar')">
|
||
|
|
<div class="mypanel-title">光伏系统</div>
|
||
|
|
<mycolumn style="margin-top: 20px; height:60%">
|
||
|
|
<div>光伏板数量: 100 个</div>
|
||
|
|
<myrow style="font-size: 14px; margin-top: 10px;">
|
||
|
|
<div>空闲: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">离线: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">故障: 0 个</div>
|
||
|
|
</myrow>
|
||
|
|
</mycolumn>
|
||
|
|
</div>
|
||
|
|
<div class="mycardbtn" style="height: 15%;" onclick="clickCardBtn(this, 'storage')">
|
||
|
|
<div class="mypanel-title">储能系统</div>
|
||
|
|
<mycolumn style="margin-top: 20px; height:60%">
|
||
|
|
<div>储能电池数量: 10 个</div>
|
||
|
|
<myrow style="font-size: 14px; margin-top: 10px;">
|
||
|
|
<div>空闲: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">离线: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">故障: 0 个</div>
|
||
|
|
</myrow>
|
||
|
|
</mycolumn>
|
||
|
|
</div>
|
||
|
|
<div class="mycardbtn" style="height: 15%;" onclick="clickCardBtn(this, 'charge')">
|
||
|
|
<div class="mypanel-title">充电系统</div>
|
||
|
|
<mycolumn style="margin-top: 20px; height:60%">
|
||
|
|
<div>充电桩数量: 50 个</div>
|
||
|
|
<myrow style="font-size: 14px; margin-top: 10px;">
|
||
|
|
<div>空闲: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">离线: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">故障: 0 个</div>
|
||
|
|
</myrow>
|
||
|
|
</mycolumn>
|
||
|
|
</div>
|
||
|
|
<div class="mycardbtn" style="height: 15%;" onclick="clickCardBtn(this, 'load')">
|
||
|
|
<div class="mypanel-title">负荷系统</div>
|
||
|
|
<mycolumn style="margin-top: 20px; height:60%">
|
||
|
|
<div>照明设备数量: 100 个</div>
|
||
|
|
<myrow style="font-size: 14px; margin-top: 10px;">
|
||
|
|
<div>空闲: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">离线: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">故障: 0 个</div>
|
||
|
|
</myrow>
|
||
|
|
</mycolumn>
|
||
|
|
</div>
|
||
|
|
<div class="mycardbtn" style="height: 15%;" onclick="clickCardBtn(this, 'security')">
|
||
|
|
<div class="mypanel-title">安防系统</div>
|
||
|
|
<mycolumn style="margin-top: 20px; height:60%">
|
||
|
|
<div>摄像头数量: 50 个</div>
|
||
|
|
<myrow style="font-size: 14px; margin-top: 10px;">
|
||
|
|
<div>空闲: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">离线: 0 个</div>
|
||
|
|
<div style="margin-left: 30px;">故障: 0 个</div>
|
||
|
|
</myrow>
|
||
|
|
</mycolumn>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="width: 82%; height: 100%; overflow: auto">
|
||
|
|
<div id="deviceList" class="myrow" style="width: 100%; height: 100%; flex-wrap: wrap;"> </div>
|
||
|
|
</div>
|
||
|
|
</myrow>
|
||
|
|
</div>
|