From 6e274d4bfe763f8d020b938eea3053d47fb7a85a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Sun, 23 Apr 2023 16:03:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7=E7=BC=A9=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/resources/static/img/close.png   |  Bin 0 -> 8320 bytes
 .../src/main/resources/static/img/leftBtn.png |  Bin 0 -> 6918 bytes
 .../src/main/resources/static/img/lessen.png  |  Bin 0 -> 6652 bytes
 .../src/main/resources/static/img/magnify.png |  Bin 0 -> 6962 bytes
 .../main/resources/static/img/rightBtn.png    |  Bin 0 -> 6994 bytes
 .../static/js/Iot-ui/deviceMonitor.js         |  514 +++----
 .../templates/section/transformer-detail.html | 1219 +++++++++--------
 7 files changed, 940 insertions(+), 793 deletions(-)
 create mode 100644 ruoyi-admin/src/main/resources/static/img/close.png
 create mode 100644 ruoyi-admin/src/main/resources/static/img/leftBtn.png
 create mode 100644 ruoyi-admin/src/main/resources/static/img/lessen.png
 create mode 100644 ruoyi-admin/src/main/resources/static/img/magnify.png
 create mode 100644 ruoyi-admin/src/main/resources/static/img/rightBtn.png

diff --git a/ruoyi-admin/src/main/resources/static/img/close.png b/ruoyi-admin/src/main/resources/static/img/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5cf82a89e264f51bae31932998bc0c1db30bced
GIT binary patch
literal 8320
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
Y#`bjnJhxcQD3*YMuBlGlO_#_22SZ>wrT_o{

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/static/img/leftBtn.png b/ruoyi-admin/src/main/resources/static/img/leftBtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ebb53cb94154380ce68ce54ffe69babcbfd2f3f
GIT binary patch
literal 6918
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
Hh6Db85G(wM

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/static/img/lessen.png b/ruoyi-admin/src/main/resources/static/img/lessen.png
new file mode 100644
index 0000000000000000000000000000000000000000..27a91b89d1c582e85ac2fefc4820c9329e5ba504
GIT binary patch
literal 6652
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
MWN41A)_1}E4_wMSBLDyZ

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/static/img/magnify.png b/ruoyi-admin/src/main/resources/static/img/magnify.png
new file mode 100644
index 0000000000000000000000000000000000000000..81b6617ae7581fe55ed4c821821c1cd542e617ff
GIT binary patch
literal 6962
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
Ak^lez

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/static/img/rightBtn.png b/ruoyi-admin/src/main/resources/static/img/rightBtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf728b86ab52b201e624eaf21c7e317972db5949
GIT binary patch
literal 6994
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

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/static/js/Iot-ui/deviceMonitor.js b/ruoyi-admin/src/main/resources/static/js/Iot-ui/deviceMonitor.js
index b9dc4a8..9a4796d 100644
--- a/ruoyi-admin/src/main/resources/static/js/Iot-ui/deviceMonitor.js
+++ b/ruoyi-admin/src/main/resources/static/js/Iot-ui/deviceMonitor.js
@@ -1,267 +1,283 @@
-const getParameter = function (dataType){
-    var returnData;
-    let formData = new FormData();
-    formData.append("sensorTypeId", dataType);
-    $.ajax({
-        type: "post",
-        url: "/base/sysParamConfig/getParameter",
-        data: formData,
-        contentType: "application/json;charset=utf-8",
-        dataType: "json",
-        json: 'callback',
-        processData: false,
-        contentType: false,
-        async: false,
-        success: function (json) {
-            returnData = json;
-        },
-        error: function () {
-            alert("错误");
-        }
-    });
-    return returnData;
+const getParameter = async function (dataType) {
+  var returnData;
+  let formData = new FormData();
+  formData.append("sensorTypeId", dataType);
+  await $.ajax({
+    type: "post",
+    url: "/base/sysParamConfig/getParameter",
+    data: formData,
+    contentType: "application/json;charset=utf-8",
+    dataType: "json",
+    json: 'callback',
+    processData: false,
+    contentType: false,
+    async: true,
+    success: function (json) {
+      returnData = json;
+      return returnData;
+    },
+    error: function () {
+      // alert("错误");
+    }
+  });
+  return returnData;
 }
 
-const sensorCollectionRefresh = function (monitorUnitId) {
-    /*setInterval(function() {
-
-    }, 500);*/
-    $.ajax({
-        url: "/iot/deviceMonitor/getSensorInfo?monitorunitId=" + monitorUnitId,
-        type: "get",
-        dataType: 'JSON',
-        success: (res) => {
-            $("#sensor-card-group").html("");
-            res.map(x=>{
-                let params = getParameter(x.datatype);
-                createDeviceModule(x,params);
-            })
-        },
-        error: () => {
-            console.log("失败");
-        }
-    })
+const sensorCollectionRefresh = function (monitorUnitId,params) {
+  console.log(params)
+  $.ajax({
+    url: "/iot/deviceMonitor/getSensorInfo?monitorunitId=" + monitorUnitId+'&pageNum='+(params?.pageNum||1)+'&pageSize='+(params?.pageSize||10),
+    type: "get",
+    dataType: 'JSON',
+    success: (res) => {
+      if (params.pageNum === 1) {
+        $("#sensor-card-group").html("");
+      }
+      res.map(async (x) => {
+        let params = await getParameter(x.datatype);
+        createDeviceModule(x, params);
+      })
+      loading = false
+    },
+    error: () => {
+      console.log("失败");
+    }
+  })
 }
 
-const createDeviceModule = function (sensor,params) {
-    let html = '<div class="card sensor-card" style="border: 0px solid red;margin-right: 2%;margin-top:2%;overflow-x: hidden; overflow-y: auto;">';
-    switch (sensor.datatype) {
-        case "temperature":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 0%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 3%;padding-left: 0%">';
-            //html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`;
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 3%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '<button onclick="temperatureTrend(\''+sensor.sensorId+",temperature"+ '\')" style="color: #00f9ff;float:right;margin-right: 1%;margin-top: -1%;background-color: #1C84C6;border: 1px solid #1C84C6;border-radius:3px;">趋势分析</button>'
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "humiture":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 0%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 3%;padding-left: 0%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 3%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "image":
-            html += '<div  style="position: absolute;width: 100%;height: 100%;border: 0px solid red">';
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;border:0px solid #00f9ff;height: 15%;display: flex;align-items: center;">${sensor.sensorName}</div>`
-            html += '<div class="example" style="position: absolute;height: 80%;width: 52%;border-right: 1px dashed #1CA2E7;left: 1%;display: flex;align-items: center;justify-content: center;">';
-                let imgurl = sensor.imgstr.replace("D:/ruoyi/uploadPath","/profile");
-            html += '<img id="'+sensor.sensorId+"imgstr"+'" src="'+imgurl+'" onclick="imgOnclick(this)"  display="inline-block" vertical-align="middle" width="100%" height="80%">'
-            html += '</div>'
-            html += '<div style="position: absolute;width: 45%;height: 80%;border: 0px dashed #1CA2E7;right:0%;overflow-x: hidden; overflow-y: auto;">';
-            html += `<p style="padding-top: 1px;font-size: 105%;color: #00f9ff;width: 100%;" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-                for (let i=0; i<params.length; i++) {
-                    if(!params[i].paramTitle.includes("img")) {
-                        html += `<p style="padding-top: 1px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</p>`;
-                    }
-                }
-            html += '</div>';
-            html += '</div>';
-
-            html += `</div>`;
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "smoke":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "doormagnetic":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "vibration":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "waterlogging":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        case "platen":
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            //html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`;
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-
-        default:
-            html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
-
-            html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
-            for (let i=0; i<params.length; i++) {
-                html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+"："+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
-            }
-            html += '</div>';
-            html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
-            html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
-            html += '</div>';
-
-            $("#sensor-card-group").append(html);
-            break;
-    }
+const createDeviceModule = function (sensor, params) {
+  // console.log(sensor)
+  // console.log(params)
+  let html = '<div class="card sensor-card" style="border: 0px solid red;margin-right: 2%;margin-top:2%;overflow-x: hidden; overflow-y: auto;">';
+  switch (sensor.datatype) {
+    case "temperature":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 0%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 3%;padding-left: 0%">';
+      //html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`;
+      html += `<p style="color: #00f9ff;float: left;margin-left: 3%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '<button onclick="temperatureTrend(\'' + sensor.sensorId + ",temperature" + '\')" style="color: #00f9ff;float:right;margin-right: 1%;margin-top: -1%;background-color: #1C84C6;border: 1px solid #1C84C6;border-radius:3px;">趋势分析</button>'
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "humiture":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 0%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 3%;padding-left: 0%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 3%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "image":
+      html += '<div  style="position: absolute;width: 100%;height: 100%;border: 0px solid red">';
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;border:0px solid #00f9ff;height: 15%;display: flex;align-items: center;">${sensor.sensorName}</div>`
+      html += '<div class="example" style="position: absolute;height: 80%;width: 52%;border-right: 1px dashed #1CA2E7;left: 1%;display: flex;align-items: center;justify-content: center;">';
+      let imgurl = sensor.imgstr.replace("D:/ruoyi/uploadPath", "/profile");
+      html += '<img id="' + sensor.sensorId + "imgstr" + '" src="' + imgurl + '" onclick=\'imgOnclick(this,"' + imgurl + '")\'  display="inline-block" vertical-align="middle" width="100%" height="80%">'
+      html += '</div>'
+      html += '<div style="position: absolute;width: 45%;height: 80%;border: 0px dashed #1CA2E7;right:0%;overflow-x: hidden; overflow-y: auto;">';
+      html += `<p style="padding-top: 1px;font-size: 105%;color: #00f9ff;width: 100%;" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      for (let i = 0; i < params.length; i++) {
+        if (!params[i].paramTitle.includes("img")) {
+          html += `<p style="padding-top: 1px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</p>`;
+        }
+      }
+      html += '</div>';
+      html += '</div>';
+
+      html += `</div>`;
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "smoke":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "doormagnetic":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "vibration":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "waterlogging":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    case "platen":
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      //html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`;
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+
+    default:
+      html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;height: 15%;;display: flex;flex-direction: column;justify-content: center;">${sensor.sensorName}</div>`;
+
+      html += '<div style="position: absolute;width: 98%;height: 65%;border-top: 1px dashed #1CA2E7;border-bottom: 1px dashed #1CA2E7;left:1%;overflow-x: hidden; overflow-y: auto;display: flex;flex-direction: column;justify-content: center;">';
+      for (let i = 0; i < params.length; i++) {
+        html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId + params[i].paramTitle}">${params[i].paramText + "：" + (sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
+      }
+      html += '</div>';
+      html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">';
+      html += `<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId + "collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
+      html += '</div>';
+
+      $("#sensor-card-group").append(html);
+      break;
+  }
 }
 
-const imgOnclick = function (com) {
-    Dialog({
-        title: '图像详情',
-        width: 600,
-        imageContent: {
-            src: com.src,
-            height: 480
-        },
-        showButton: false,
-        showTitle: true,
-        maskClose: true
-    });
+const imgOnclick = function (com, e) {
+  $('#imgMagnification').css({
+    display:'block',
+  })
+  $('#imgMagnification #center #centerImg').attr('src',e)
+  $('#imgMagnification #center #centerImg').css({
+    transform:`scale(1.5,1.5)`
+  })
+  $('#imgMagnification #closeBtn').click(function (){
+    $('#imgMagnification').css({
+      display:'none',
+    })
+  })
+  // Dialog({
+  //   title: '图像详情',
+  //   width: 1920,
+  //   imageContent: {
+  //     src: com.src,
+  //     height: 940
+  //   },
+  //   showButton: false,
+  //   showTitle: true,
+  //   maskClose: true
+  // });
 }
 
-const collectTime = function (time){
-    let oldTime = (new Date(time)).getTime();
-    let curTime = new Date(oldTime).format("yyyy-MM-dd hh:mm:ss");
-    return curTime;
+const collectTime = function (time) {
+  let oldTime = (new Date(time)).getTime();
+  let curTime = new Date(oldTime).format("yyyy-MM-dd hh:mm:ss");
+  return curTime;
 }
 
 const sensorStatus = function (status) {
-    let result = "-";
-    switch (status) {
-        case 0:
-            result = `<span style="color:#00FF00;font-size: 105%;font-weight:bolder;">在线</span>`;
-            break;
-        case 1:
-            result = `<span style="color:#F8AC59;font-size: 105%;font-weight:bolder;">离线</span>`;
-            break;
-        case 2:
-            result = `<span style="color:red;font-size: 105%;font-weight:bolder;">告警</span>`;
-            break;
-        default:
-            result = `<span style="font-size: 105%;font-weight:bolder;">异常</span>`;
-            break;
-    }
-    return result;
+  let result = "-";
+  switch (status) {
+    case 0:
+      result = `<span style="color:#00FF00;font-size: 105%;font-weight:bolder;">在线</span>`;
+      break;
+    case 1:
+      result = `<span style="color:#F8AC59;font-size: 105%;font-weight:bolder;">离线</span>`;
+      break;
+    case 2:
+      result = `<span style="color:red;font-size: 105%;font-weight:bolder;">告警</span>`;
+      break;
+    default:
+      result = `<span style="font-size: 105%;font-weight:bolder;">异常</span>`;
+      break;
+  }
+  return result;
 }
 
-Date.prototype.format = function(fmt) {
-    var o = {
-        "M+" : this.getMonth()+1,                 //月份
-        "d+" : this.getDate(),                    //日
-        "h+" : this.getHours(),                   //小时
-        "m+" : this.getMinutes(),                 //分
-        "s+" : this.getSeconds(),                 //秒
-        "q+" : Math.floor((this.getMonth()+3)/3), //季度
-        "S"  : this.getMilliseconds()             //毫秒
-    };
-    if(/(y+)/.test(fmt)) {
-        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
+Date.prototype.format = function (fmt) {
+  var o = {
+    "M+": this.getMonth() + 1,                 //月份
+    "d+": this.getDate(),                    //日
+    "h+": this.getHours(),                   //小时
+    "m+": this.getMinutes(),                 //分
+    "s+": this.getSeconds(),                 //秒
+    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+    "S": this.getMilliseconds()             //毫秒
+  };
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  }
+  for (var k in o) {
+    if (new RegExp("(" + k + ")").test(fmt)) {
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
     }
-    for(var k in o) {
-        if(new RegExp("("+ k +")").test(fmt)){
-            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
-        }
-    }
-    return fmt;
+  }
+  return fmt;
 }
 
 //温度传感器折线图
 const temperatureTrend = function (sensorId) {
-    Dialog({
-        title: "趋势分析",
-        width: 1100,
-        iframeContent: {
-            src: "/record/recordSensorData/getTemperatureTrend?id="+sensorId,
-            height: 600
-        },
-        showButton: false
-    });
-}
\ No newline at end of file
+  Dialog({
+    title: "趋势分析",
+    width: 1100,
+    iframeContent: {
+      src: "/record/recordSensorData/getTemperatureTrend?id=" + sensorId,
+      height: 600
+    },
+    showButton: false
+  });
+}
diff --git a/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html b/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html
index 9003d8c..a21f0a4 100644
--- a/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html
+++ b/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html
@@ -1,411 +1,492 @@
 <!DOCTYPE html>
 <html lang="en" xmlns="http://www.w3.org/1999/html">
 <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}"/>
-    <link rel="stylesheet" th:href="@{/css/lot-ui/zTree.css}"/>
-
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css">
-    <style>
-        div::-webkit-scrollbar {
-            /*滚动条整体样式*/
-            width: 5px;
-            /*高宽分别对应横竖滚动条的尺寸*/
-            height: 1px;
-        }
+  <meta charset="UTF-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <meta content="webkit" name="renderer">
+  <title>设备监控</title>
+  <meta content="IE=edge" http-equiv="X-UA-Compatible">
+  <link rel="shortcut icon" th:href="@{favicon.ico}"/>
+  <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>
+  <link rel="stylesheet" th:href="@{/css/jquery.contextMenu.min.css}"/>
+  <link rel="stylesheet" th:href="@{/css/fontawesome/all.min.css}"/>
+  <link rel="stylesheet" th:href="@{/css/main.css}"/>
+  <link rel="stylesheet" th:href="@{/css/autoscroll-table.css}"/>
+  <link rel="stylesheet" th:href="@{/css/lot-ui/zTree.css}"/>
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="https://cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css" rel="stylesheet">
+  <style>
+    div::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width: 5px;
+      /*高宽分别对应横竖滚动条的尺寸*/
+      height: 1px;
+    }
 
-        div::-webkit-scrollbar-thumb {
-            /*滚动条里面小方块*/
-            border-radius: 10px;
-            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-            background: #004EA1;
-        }
+    div::-webkit-scrollbar-thumb {
+      /*滚动条里面小方块*/
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+      background: #004EA1;
+    }
 
-        div::-webkit-scrollbar-track {
-            /*滚动条里面轨道*/
-            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-            border-radius: 10px;
-            background: white;
-        }
+    div::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+      border-radius: 10px;
+      background: white;
+    }
 
-        #company-name {
-            position: absolute;
-            top: 2%;
-            left: 4.7%;
-            width: 8.6%;
-            color: #FFFFFF;
-            font-size: 80%;
-            letter-spacing: 1px;
-            text-align: center;
-        }
+    #company-name {
+      position: absolute;
+      top: 2%;
+      left: 4.7%;
+      width: 8.6%;
+      color: #FFFFFF;
+      font-size: 80%;
+      letter-spacing: 1px;
+      text-align: center;
+    }
 
-        .ball-text {
-            position: absolute;
-            width: 4%;
-            color: #FFFFFF;
-            font-size: 110%;
-        }
+    .ball-text {
+      position: absolute;
+      width: 4%;
+      color: #FFFFFF;
+      font-size: 110%;
+    }
 
-        /*#launched-count {
-            bottom: 15.8%;
-            left: 21.2%;
-        }
+    /*#launched-count {
+        bottom: 15.8%;
+        left: 21.2%;
+    }
 
-        #error-alert {
-            bottom: 15.8%;
-            left: 29.8%;
-        }
+    #error-alert {
+        bottom: 15.8%;
+        left: 29.8%;
+    }
 
-        #online-count {
-            bottom: 15.8%;
-            left: 38.3%;
-        }*/
-
-        #sensor-list {
-            position: absolute;
-            width: 14%;
-            height: 91.4%;
-            top: 8.5%;
-            left: 0.04%;
-            border-radius: 0.3rem;
-            overflow: scroll;
-        }
+    #online-count {
+        bottom: 15.8%;
+        left: 38.3%;
+    }*/
+
+    #sensor-list {
+      position: absolute;
+      width: 14%;
+      height: 91.4%;
+      top: 8.5%;
+      left: 0.04%;
+      border-radius: 0.3rem;
+      overflow: scroll;
+    }
 
-        #sensor-list::-webkit-scrollbar {
-            display: none;
-        }
+    #sensor-list::-webkit-scrollbar {
+      display: none;
+    }
 
-        #transformer-name {
-            position: absolute;
-            width: 29%;
-            top: 1%;
-            left: 16%;
-            color: #00e4ff;
-            text-align: center;
-            font-size: 95%;
-            font-weight: bold;
-        }
+    #transformer-name {
+      position: absolute;
+      width: 29%;
+      top: 1%;
+      left: 16%;
+      color: #00e4ff;
+      text-align: center;
+      font-size: 95%;
+      font-weight: bold;
+    }
 
-        #sensor-list {
-            position: absolute;
-            left: 0;
-            top: 8.5%;
-            width: 14%;
-            height: 91.5%;
-            border-radius: 8px;
-            overflow-y: scroll;
-        }
+    #sensor-list {
+      position: absolute;
+      left: 0;
+      top: 8.5%;
+      width: 14%;
+      height: 91.5%;
+      border-radius: 8px;
+      overflow-y: scroll;
+    }
 
 
-        #sensor-list::-webkit-scrollbar {
-            display: none;
-        }
+    #sensor-list::-webkit-scrollbar {
+      display: none;
+    }
 
-        #transformer-model {
-            position: absolute;
-            left: 15.7%;
-            top: 6%;
-            width: 30%;
-            height: 54%;
-            padding: 4% 2% 0 2%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
+    #transformer-model {
+      position: absolute;
+      left: 15.7%;
+      top: 6%;
+      width: 30%;
+      height: 54%;
+      padding: 4% 2% 0 2%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
 
-        #transformer-model > img {
-            width: 90%;
-        }
+    #transformer-model > img {
+      width: 90%;
+    }
 
-        .sidebar-first-level {
-            width: 100%;
-            color: #E0E0E0;
-            background: rgba(31, 172, 244, 0.1);
-            text-align: center;
-            font-size: 80%;
-            margin: 0;
-            padding: 5.8% 0;
-            border-radius: 0;
-            border-top: #0dcaf03c solid 1px;
-        }
+    .sidebar-first-level {
+      width: 100%;
+      color: #E0E0E0;
+      background: rgba(31, 172, 244, 0.1);
+      text-align: center;
+      font-size: 80%;
+      margin: 0;
+      padding: 5.8% 0;
+      border-radius: 0;
+      border-top: #0dcaf03c solid 1px;
+    }
 
-        .sidebar-first-level:hover {
-            color: #E0E0E0;
-            background: rgba(31, 172, 244, 0.25);
-        }
+    .sidebar-first-level:hover {
+      color: #E0E0E0;
+      background: rgba(31, 172, 244, 0.25);
+    }
 
-        .sidebar-first-level.active, .sidebar-first-level[aria-expanded=true] {
-            background: rgba(31, 172, 244, 0.03);
-        }
+    .sidebar-first-level.active, .sidebar-first-level[aria-expanded=true] {
+      background: rgba(31, 172, 244, 0.03);
+    }
 
-        .sidebar-second-level {
-            width: 100%;
-            color: #E0E0E0;
-            background: rgba(31, 172, 244, 0.03);
-            text-align: center;
-            font-size: 80%;
-            margin: 0;
-            padding: 5% 0 5% 6%;
-            border-radius: 0;
-            border-top: rgba(13, 202, 240, 0.06) solid 1px;
-            text-decoration: none;
-        }
+    .sidebar-second-level {
+      width: 100%;
+      color: #E0E0E0;
+      background: rgba(31, 172, 244, 0.03);
+      text-align: center;
+      font-size: 80%;
+      margin: 0;
+      padding: 5% 0 5% 6%;
+      border-radius: 0;
+      border-top: rgba(13, 202, 240, 0.06) solid 1px;
+      text-decoration: none;
+    }
 
-        .sidebar-second-level:hover, .sidebar-first-level.active {
-            color: #E0E0E0;
-            background: rgba(31, 172, 244, 0.3);
-        }
+    .sidebar-second-level:hover, .sidebar-first-level.active {
+      color: #E0E0E0;
+      background: rgba(31, 172, 244, 0.3);
+    }
 
-        .sidebar-second-level.active {
-            border-left: #1facf4 solid 3px;
-            background: rgba(31, 172, 244, 0.3);
-            box-shadow: rgba(31, 172, 244, 0.6) inset 1px 0 2px;
-            /*padding-right: 2px;*/
-        }
+    .sidebar-second-level.active {
+      border-left: #1facf4 solid 3px;
+      background: rgba(31, 172, 244, 0.3);
+      box-shadow: rgba(31, 172, 244, 0.6) inset 1px 0 2px;
+      /*padding-right: 2px;*/
+    }
 
-        .sidebar-item-icon {
-            color: #1facf4;
-            padding-right: 0.7rem;
-        }
+    .sidebar-item-icon {
+      color: #1facf4;
+      padding-right: 0.7rem;
+    }
 
-        #main-search-bar {
-            position: absolute;
-            width: 49%;
-            height: 6%;
-            left: 49%;
-            top: 7%;
-        }
+    #main-search-bar {
+      position: absolute;
+      width: 49%;
+      height: 6%;
+      left: 49%;
+      top: 7%;
+    }
 
-        .search-label {
-            color: #1facf4;
-            font-size: 65%;
-        }
+    .search-label {
+      color: #1facf4;
+      font-size: 65%;
+    }
 
-        .search-form-nav input.form-control {
-            background: none;
-            display: inline-block !important;
-            width: unset;
-            border-color: #1facf4;
-            font-size: 65%;
-            padding: 0.2rem 0.2rem;
-            color: #FFFFFF;
-        }
+    .search-form-nav input.form-control {
+      background: none;
+      display: inline-block !important;
+      width: unset;
+      border-color: #1facf4;
+      font-size: 65%;
+      padding: 0.2rem 0.2rem;
+      color: #FFFFFF;
+    }
 
-        .search-form-nav .form-control::placeholder {
-            color: #728A96;
-        }
+    .search-form-nav .form-control::placeholder {
+      color: #728A96;
+    }
 
-        #monitor-unit {
-            width: 10.5rem;
-            height: 2.5rem;
-        }
+    #monitor-unit {
+      width: 10.5rem;
+      height: 2.5rem;
+    }
 
-        #sensor-type {
-            width: 10.5rem;
-            height: 2.5rem;
-        }
+    #sensor-type {
+      width: 10.5rem;
+      height: 2.5rem;
+    }
 
-        #sensor-name {
-            width: 10.5rem;
-            height: 2.5rem;
-        }
+    #sensor-name {
+      width: 10.5rem;
+      height: 2.5rem;
+    }
 
-        .search-btn, .reset-btn {
-            border-color: #1facf4;
-            padding: 0.2rem 0.5rem;
-            font-size: 65%;
-            letter-spacing: 3px;
-        }
+    .search-btn, .reset-btn {
+      border-color: #1facf4;
+      padding: 0.2rem 0.5rem;
+      font-size: 65%;
+      letter-spacing: 3px;
+    }
 
-        .reset-btn {
-            color: #1facf4;
-        }
+    .reset-btn {
+      color: #1facf4;
+    }
 
-        .search-btn, .reset-btn:hover {
-            background-color: #1facf4;
-        }
+    .search-btn, .reset-btn:hover {
+      background-color: #1facf4;
+    }
 
-        #sensor-card-group {
-            position: absolute;
-            width: 49%;
-            height: 85%;
-            left: 49%;
-            top: 13%;
-            overflow-y: scroll;
-            display: flex;
-            flex-wrap: wrap;
-        }
+    #sensor-card-group {
+      position: absolute;
+      width: 49%;
+      height: 85%;
+      left: 49%;
+      top: 13%;
+      overflow-y: scroll;
+      display: flex;
+      flex-wrap: wrap;
+    }
 
-        #sensor-card-group > * {
-            display: inline-block !important;
-        }
+    #sensor-card-group > * {
+      display: inline-block !important;
+    }
 
-        #sensor-card-group::-webkit-scrollbar {
-            display: none;
-        }
+    #sensor-card-group::-webkit-scrollbar {
+      display: none;
+    }
 
-        .sensor-card {
-            background: url("/img/sensor-block.png") no-repeat #00000000;
-            background-size: 100% 100%;
-           /* width: 48%;
-            height: 47%;*/
-            width:30%;
-            height:40%;
-            border-radius: 0;
-            border: none;
-        }
+    .sensor-card {
+      background: url("/img/sensor-block.png") no-repeat #00000000;
+      background-size: 100% 100%;
+      /* width: 48%;
+       height: 47%;*/
+      width: 30%;
+      height: 40%;
+      border-radius: 0;
+      border: none;
+    }
 
-        .sensor-card:hover, .sensor-card.active {
-            background: url("/img/sensor-block.png") no-repeat #00000000;
-            background-size: 100% 100%;
-        }
+    .sensor-card:hover, .sensor-card.active {
+      background: url("/img/sensor-block.png") no-repeat #00000000;
+      background-size: 100% 100%;
+    }
 
-        .card-title {
-            position: absolute;
-            font-size: 80%;
-            top: 10%;
-            left: 5%;
-            color: #00f9ff;
-            width: 70%;
-        }
+    .card-title {
+      position: absolute;
+      font-size: 80%;
+      top: 10%;
+      left: 5%;
+      color: #00f9ff;
+      width: 70%;
+    }
 
-        .battery-icon {
-            position: absolute;
-            top: 10%;
-            right: 7%;
-            color: #1facf4;
-        }
+    .battery-icon {
+      position: absolute;
+      top: 10%;
+      right: 7%;
+      color: #1facf4;
+    }
 
-        .temp-label {
-            position: absolute;
-            font-size: 80%;
-            top: 40%;
-            left: 5%;
-            color: #1facf4;
-            width: 15%;
-        }
+    .temp-label {
+      position: absolute;
+      font-size: 80%;
+      top: 40%;
+      left: 5%;
+      color: #1facf4;
+      width: 15%;
+    }
 
-        .temp-value {
-            position: absolute;
-            font-size: 130%;
-            top: 43%;
-            left: 30%;
-            color: #00f9ff;
-            width: 60%;
-            font-family: "Agency FB", Arial, Calibri, DengXian, "Microsoft YaHei", SimSun, monospace;
-            font-weight: bold;
-            letter-spacing: 1px;
-        }
+    .temp-value {
+      position: absolute;
+      font-size: 130%;
+      top: 43%;
+      left: 30%;
+      color: #00f9ff;
+      width: 60%;
+      font-family: "Agency FB", Arial, Calibri, DengXian, "Microsoft YaHei", SimSun, monospace;
+      font-weight: bold;
+      letter-spacing: 1px;
+    }
 
-        .sensor-status {
-            position: absolute;
-            font-size: 50%;
-            bottom: 11.5%;
-            left: 12%;
-            color: rgba(0, 249, 255, 0.75);
-            width: 18%;
-        }
+    .sensor-status {
+      position: absolute;
+      font-size: 50%;
+      bottom: 11.5%;
+      left: 12%;
+      color: rgba(0, 249, 255, 0.75);
+      width: 18%;
+    }
 
-        .conn-status {
-            position: absolute;
-            font-size: 50%;
-            bottom: 11.5%;
-            left: 35%;
-            color: rgba(0, 249, 255, 0.75);
-            width: 18%;
-        }
+    .conn-status {
+      position: absolute;
+      font-size: 50%;
+      bottom: 11.5%;
+      left: 35%;
+      color: rgba(0, 249, 255, 0.75);
+      width: 18%;
+    }
 
-        .collect-time {
-            position: absolute;
-            font-size: 50%;
-            bottom: 11.5%;
-            left: 58%;
-            color: rgba(0, 249, 255, 0.75);
-            width: 36%;
-        }
+    .collect-time {
+      position: absolute;
+      font-size: 50%;
+      bottom: 11.5%;
+      left: 58%;
+      color: rgba(0, 249, 255, 0.75);
+      width: 36%;
+    }
 
-        #treeview-selectable ul li {
-            border: 1px solid #094B7A;
-            border-left: 0px solid #094B7A;
-            height: 50px;
-            display: flex;
-            align-items: center;
-            color: #B6C0CA;
-        }
+    #treeview-selectable ul li {
+      border: 1px solid #094B7A;
+      border-left: 0px solid #094B7A;
+      height: 50px;
+      display: flex;
+      align-items: center;
+      color: #B6C0CA;
+    }
 
-        .list-group-item {
-            background: transparent;
-        }
+    .list-group-item {
+      background: transparent;
+    }
 
-        #treeview-selectable ul .node-treeview-selectable:not(.node-disabled):hover {
-            background-color: #083A61;
-            opacity: 0.2;
-            color: white;
-            border: 1px solid #094B7A;
-            border-left: 3px solid #094B7A;
-        }
+    #treeview-selectable ul .node-treeview-selectable:not(.node-disabled):hover {
+      background-color: #083A61;
+      opacity: 0.2;
+      color: white;
+      border: 1px solid #094B7A;
+      border-left: 3px solid #094B7A;
+    }
 
-        .sensor-Text {
-            display: flex;
-            width: 29%;
-            height: 35%;
-            position: absolute;
-            bottom: 2%;
-            left: 16.2%;
-            border: 0px solid red;
-            color: #00f9ff;
-            padding: 1em 0.5em 1em 2.5em;
-            align-items: flex-start;
-            justify-content: space-around;
-            flex-wrap: nowrap;
-            flex-direction: column;
-            align-content: stretch;
-            overflow-x: hidden;
-            overflow-y: auto;
-            font-size:1.5rem;
-        }
+    .sensor-Text {
+      display: flex;
+      width: 29%;
+      height: 35%;
+      position: absolute;
+      bottom: 2%;
+      left: 16.2%;
+      border: 0px solid red;
+      color: #00f9ff;
+      padding: 1em 0.5em 1em 2.5em;
+      align-items: flex-start;
+      justify-content: space-around;
+      flex-wrap: nowrap;
+      flex-direction: column;
+      align-content: stretch;
+      overflow-x: hidden;
+      overflow-y: auto;
+      font-size: 1.5rem;
+    }
 
-        div::-webkit-scrollbar {
-            display: none;
-        }
+    div::-webkit-scrollbar {
+      display: none;
+    }
+
+    .imgMagnification {
+      display: none;
+      position: fixed;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      background-color: rgba(0, 0, 0, 0.2);
+    }
+
+    .imgMagnification .center {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .imgMagnification .center .centerImg {
+      transform: scale(1.5, 1.5);
+      transition: all 0.1s;
+    }
+
+    .imgMagnification .magnify {
+      position: absolute;
+      width: 30px;
+      height: 30px;
+      left: calc(50% - 50px);
+      bottom: 50px;
+      transform: translate(-50%, -50%);
+      background-image: url("../../img/magnify.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .imgMagnification .lessen {
+      position: absolute;
+      width: 30px;
+      height: 30px;
+      right: calc(50% - 50px);
+      bottom: 50px;
+      transform: translate(-50%, -50%);
+      background-image: url("../../img/lessen.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .imgMagnification .leftBtn {
+      position: absolute;
+      width: 30px;
+      height: 30px;
+      left: 50px;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      background-image: url("../../img/leftBtn.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .imgMagnification .rightBtn {
+      position: absolute;
+      width: 30px;
+      height: 30px;
+      right: 50px;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      background-image: url("../../img/rightBtn.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
 
-    </style>
-
-    <script th:src="@{/js/Iot-ui/jquery.min.js}"></script>
-    <th:block th:include="include :: layout-latest-js"/>
-    <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"/>
-    <th:block th:include="include :: ztree-js"/>
-    <script th:src="@{/js/view-model.js}" src="../../static/js/view-model.js"></script>
-    <script th:src="@{/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js}"
-            src="../../static/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/MiniDialog-es5.min.js}"></script>
+    .imgMagnification .closeBtn {
+      position: absolute;
+      width: 30px;
+      height: 30px;
+      right: 50px;
+      top: 50px;
+      transform: translate(-50%, -50%);
+      background-image: url("../../img/close.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+  </style>
+
+  <script th:src="@{/js/Iot-ui/jquery.min.js}"></script>
+  <th:block th:include="include :: layout-latest-js"/>
+  <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"/>
+  <th:block th:include="include :: ztree-js"/>
+  <script src="../../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"
+          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/MiniDialog-es5.min.js}"></script>
 </head>
 <body class="body-transformer-detail1">
 <div id="company-name" style="left: 0.7%;width:12.6%;top: 1%;height:5.6%;">
-    <!--id="filterText"-->
-    <input type="text" class="form-control d-inline-block" id="input-select-node" name="filterText"
-           placeholder="输入关键字进行过滤"
-           style="color:white;font-size:0.5rem;border-color: #1facf4;background-color: transparent;height:100%">
+  <!--id="filterText"-->
+  <input class="form-control d-inline-block" id="input-select-node" name="filterText" placeholder="输入关键字进行过滤"
+         style="color:white;font-size:0.5rem;border-color: #1facf4;background-color: transparent;height:100%"
+         type="text">
 </div>
 
 <div id="sensor-list">
-    <div id="treeview-selectable"></div>
+  <div id="treeview-selectable"></div>
 </div>
 
 <!--
@@ -414,7 +495,7 @@
 
 <div id="transformer-name">监控单元</div>
 <div id="transformer-model">
-    <!--<img src="../../static/img/transformer-noshadow-lg.png" th:src="@{/img/transformer-noshadow-lg.png}" alt="监控单元">-->
+  <!--<img src="../../static/img/transformer-noshadow-lg.png" th:src="@{/img/transformer-noshadow-lg.png}" alt="监控单元">-->
 </div>
 
 <div class="sensor-Text" id="sensor-text">
@@ -422,222 +503,272 @@
 
 
 <nav class="nav search-bar d-inline-block" id="main-search-bar">
-    <form action="#" class="search-form-nav">
-        <input id="monitorUnitId" name="monitorUnitId" type="hidden">
-        <label for="monitor-unit" class="search-label">监控单元:</label>
-        <input type="text" class="form-control d-inline-block" id="monitor-unit" name="monitor-unit"
-               placeholder="请输入监控单元">
-        <label for="sensor-type" class="search-label">传感器类型:</label>
-        <input type="text" class="form-control d-inline-block" id="sensor-type" name="sensor-type"
-               placeholder="请输入传感器类型">
-        <label for="sensor-name" class="search-label">传感器名称:</label>
-        <input type="text" class="form-control d-inline-block" id="sensor-name" name="sensor-name"
-               placeholder="请输入传感器名称">
-
-        <button class="btn btn-primary search-btn">搜索</button>
-    </form>
+  <form action="#" class="search-form-nav">
+    <input id="monitorUnitId" name="monitorUnitId" type="hidden">
+    <label class="search-label" for="monitor-unit">监控单元:</label>
+    <input class="form-control d-inline-block" id="monitor-unit" name="monitor-unit" placeholder="请输入监控单元"
+           type="text">
+    <label class="search-label" for="sensor-type">传感器类型:</label>
+    <input class="form-control d-inline-block" id="sensor-type" name="sensor-type" placeholder="请输入传感器类型"
+           type="text">
+    <label class="search-label" for="sensor-name">传感器名称:</label>
+    <input class="form-control d-inline-block" id="sensor-name" name="sensor-name" placeholder="请输入传感器名称"
+           type="text">
+
+    <button class="btn btn-primary search-btn">搜索</button>
+  </form>
 </nav>
 <div id="sensor-card-group">
 </div>
+<div class="imgMagnification" id="imgMagnification">
+  <div class="center" id="center">
+    <img alt="" class="centerImg" id="centerImg" src="../../img/transformer.png">
+  </div>
+  <div class="magnify" id="magnify" onclick="imgOption(0.1)"></div>
+  <div class="lessen" id="lessen" onclick="imgOption(-0.1)"></div>
+  <div class="leftBtn" id="leftBtn"></div>
+  <div class="rightBtn" id="rightBtn"></div>
+  <div class="closeBtn" id="closeBtn"></div>
+</div>
 </body>
 
 <script type="text/javascript">
+  let params = {
+    pageNum: 1,
+    pageSize: 10,
+  }
+  let total = 0
+  let thisID = null
+  let loading = false
+
+  const imgOption = (e)=>{
+    let scale = parseFloat(($('#imgMagnification #center #centerImg').css('transform')?.split('(')?.[1].split(',')?.[0]))
+    scale += e
+    $('#imgMagnification #center #centerImg').css({
+      transform:`scale(${scale}, ${scale})`
+    })
+  }
+
+  $(function () {
+    var search = function () {
+      $.ajax({
+        url: "/iot/deviceMonitor/getMonitorUnitTree",  // 发送的路径
+        type: "get",  // 发送方式
+        dataType: 'JSON',  // 反序列化
+        success: (res) => {  // 成功获取到后端返回结果的回调函数
+          initSelectableTree(res);
+          return res;
+        },
+        error: () => {  // 发送失败的回调函数
+          console.log("失败");
+        }
+      })
+    }
 
-    $(function () {
-        var search = function () {
-            $.ajax({
-                url: "/iot/deviceMonitor/getMonitorUnitTree",  // 发送的路径
-                type: "get",  // 发送方式
-                dataType: 'JSON',  // 反序列化
-                success: (res) => {  // 成功获取到后端返回结果的回调函数
-                    initSelectableTree(res);
-                    return res;
-                },
-                error: () => {  // 发送失败的回调函数
-                    console.log("失败");
-                }
-            })
-        }
+    var initSelectableTree = function (defaultData) {
+      return $('#treeview-selectable').treeview({
+        data: defaultData,
+        multiSelect: $('#chk-select-multi').is(':checked'),
+        onNodeSelected: function (event, node) {
+          params.pageNum = 1
+          $('#selectable-output').prepend('<p>' + node.text + ' was selected</p>');
+          if (node.nodeId > 0) {
+            monitorUnitModule(node.href);
+            sensorCollectionRefresh(node.href, params);
+          }
+        },
+        onNodeUnselected: function (event, node) {
+          $('#selectable-output').prepend('<p>' + node.text + ' was unselected</p>');
+        }
+      });
+
+    };
+    var $selectableTree = initSelectableTree(search());
+
+    var findSelectableNodes = function () {
+      return $selectableTree.treeview('search', [$('#input-select-node').val(), {
+        ignoreCase: false,
+        exactMatch: false,
+      }]);
+    };
+    var selectableNodes = findSelectableNodes();
 
-        var initSelectableTree = function (defaultData) {
-            return $('#treeview-selectable').treeview({
-                data: defaultData,
-                multiSelect: $('#chk-select-multi').is(':checked'),
-                onNodeSelected: function (event, node) {
-                    $('#selectable-output').prepend('<p>' + node.text + ' was selected</p>');
-                    if (node.nodeId > 0) {
-                        monitorUnitModule(node.href);
-                        sensorCollectionRefresh(node.href);
-                    }
-                },
-                onNodeUnselected: function (event, node) {
-                    $('#selectable-output').prepend('<p>' + node.text + ' was unselected</p>');
-                }
-            });
-
-        };
-        var $selectableTree = initSelectableTree(search());
-
-        var findSelectableNodes = function () {
-            return $selectableTree.treeview('search', [$('#input-select-node').val(), {
-                ignoreCase: false,
-                exactMatch: false,
-            }]);
-        };
-        var selectableNodes = findSelectableNodes();
-
-        $('#input-select-node').on('keyup', function (e) {
-            selectableNodes = findSelectableNodes();
-            $('.select-node').prop('disabled', !(selectableNodes.length >= 1));
-        });
+    $('#input-select-node').on('keyup', function (e) {
+      selectableNodes = findSelectableNodes();
+      $('.select-node').prop('disabled', !(selectableNodes.length >= 1));
     });
+  });
 </script>
 
 <script type="text/javascript">
-    $(() => {
-        let unitId = getParams("id");
-        if (unitId != null) {
-            monitorUnitModule(unitId)
-            sensorCollectionRefresh(unitId);
-        } else {
-            $.ajax({
-                url: "/iot/deviceMonitor/getFirstMonitorUnit",
-                type: "get",
-                success: (res) => {
-                    monitorUnitModule(res)
-                    sensorCollectionRefresh(res);
-                },
-                error: () => {
-                    console.log("失败");
-                }
-            })
-        }
+  $(() => {
+    let unitId = getParams("id");
+    if (unitId != null) {
+      thisID = unitId
+      monitorUnitModule(unitId)
+      sensorCollectionRefresh(unitId, params);
+    } else {
+      $.ajax({
+        url: "/iot/deviceMonitor/getFirstMonitorUnit",
+        type: "get",
+        success: (res) => {
+          thisID = res
+          monitorUnitModule(res)
+          sensorCollectionRefresh(res, params);
+        },
+        error: () => {
+          console.log("失败");
+        }
+      })
+    }
+  })
+  const monitorUnitModule = function (monitorUnitId) {
+    $.ajax({
+      url: "/iot/deviceMonitor/getMonitorUnitInfo?monitorunitId=" + monitorUnitId,
+      type: "get",
+      dataType: 'JSON',
+      success: (res) => {
+        console.log("监控单元信息:" + res[0].deviceParams)
+        $('#transformer-model').html("");
+        let e = '<img src="' + res[0].monitorunitImage + '"  >';
+        $("#transformer-model").append(e);
+
+        $('#sensor-text').html("");
+        let html = '<p>设备编号：<span>' + res[0].monitorunitName + '</span></p>';
+        if (res[0].deviceParams.length > 0) {
+          res[0].deviceParams.map(x => {
+            html += '<p>' + x.paramTitle + '：<span>' + x.paramValue + '</span></p>';
+          });
+        }
+        html += '    <p>所属变电站：<span>' + res[0].substationName + '</span></p>';
+        $("#sensor-text").append(html);
+      },
+      error: () => {
+        console.log("失败");
+      }
     })
-    const monitorUnitModule = function (monitorUnitId) {
-        $.ajax({
-            url: "/iot/deviceMonitor/getMonitorUnitInfo?monitorunitId=" + monitorUnitId,
-            type: "get",
-            dataType: 'JSON',
-            success: (res) => {
-                console.log("监控单元信息:" + res[0].deviceParams)
-                $('#transformer-model').html("");
-                let e = '<img src="' + res[0].monitorunitImage + '"  >';
-                $("#transformer-model").append(e);
-
-                $('#sensor-text').html("");
-                let html = '<p>设备编号：<span>' + res[0].monitorunitName + '</span></p>';
-                if(res[0].deviceParams.length > 0){
-                    res[0].deviceParams.map(x => {
-                        html += '<p>' + x.paramTitle + '：<span>' + x.paramValue + '</span></p>';
-                    });
-                }
-                html += '    <p>所属变电站：<span>' + res[0].substationName + '</span></p>';
-                $("#sensor-text").append(html);
-            },
-            error: () => {
-                console.log("失败");
-            }
-        })
+  }
+</script>
+
+<script type="text/javascript">
+  function getParams(key) {
+    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
+    var r = window.location.search.substr(1).match(reg);
+    if (r != null) {
+      return unescape(r[2]);
+    }
+    return null;
+  };
+
+  function formatter(thistime, fmt) {
+    let $this = new Date(thistime)
+    let o = {
+      'M+': $this.getMonth() + 1,
+      'd+': $this.getDate(),
+      'h+': $this.getHours(),
+      'm+': $this.getMinutes(),
+      's+': $this.getSeconds(),
+      'q+': Math.floor(($this.getMonth() + 3) / 3),
+      'S': $this.getMilliseconds()
+    }
+    if (/(y+)/.test(fmt)) {
+      fmt = fmt.replace(RegExp.$1, ($this.getFullYear() + '').substr(4 - RegExp.$1.length))
+    }
+    for (var k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+      }
     }
+    return fmt
+  }
 </script>
 
 <script type="text/javascript">
-    function getParams(key) {
-        var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
-        var r = window.location.search.substr(1).match(reg);
-        if (r != null) {
-            return unescape(r[2]);
-        }
-        return null;
+  $(document).ready(function () {
+    $.cookie('userID', '0000');
+    var wsImpl = window.WebSocket || window.MozWebSocket;
+    console.log("connecting to server ..");
+    //window.ws = new wsImpl('ws://121.36.58.109:7181');
+    window.ws = new wsImpl('ws://47.122.6.3:7181');
+    ws.onmessage = function (evt) {
+      let result = $.parseJSON(evt.data);
+      switch (result.type) {
+        case "CMD_REPORTDATA":
+          reportData(result);
+          break;
+        case "CMD_SENSORSTATUS":
+          reportStatus(result);
+          break;
+        default:
+          break;
+      }
     };
-
-    function formatter(thistime, fmt) {
-        let $this = new Date(thistime)
-        let o = {
-            'M+': $this.getMonth() + 1,
-            'd+': $this.getDate(),
-            'h+': $this.getHours(),
-            'm+': $this.getMinutes(),
-            's+': $this.getSeconds(),
-            'q+': Math.floor(($this.getMonth() + 3) / 3),
-            'S': $this.getMilliseconds()
-        }
-        if (/(y+)/.test(fmt)) {
-            fmt = fmt.replace(RegExp.$1, ($this.getFullYear() + '').substr(4 - RegExp.$1.length))
-        }
-        for (var k in o) {
-            if (new RegExp('(' + k + ')').test(fmt)) {
-                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
-            }
-        }
-        return fmt
+    ws.onopen = function () {
+      console.log(".. connection open");
+    };
+    ws.onclose = function () {
+      console.log(".. connection closed");
+    }
+  });
+
+  const send = function (message) {
+    ws.send(message);
+  }
+
+  //上报数据处理
+  const reportData = function (result) {
+    if (result.datatype == "image") {
+      console.log(result);
+      let params = getParameter(result.datatype);
+      for (let i = 0; i < params.length; i++) {
+
+        if (params[i].paramTitle == "imgstr") {
+          document.getElementById(result.sensorId + "imgstr").src = result.imgstr.replace("D:/ruoyi/uploadPath", "/profile");
+        }
+
+        if (!params[i].paramTitle.includes("img")) {
+          console.log(result.sensorId + params[i].paramTitle + "数据：" + result[params[i].paramTitle.includes("position") ? "alert" + params[i].paramTitle : params[i].paramTitle]);
+          document.getElementById(result.sensorId + params[i].paramTitle).innerHTML = params[i].paramText + "：" + result[params[i].paramTitle.includes("position") ? "alert" + params[i].paramTitle : params[i].paramTitle];
+        }
+      }
+    } else {
+      let params = getParameter(result.datatype);
+      for (let i = 0; i < params.length; i++) {
+        console.log(result.sensorId + params[i].paramTitle + "数据：" + result[params[i].paramTitle]);
+        document.getElementById(result.sensorId + params[i].paramTitle).innerHTML = params[i].paramText + "：" + result[params[i].paramTitle];
+      }
     }
+
+    // document.getElementById(result.sensorId + "sensorStatus").innerHTML = result['sensorStatus'] == null ? "-" : sensorStatus(result['sensorStatus']);
+    document.getElementById(result.sensorId + "collectTime").innerHTML = result['collectTime'] == null ? "-" : collectTime(result['collectTime']);
+  }
+  //上报设备状态
+  const reportStatus = function (result) {
+    //document.getElementById(result.sensorId + "sensorStatus").innerHTML = result['sensorStatus'] == null ? "-" : sensorStatus(result['sensorStatus']);
+  }
 </script>
+<script>
+  $('#sensor-card-group').scroll(function (e) {
 
-<script type="text/javascript">
-    $(document).ready(function () {
-        $.cookie('userID', '0000');
-        var wsImpl = window.WebSocket || window.MozWebSocket;
-        console.log("connecting to server ..");
-        //window.ws = new wsImpl('ws://121.36.58.109:7181');
-        window.ws = new wsImpl('ws://47.122.6.3:7181');
-        ws.onmessage = function (evt) {
-            let result = $.parseJSON(evt.data);
-            console.log(result);
-            switch (result.type) {
-                case "CMD_REPORTDATA":
-                    reportData(result);
-                    break;
-                case "CMD_SENSORSTATUS":
-                    reportStatus(result);
-                    break;
-                default:
-                    break;
-            }
-        };
-        ws.onopen = function () {
-            console.log(".. connection open");
-        };
-        ws.onclose = function () {
-            console.log(".. connection closed");
-        }
-    });
+    var divHeight = $(this).height();
 
-    const send = function (message) {
-        ws.send(message);
-    }
-
-    //上报数据处理
-    const reportData = function (result) {
-        if (result.datatype == "image") {
-            console.log(result);
-            let params = getParameter(result.datatype);
-            for (let i = 0; i < params.length; i++) {
-
-                if (params[i].paramTitle == "imgstr") {
-                    document.getElementById(result.sensorId + "imgstr").src = result.imgstr.replace("D:/ruoyi/uploadPath", "/profile");
-                }
-
-                if (!params[i].paramTitle.includes("img")) {
-                    console.log(result.sensorId + params[i].paramTitle + "数据：" + result[params[i].paramTitle.includes("position") ? "alert" + params[i].paramTitle : params[i].paramTitle]);
-                    document.getElementById(result.sensorId + params[i].paramTitle).innerHTML = params[i].paramText + "：" + result[params[i].paramTitle.includes("position") ? "alert" + params[i].paramTitle : params[i].paramTitle];
-                }
-            }
-        } else {
-            let params = getParameter(result.datatype);
-            for (let i = 0; i < params.length; i++) {
-                console.log(result.sensorId + params[i].paramTitle + "数据：" + result[params[i].paramTitle]);
-                document.getElementById(result.sensorId + params[i].paramTitle).innerHTML = params[i].paramText + "：" + result[params[i].paramTitle];
-            }
-        }
+    var nScrollHeight = $(this)[0].scrollHeight;
 
-       // document.getElementById(result.sensorId + "sensorStatus").innerHTML = result['sensorStatus'] == null ? "-" : sensorStatus(result['sensorStatus']);
-        document.getElementById(result.sensorId + "collectTime").innerHTML = result['collectTime'] == null ? "-" : collectTime(result['collectTime']);
-    }
-    //上报设备状态
-    const reportStatus = function (result) {
-        //document.getElementById(result.sensorId + "sensorStatus").innerHTML = result['sensorStatus'] == null ? "-" : sensorStatus(result['sensorStatus']);
+    var nScrollTop = $(this)[0].scrollTop;
+
+    $("#input1").val(nScrollHeight);
+
+    $("#input2").val(nScrollTop);
+
+    $("#input3").val(divHeight);
+
+    if (nScrollTop + divHeight >= nScrollHeight - 100) {
+      if (!loading && total > params.pageNum * params.pageSize) {
+        params.pageNum += 1
+        sensorCollectionRefresh(thisID, params);
+      }
+      loading = true
     }
+  })
 </script>
-
 </html>