|
|
@ -255,7 +255,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sensor-card {
|
|
|
|
.sensor-card {
|
|
|
|
background: url("/img/sensor-block.png") no-repeat #00000000;
|
|
|
|
background: url("/IOT/img/sensor-block.png") no-repeat #00000000;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
/* width: 48%;
|
|
|
|
/* width: 48%;
|
|
|
|
height: 47%;*/
|
|
|
|
height: 47%;*/
|
|
|
@ -266,7 +266,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sensor-card:hover, .sensor-card.active {
|
|
|
|
.sensor-card:hover, .sensor-card.active {
|
|
|
|
background: url("/img/sensor-block.png") no-repeat #00000000;
|
|
|
|
background: url("/IOT/img/sensor-block.png") no-repeat #00000000;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -408,7 +408,7 @@
|
|
|
|
left: calc(50% - 50px);
|
|
|
|
left: calc(50% - 50px);
|
|
|
|
bottom: 50px;
|
|
|
|
bottom: 50px;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
background-image: url("../../img/magnify.png");
|
|
|
|
background-image: url("../../IOT/img/magnify.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -420,7 +420,7 @@
|
|
|
|
right: calc(50% - 50px);
|
|
|
|
right: calc(50% - 50px);
|
|
|
|
bottom: 50px;
|
|
|
|
bottom: 50px;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
background-image: url("../../img/lessen.png");
|
|
|
|
background-image: url("../../IOT/img/lessen.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -432,7 +432,7 @@
|
|
|
|
left: 50px;
|
|
|
|
left: 50px;
|
|
|
|
top: 50%;
|
|
|
|
top: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
background-image: url("../../img/leftBtn.png");
|
|
|
|
background-image: url("../../IOT/img/leftBtn.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -444,7 +444,7 @@
|
|
|
|
right: 50px;
|
|
|
|
right: 50px;
|
|
|
|
top: 50%;
|
|
|
|
top: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
background-image: url("../../img/rightBtn.png");
|
|
|
|
background-image: url("../../IOT/img/rightBtn.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -456,7 +456,7 @@
|
|
|
|
right: 50px;
|
|
|
|
right: 50px;
|
|
|
|
top: 50px;
|
|
|
|
top: 50px;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
background-image: url("../../img/close.png");
|
|
|
|
background-image: url("../../IOT/img/close.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -471,8 +471,8 @@
|
|
|
|
<script th:src="@{/js/font-adjust.js}"></script>
|
|
|
|
<script th:src="@{/js/font-adjust.js}"></script>
|
|
|
|
<th:block th:include="include :: echarts-js"/>
|
|
|
|
<th:block th:include="include :: echarts-js"/>
|
|
|
|
<th:block th:include="include :: ztree-js"/>
|
|
|
|
<th:block th:include="include :: ztree-js"/>
|
|
|
|
<script src="../../static/js/view-model.js" th:src="@{/js/view-model.js}"></script>
|
|
|
|
<script src="../../IOT/static/js/view-model.js" th:src="@{/js/view-model.js}"></script>
|
|
|
|
<script src="../../static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js"
|
|
|
|
<script src="../../IOT/static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js"
|
|
|
|
th:src="@{/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js}"></script>
|
|
|
|
th:src="@{/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js}"></script>
|
|
|
|
<script th:src="@{/js/Iot-ui/deviceMonitor.js}"></script>
|
|
|
|
<script th:src="@{/js/Iot-ui/deviceMonitor.js}"></script>
|
|
|
|
<script th:src="@{/js/Iot-ui/MiniDialog-es5.min.js}"></script>
|
|
|
|
<script th:src="@{/js/Iot-ui/MiniDialog-es5.min.js}"></script>
|
|
|
@ -506,7 +506,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="imgMagnification" id="imgMagnification">
|
|
|
|
<div class="imgMagnification" id="imgMagnification">
|
|
|
|
<div class="center" id="center">
|
|
|
|
<div class="center" id="center">
|
|
|
|
<img alt="" class="centerImg" id="centerImg" src="../../img/transformer.png">
|
|
|
|
<img alt="" class="centerImg" id="centerImg" src="../../IOT/img/transformer.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="magnify" id="magnify" onclick="imgOption(0.1)"></div>
|
|
|
|
<div class="magnify" id="magnify" onclick="imgOption(0.1)"></div>
|
|
|
|
<div class="lessen" id="lessen" onclick="imgOption(-0.1)"></div>
|
|
|
|
<div class="lessen" id="lessen" onclick="imgOption(-0.1)"></div>
|
|
|
@ -537,7 +537,7 @@
|
|
|
|
$(function () {
|
|
|
|
$(function () {
|
|
|
|
var search = function () {
|
|
|
|
var search = function () {
|
|
|
|
$.ajax({
|
|
|
|
$.ajax({
|
|
|
|
url: "/iot/deviceMonitor/getMonitorUnitTree", // 发送的路径
|
|
|
|
url: "/IOT/iot/deviceMonitor/getMonitorUnitTree", // 发送的路径
|
|
|
|
type: "get", // 发送方式
|
|
|
|
type: "get", // 发送方式
|
|
|
|
dataType: 'JSON', // 反序列化
|
|
|
|
dataType: 'JSON', // 反序列化
|
|
|
|
success: (res) => { // 成功获取到后端返回结果的回调函数
|
|
|
|
success: (res) => { // 成功获取到后端返回结果的回调函数
|
|
|
@ -607,7 +607,7 @@
|
|
|
|
sensorCollectionRefresh(unitId, params);
|
|
|
|
sensorCollectionRefresh(unitId, params);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$.ajax({
|
|
|
|
$.ajax({
|
|
|
|
url: "/iot/deviceMonitor/getFirstMonitorUnit",
|
|
|
|
url: "/IOT/iot/deviceMonitor/getFirstMonitorUnit",
|
|
|
|
type: "get",
|
|
|
|
type: "get",
|
|
|
|
success: (res) => {
|
|
|
|
success: (res) => {
|
|
|
|
thisID = res
|
|
|
|
thisID = res
|
|
|
@ -622,7 +622,7 @@
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const monitorUnitModule = function (monitorUnitId) {
|
|
|
|
const monitorUnitModule = function (monitorUnitId) {
|
|
|
|
$.ajax({
|
|
|
|
$.ajax({
|
|
|
|
url: "/iot/deviceMonitor/getMonitorUnitInfo?monitorunitId=" + monitorUnitId,
|
|
|
|
url: "/IOT/iot/deviceMonitor/getMonitorUnitInfo?monitorunitId=" + monitorUnitId,
|
|
|
|
type: "get",
|
|
|
|
type: "get",
|
|
|
|
dataType: 'JSON',
|
|
|
|
dataType: 'JSON',
|
|
|
|
success: (res) => {
|
|
|
|
success: (res) => {
|
|
|
|