From c9b4e430e9bab08d1012713b82115bc9b5232538 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Wed, 11 Jun 2025 11:14:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=9A=90=E8=97=8F=E7=BD=91=E5=85=B3?=
 =?UTF-8?q?=E3=80=81=E4=BA=A4=E6=8D=A2=E6=9C=BA=E3=80=81OLTs=E9=A1=B9?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=91=8A=E8=AD=A6=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/modules/card-data.vue     | 30 +++---
 src/views/dashboard/modules/header-banner.vue | 98 ++++++++++---------
 2 files changed, 66 insertions(+), 62 deletions(-)

diff --git a/src/views/dashboard/modules/card-data.vue b/src/views/dashboard/modules/card-data.vue
index 3493ca5..52741ce 100644
--- a/src/views/dashboard/modules/card-data.vue
+++ b/src/views/dashboard/modules/card-data.vue
@@ -167,21 +167,21 @@ const columns: TableColumnType<Api.DashboardSite>[] = [
     key: 'alerts',
     width: 100
   },
-  {
-    title: t('page.carddata.gateway'),
-    key: 'gateway',
-    width: 100
-  },
-  {
-    title: t('page.carddata.switches'),
-    key: 'switches',
-    width: 100
-  },
-  {
-    title: 'OLTS',
-    key: 'olts',
-    width: 100
-  },
+  // {
+  //   title: t('page.carddata.gateway'),
+  //   key: 'gateway',
+  //   width: 100
+  // },
+  // {
+  //   title: t('page.carddata.switches'),
+  //   key: 'switches',
+  //   width: 100
+  // },
+  // {
+  //   title: 'OLTS',
+  //   key: 'olts',
+  //   width: 100
+  // },
   {
     title: 'EAPS',
     key: 'eaps',
diff --git a/src/views/dashboard/modules/header-banner.vue b/src/views/dashboard/modules/header-banner.vue
index 4331a95..294d761 100644
--- a/src/views/dashboard/modules/header-banner.vue
+++ b/src/views/dashboard/modules/header-banner.vue
@@ -25,6 +25,10 @@ const handleUserClick = () =>{
 const handleterminalClick = () => {
   router.push('/device/terminal');
 };
+//告警跳转
+const handAlertsClick = () => {
+  router.push('/device/alerts');
+};
 
 
 defineOptions({
@@ -164,53 +168,53 @@ const otherDevices = computed(() => ({
             </div>
           </div>
 
-          <!-- Gateways -->
-          <div class="flex flex-col p-6px">
-            <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">
-                <safety-outlined class="text-24px text-primary" />
-                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.gateways.connected + otherDevices.gateways.disconnected }}</span>
-              </div>
-              <div class="text-16px font-medium">{{ t('page.headerbanner.gateway') }}</div>
-            </div>
-            <div class="border-t border-gray-100 my-4px"></div>
-            <div class="flex flex-col text-12px text-gray-500">
-              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.gateways.connected }}</span>
-              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.gateways.disconnected }}</span>
-            </div>
-          </div>
+<!--          &lt;!&ndash; Gateways &ndash;&gt;-->
+<!--          <div class="flex flex-col p-6px">-->
+<!--            <div class="flex items-center gap-6px mb-6px">-->
+<!--              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">-->
+<!--                <safety-outlined class="text-24px text-primary" />-->
+<!--                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.gateways.connected + otherDevices.gateways.disconnected }}</span>-->
+<!--              </div>-->
+<!--              <div class="text-16px font-medium">{{ t('page.headerbanner.gateway') }}</div>-->
+<!--            </div>-->
+<!--            <div class="border-t border-gray-100 my-4px"></div>-->
+<!--            <div class="flex flex-col text-12px text-gray-500">-->
+<!--              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.gateways.connected }}</span>-->
+<!--              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.gateways.disconnected }}</span>-->
+<!--            </div>-->
+<!--          </div>-->
 
-          <!-- Switches -->
-          <div class="flex flex-col p-6px">
-            <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">
-                <hdd-outlined class="text-24px text-primary" />
-                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.switches.connected + otherDevices.switches.disconnected }}</span>
-              </div>
-              <div class="text-16px font-medium">{{ t('page.headerbanner.switches') }}</div>
-            </div>
-            <div class="border-t border-gray-100 my-4px"></div>
-            <div class="flex flex-col text-12px text-gray-500">
-              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.switches.connected }}</span>
-              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.switches.disconnected }}</span>
-            </div>
-          </div>
+<!--          &lt;!&ndash; Switches &ndash;&gt;-->
+<!--          <div class="flex flex-col p-6px">-->
+<!--            <div class="flex items-center gap-6px mb-6px">-->
+<!--              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">-->
+<!--                <hdd-outlined class="text-24px text-primary" />-->
+<!--                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.switches.connected + otherDevices.switches.disconnected }}</span>-->
+<!--              </div>-->
+<!--              <div class="text-16px font-medium">{{ t('page.headerbanner.switches') }}</div>-->
+<!--            </div>-->
+<!--            <div class="border-t border-gray-100 my-4px"></div>-->
+<!--            <div class="flex flex-col text-12px text-gray-500">-->
+<!--              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.switches.connected }}</span>-->
+<!--              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.switches.disconnected }}</span>-->
+<!--            </div>-->
+<!--          </div>-->
 
-          <!-- OLTs -->
-          <div class="flex flex-col p-6px">
-            <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">
-                <group-outlined class="text-24px text-primary" />
-                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.olts.total }}</span>
-              </div>
-              <div class="text-16px font-medium">OLTs</div>
-            </div>
-            <div class="border-t border-gray-100 my-4px"></div>
-            <div class="flex flex-col text-12px text-gray-500">
-              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.olts.connected }}</span>
-              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.olts.disconnected }}</span>
-            </div>
-          </div>
+<!--          &lt;!&ndash; OLTs &ndash;&gt;-->
+<!--          <div class="flex flex-col p-6px">-->
+<!--            <div class="flex items-center gap-6px mb-6px">-->
+<!--              <div class="size-48px flex-center bg-gray-100 rounded-lg relative">-->
+<!--                <group-outlined class="text-24px text-primary" />-->
+<!--                <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">{{ otherDevices.olts.total }}</span>-->
+<!--              </div>-->
+<!--              <div class="text-16px font-medium">OLTs</div>-->
+<!--            </div>-->
+<!--            <div class="border-t border-gray-100 my-4px"></div>-->
+<!--            <div class="flex flex-col text-12px text-gray-500">-->
+<!--              <span>{{ t('page.headerbanner.connect') }}: {{ otherDevices.olts.connected }}</span>-->
+<!--              <span>{{ t('page.headerbanner.disconnect') }}: {{ otherDevices.olts.disconnected }}</span>-->
+<!--            </div>-->
+<!--          </div>-->
 
           <!-- Register Users -->
           <div class="flex flex-col p-6px">
@@ -281,8 +285,8 @@ const otherDevices = computed(() => ({
           <!-- Alerts -->
           <div class="flex flex-col p-6px">
             <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-yellow-50 rounded-lg">
-                <icon-mdi-alert class="text-warning text-24px" />
+              <div class="size-48px flex-center bg-yellow-50 rounded-lg relative hover:bg-green-100">
+                <icon-mdi-alert class="text-warning text-24px cursor-pointer" @click="handAlertsClick"/>
               </div>
               <div class="text-16px font-medium">{{ t('page.headerbanner.alerts') }}</div>
             </div>