From c9d78a107d6efa337d972e3d09461e93be168184 Mon Sep 17 00:00:00 2001
From: haozq <1611483981@qq.com>
Date: Sat, 20 Apr 2024 12:54:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=BC=82=E5=B8=B8=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/index/index.css         |  5 +++++
 js/pages/index/indexAjax.js | 32 +++++++++++++++++++-------------
 pages/index/index.html      |  2 +-
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/css/index/index.css b/css/index/index.css
index 8280a4e..1c9395e 100644
--- a/css/index/index.css
+++ b/css/index/index.css
@@ -136,6 +136,11 @@ body {
     background-position: center center !important;
     background-size: initial;
 }
+#logo{
+    background: url("../../img/index/pm10.png") no-repeat 0 0 / 100% 100%;
+    background-position: center center !important;
+    background-size: initial;
+}
 
 #pro-risk {
     width: 100%;
diff --git a/js/pages/index/indexAjax.js b/js/pages/index/indexAjax.js
index b72eebd..f1ff872 100644
--- a/js/pages/index/indexAjax.js
+++ b/js/pages/index/indexAjax.js
@@ -64,21 +64,27 @@ function loadRealMonitor(montageParam) {
 
     /* 实时检测赋值 */
     function setData(data) {
+        console.log(data)
         if (data && data.length > 0) {
+            $("#real-time-monitor").empty();
             $.each(data, function (index, item) {
-                if (item.modelName === '温度') {
-                    $('#wd').html(item.val ? item.val : 0);
-                } else if (item.modelName === '湿度') {
-                    $('#sd').html(item.val ? item.val : 0);
-                } else if (item.modelName === '噪声') {
-                    $('#zs').html(item.val ? item.val : 0);
-                } else if (item.modelName === '光照') {
-                    $('#gz').html(item.val ? item.val : 0);
-                } else if (item.modelName === 'pm2') {
-                    $('#pm2').html(item.val ? item.val : 0);
-                } else if (item.modelName === 'pm10') {
-                    $('#pm10').html(item.val ? item.val : 0);
-                }
+                let div=" <div class=\"layout monitor-data\">  <p><span id=\"wd\">"
+                    +item.val+"</span><span>"+item.unit+"</span></p><p>"+item.modelName+"</p>"+
+                    " <div id='logo' class=\"monitor-icon\"></div>";
+                $("#real-time-monitor").append(div);
+                // if (item.modelName === '温度') {
+                //     $('#wd').html(item.val ? item.val : 0);
+                // } else if (item.modelName === '湿度') {
+                //     $('#sd').html(item.val ? item.val : 0);
+                // } else if (item.modelName === '噪声') {
+                //     $('#zs').html(item.val ? item.val : 0);
+                // } else if (item.modelName === '光照') {
+                //     $('#gz').html(item.val ? item.val : 0);
+                // } else if (item.modelName === 'pm2') {
+                //     $('#pm2').html(item.val ? item.val : 0);
+                // } else if (item.modelName === 'pm10') {
+                //     $('#pm10').html(item.val ? item.val : 0);
+                // }
             })
         }
     }
diff --git a/pages/index/index.html b/pages/index/index.html
index a11ebf1..6558ebb 100644
--- a/pages/index/index.html
+++ b/pages/index/index.html
@@ -33,7 +33,7 @@
             </div>
         </div>
         <div id="right-box" class="layout">
-            <div id="real-time-monitor" class="layout">
+            <div id="real-time-monitor"  class="layout">
                 <div class="layout monitor-data">
                     <p><span id="wd">0</span><span>℃</span></p>
                     <p>温度</p>