添加模块
chardon55
3 years ago
parent
cb51b8f4a1
commit
52fbacd5db
Binary file not shown.
|
After Width: | Height: | Size: 163 B |
@ -0,0 +1,161 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="renderer" content="webkit">
|
||||
<title>监控主页</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link th:href="@{favicon.ico}" rel="shortcut icon"/>
|
||||
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
|
||||
<link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
|
||||
<link th:href="@{/css/fontawesome/all.min.css}" rel="stylesheet"/>
|
||||
<link rel="stylesheet" th:href="@{/css/main.css}"/>
|
||||
<link rel="stylesheet" th:href="@{/css/autoscroll-table.css}"/>
|
||||
|
||||
<style>
|
||||
.display-text-1 {
|
||||
position: absolute;
|
||||
font-size: 200%;
|
||||
width: 12%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#transformer {
|
||||
color: #16f84e;
|
||||
top: 8%;
|
||||
left: 13%;
|
||||
}
|
||||
|
||||
#sensor {
|
||||
color: #01fff0;
|
||||
top: 8%;
|
||||
left: 27%;
|
||||
}
|
||||
|
||||
.float-ball {
|
||||
position: absolute;
|
||||
width: 4%;
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#access {
|
||||
top: 35.2%;
|
||||
left: 5.7%;
|
||||
color: #4e9cff;
|
||||
}
|
||||
|
||||
#running {
|
||||
top: 35.2%;
|
||||
left: 13.1%;
|
||||
color: #24ff1f;
|
||||
}
|
||||
|
||||
#standby {
|
||||
top: 35.2%;
|
||||
left: 20.6%;
|
||||
color: #00e4ff;
|
||||
}
|
||||
|
||||
#failure {
|
||||
top: 35.2%;
|
||||
left: 28.1%;
|
||||
color: #fb1a16;
|
||||
}
|
||||
|
||||
#repairing {
|
||||
top: 35.2%;
|
||||
left: 35.7%;
|
||||
color: #f58e2f;
|
||||
}
|
||||
|
||||
#communication-failure {
|
||||
top: 35.2%;
|
||||
left: 43.2%;
|
||||
color: #e9fe01;
|
||||
}
|
||||
|
||||
.alert-message {
|
||||
position: absolute;
|
||||
width: 6.5%;
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#device-overheat {
|
||||
top: 64.2%;
|
||||
left: 4.3%;
|
||||
color: #fb1a16;
|
||||
}
|
||||
|
||||
#device-vibration {
|
||||
top: 64.2%;
|
||||
left: 12.1%;
|
||||
color: #24ff1f;
|
||||
}
|
||||
|
||||
#smoke-fire {
|
||||
top: 64.2%;
|
||||
left: 19.8%;
|
||||
color: #f58e2f;
|
||||
}
|
||||
|
||||
#windy-environment {
|
||||
top: 64.2%;
|
||||
left: 27.6%;
|
||||
color: #4e9cff;
|
||||
}
|
||||
|
||||
#water-leakage {
|
||||
top: 64.2%;
|
||||
left: 35.4%;
|
||||
color: #00e4ff;
|
||||
}
|
||||
|
||||
#security-vision {
|
||||
top: 64.2%;
|
||||
left: 43.1%;
|
||||
color: #e9fe01;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script th:src="@{/js/jquery.min.js}"></script>
|
||||
<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
|
||||
<script th:src="@{/js/fontawesome/all.min.js}"></script>
|
||||
<script th:src="@{/js/autoscroll-table.js}"></script>
|
||||
<script th:src="@{/js/auto-update.js}"></script>
|
||||
<script th:src="@{/js/font-adjust.js}"></script>
|
||||
<th:block th:include="include :: echarts-js" />
|
||||
<script th:inline="javascript"></script>
|
||||
</head>
|
||||
<body class="body-substation-1">
|
||||
<div class="display-text-1" id="transformer">78</div>
|
||||
<div class="display-text-1" id="sensor">78</div>
|
||||
|
||||
<div class="float-ball" id="access">3</div>
|
||||
<div class="float-ball" id="running">0</div>
|
||||
<div class="float-ball" id="standby">1</div>
|
||||
<div class="float-ball" id="failure">0</div>
|
||||
<div class="float-ball" id="repairing">0</div>
|
||||
<div class="float-ball" id="communication-failure">8</div>
|
||||
|
||||
<div class="alert-message" id="device-overheat">3</div>
|
||||
<div class="alert-message" id="device-vibration">3</div>
|
||||
<div class="alert-message" id="smoke-fire">0</div>
|
||||
<div class="alert-message" id="windy-environment">3</div>
|
||||
<div class="alert-message" id="water-leakage">3</div>
|
||||
<div class="alert-message" id="security-vision">3</div>
|
||||
|
||||
<div id="alert-list"></div>
|
||||
|
||||
<div id="monitor-tabs"></div>
|
||||
|
||||
<iframe id="monitor-display-frame"></iframe>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue