From a21e2592720fec7b4430150a4a8e10e635d1bfad Mon Sep 17 00:00:00 2001
From: zifan <1461978311@qq.com>
Date: Sat, 23 Sep 2023 14:00:26 +0800
Subject: [PATCH] =?UTF-8?q?arp=E8=A1=A8=E4=B8=AD=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=BB=91=E5=90=8D=E5=8D=95=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/arp.html | 42 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 39 insertions(+), 3 deletions(-)

diff --git a/www/arp.html b/www/arp.html
index 5219a83..7dce571 100755
--- a/www/arp.html
+++ b/www/arp.html
@@ -42,8 +42,31 @@
             </tbody>
         </table>
     </div>
+    <div style="display: none;">
+        <table id="balckTable" width="250" align="center" border="1" cellspacing="0">
+            <thead>
+                <th>ip地址</th>
+            </thead>
+            <tbody id="blackTableBody" align="center">
+
+            </tbody>
+        </table>
+    </div>
     <script>
-        window.onload = function () {
+
+        var blackData;
+        function loadBlackData() {
+            fetch("/cgi-bin/fw.cgi").then(resp => resp.json()).then(data => {
+                blackData = data;
+
+                loadData();
+            })
+
+        }
+
+        function loadData() {
+
+
             fetch("/cgi-bin/arp.cgi").then(resp => resp.json()).then(data => {
                 arpTableBody.innerText = "";
                 data.forEach(rowData => {
@@ -57,10 +80,23 @@
                     td3.innerText = rowData.mac;
 
                     tr.append(td1, td2, td3);
+
+
+                    for (let i = 0; i < blackData.length; i++) {
+                        if (blackData[i].ip == rowData.ip) {
+                            tr.style = "color:red;";
+                            break;
+                        }
+                    }
                     arpTableBody.append(tr);
                 });
-            }
-            )
+            })
+        }
+
+
+
+        window.onload = function () {
+            loadBlackData();
         }
     </script>
 </body>