From a342cfc64e7c39140630c93542a1dca183373452 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 11 Mar 2025 18:36:29 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BB=AA=E8=A1=A8=E7=9B=98?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=EF=BC=88AP=E3=80=81=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E3=80=81=E8=A3=85=E7=BD=AE)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/modules/header-banner.vue | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/views/dashboard/modules/header-banner.vue b/src/views/dashboard/modules/header-banner.vue
index 2b9e6b4..4331a95 100644
--- a/src/views/dashboard/modules/header-banner.vue
+++ b/src/views/dashboard/modules/header-banner.vue
@@ -10,7 +10,22 @@ import {
 import { computed, ref, onMounted } from 'vue';
 import { getDashboardOverview } from '@/service/api/auth';
 import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
 const { t } = useI18n();
+const router = useRouter();
+//AP跳转
+const handleApClick = () => {
+  router.push('/device/apdevice');
+};
+//用户跳转
+const handleUserClick = () =>{
+  router.push('/user-center/user')
+};
+//终端跳转
+const handleterminalClick = () => {
+  router.push('/device/terminal');
+};
+
 
 defineOptions({
   name: 'HeaderBanner'
@@ -200,8 +215,8 @@ const otherDevices = computed(() => ({
           <!-- Register Users -->
           <div class="flex flex-col p-6px">
             <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-blue-50 rounded-lg">
-                <user-add-outlined class="text-primary text-24px" />
+              <div class="size-48px flex-center bg-blue-50 rounded-lg relative hover:bg-green-100">
+                <user-add-outlined class="text-primary text-24px cursor-pointer" @click="handleUserClick"/>
               </div>
               <div class="text-16px font-medium">{{ t('page.headerbanner.register') }}</div>
             </div>
@@ -226,10 +241,10 @@ const otherDevices = computed(() => ({
           </div>
 
           <!-- AP Status -->
-          <div class="flex flex-col p-6px">
+          <div class="flex flex-col p-6px" >
             <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-green-50 rounded-lg relative">
-                <icon-mdi-access-point class="text-primary text-24px" />
+              <div class="size-48px flex-center bg-green-50 rounded-lg relative hover:bg-green-100">
+                <icon-mdi-access-point class="text-primary text-24px cursor-pointer" @click="handleApClick" />
                 <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">
                   {{ overviewData.totalApNum }}
                 </span>
@@ -247,8 +262,8 @@ const otherDevices = computed(() => ({
           <!-- Client Status -->
           <div class="flex flex-col p-6px">
             <div class="flex items-center gap-6px mb-6px">
-              <div class="size-48px flex-center bg-purple-50 rounded-lg relative">
-                <icon-mdi-laptop class="text-primary text-24px" />
+              <div class="size-48px flex-center bg-purple-50 rounded-lg relative hover:bg-green-100">
+                <icon-mdi-laptop class="text-primary text-24px cursor-pointer" @click="handleterminalClick"/>
                 <span class="text-20px font-semibold absolute -right-2 -top-2 bg-primary text-white rounded-full w-6 h-6 flex-center">
                   {{ overviewData.totalClientNum }}
                 </span>