+
+
+ {/* Tab Bar */}
+
+ {tabs.map((tab) => (
+
+ ))}
+
+
+ {/* Tab Description */}
+
+ {tabs.find(t => t.id === activeTab)?.description}
+
+
+ {/* Tab Content */}
+
+ {activeTab === 'host' && }
+ {activeTab === 'middleware' && }
+ {activeTab === 'snmp' && }
+ {activeTab === 'site' && }
+
+
+ );
+}
diff --git a/frontend/src/pages/SNMPMonitor.tsx b/frontend/src/pages/SNMPMonitor.tsx
new file mode 100644
index 0000000..42db342
--- /dev/null
+++ b/frontend/src/pages/SNMPMonitor.tsx
@@ -0,0 +1,72 @@
+// SNMP 监控 — 网络设备 / 服务器硬件 (OID 模板采集)
+import { Card, CardContent } from '@/components/ui/card';
+import { Radio, Router, HardDrive } from 'lucide-react';
+
+export function SNMPMonitor() {
+ return (
+