jsyhsec/energy_storage
7
0
Fork 0
mirror of https://gitee.com/js-yhsec/energy_storage.git synced 2026-05-27 18:59:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交系统管理web端代码

Browse Source
This commit is contained in:
lixiaoyuan
2025-07-18 09:09:30 +08:00
parent 7b3f32f334
commit 387237c81c
74 changed files with 1997 additions and 918 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
bin/Release/assets/html/pages/test.html
View File

@@ -1,34 +1,110 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<div style="width: 100%; height: 100%; ;">
<script src="../libs/jquery/jquery-3.7.1.min.js"></script>
<div id="workspace" class="myrow">
<div class="mycard" style="width:320px">
<div class="myrow" style="margin-bottom: 20px; border: solid 1px salmon;">
<div style="width: 65px;height: 65px; background-color: #2991b6;border-radius: 10px;"></div>
<div class="mycol" style="margin-left: 10px; font-size:15px;">
<div> 编号111 </div>
<div style="font-size:15px;"> 名称 </div>
<div style="color: #08afff; font-size:14px; font-weight: bold;"> 设备类型 </div>
</div>
</div>
<link rel="stylesheet" href="../libs/DataTables-2.1.8/css/dataTables.dataTables.css" />
<script src="../libs/DataTables-2.1.8/js/dataTables.js"></script>
<div class="mycard-param">
<div class="mycard-param-key">工作状态: </div>
<div id="id" class="mycard-param-text">运行/空闲</div>
</div>
</div>
<link rel="stylesheet" href="../libs/bootstrap-5.3.3-dist/css/bootstrap.min.css" />
<script src="../libs/bootstrap-5.3.3-dist/js/bootstrap.min.js"></script>
<script src="../libs/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js"></script>
<div class="mycard" style="width:320px">
<div class="myrow" style="margin-bottom: 20px; ">
<div style="width: 65px;height: 65px; background-color: #2991b6;border-radius: 10px;"></div>
<div class="mycol" style="margin-left: 10px; font-size:15px;">
<div> 编号222 </div>
<div style="font-size:15px;"> 名称 </div>
<div style="color: #08afff; font-size:14px; font-weight: bold;"> 设备类型 </div>
</div>
</div>
<div class="myrow">
<div style="width: calc(50% - 10px); border: solid gray; border-width: 0 1px 0 0;">
<div class="myrow" style="font-size:14px; margin-left: 10px;">
<div style="background-color:#00dbd7; width: 5px; height:18px; "></div>
<div style="margin-left: 10px;">枪: #1</div>
<div class="status-ok" style="margin: 3px 0 0 30px; ">
</div>
</div>
<script type="text/javascript" src="../js/qwebchannel.js"></script>
<div class=" mycard-param">
<div class="mycard-param-key">状态: </div>
<div id="id" class="mycard-param-text">运行</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">电压: </div>
<div id="id" class="mycard-param-text">220 V</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">电流: </div>
<div id="id" class="mycard-param-text">10 A</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">功率: </div>
<div id="id" class="mycard-param-text">2.2 kW</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">温度: </div>
<div id="id" class="mycard-param-text">2.2 kW</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">SOC: </div>
<div id="id" class="mycard-param-text">20.6%</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">SOH: </div>
<div id="id" class="mycard-param-text">89.7%</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="../css/mystyle.css" />
<div style="width: calc(50% - 10px); margin-left: 10px;">
<div class="myrow" style="font-size:14px; margin-left: 10px;">
<div style="background-color:#00dbd7; width: 5px; height:18px; "></div>
<div style="margin-left: 10px;">枪: #2</div>
<div class="status-err" style="margin: 3px 0 0 30px; "></div>
</div>
<style>
.tablebox {
width: 100%;
height: 600px;
background-color: #052f4d;
margin-top: 20px;
padding: 20px 20px 20px 20px;
}
</style>
</head>
<body>
<iframe src="./index.html"></iframe>
<script src="./index.js"></script>
<>
</body>
</html>
<div class="mycard-param">
<div class="mycard-param-key">状态: </div>
<div id="id" class="mycard-param-text">运行</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">电压: </div>
<div id="id" class="mycard-param-text">220 V</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">电流: </div>
<div id="id" class="mycard-param-text">10 A</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">功率: </div>
<div id="id" class="mycard-param-text">2.2 kW</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">温度: </div>
<div id="id" class="mycard-param-text">2.2 kW</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">SOC: </div>
<div id="id" class="mycard-param-text">57.3%</div>
</div>
<div class="mycard-param">
<div class="mycard-param-key">SOH: </div>
<div id="id" class="mycard-param-text">93.2%</div>
</div>
</div>
</div>
</div>
</div>
<table id="myTable"></table>
</div>