From 59c4c8da2cacbe92e3d3573b28e15487faedd3d4 Mon Sep 17 00:00:00 2001
From: Zhao Xin <7176466@qq.com>
Date: Sat, 3 Sep 2022 02:13:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A0=91=E8=8E=93=E6=B4=BE?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=8A=93=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/index.html b/index.html
index 185b305..5892d54 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,11 @@
             flex-wrap: wrap;
         }
 
+        #rpi_status {
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+
     </style>
 </head>
 
@@ -27,6 +32,41 @@
         <a class="button" href="/~yang/">海洋</a>
         <a class="button" href="http://nas:3000/">代码仓库</a>
     </nav>
+    <div id="rpi_status">
+        <div class='status_windows' id="zhao_status">
+            <p>主机：zhao</p>
+            <p>核心温度：<span id="zhao_temp"></span> ℃</p>
+            <p>CPU负载：<span id="zhao_cpu"></span> %</p>
+            <p>内存剩余：<span id="zhao_mem"></span> MB</p>
+        </div>
+        <div class='status_windows' id="pi_status">
+            <p>主机：pi</p>
+            <p>核心温度：<span id="pi_temp"></span> ℃</p>
+            <p>CPU负载：<span id="pi_cpu"></span> %</p>
+            <p>内存剩余：<span id="pi_mem"></span> MB</p>
+        </div>
+    </div>
+    <script>
+        function getinfo(url) {
+            fetch(new Request('http://zhao:4000'))
+                .then(res => res.json())
+                .then(data => {
+                    // console.table(data)
+                    zhao_temp.innerText = data.cpu.temperature
+                    zhao_cpu.innerText = data.cpu.load
+                    zhao_mem.innerText = data.memory.available
+                })
+            fetch(new Request('http://pi:4000'))
+                .then(res => res.json())
+                .then(data => {
+                    // console.table(data)
+                    pi_temp.innerText = data.cpu.temperature
+                    pi_cpu.innerText = data.cpu.load
+                    pi_mem.innerText = data.memory.available
+                })
+        }
+        setInterval(getinfo, 1000)
+    </script>
 </body>
 
 </html>