From af52cc21bc0055f0b67e134e0baa1668f183eeaa Mon Sep 17 00:00:00 2001
From: lanrenwo <lanrenwo@users.noreply.github.com>
Date: Fri, 12 Aug 2022 14:49:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=9A=84=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Home.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Home.vue b/web/src/pages/Home.vue
index c37006c..10b7629 100644
--- a/web/src/pages/Home.vue
+++ b/web/src/pages/Home.vue
@@ -2,7 +2,7 @@
   <div class="home">
     <el-row :gutter="40" class="panel-group">
       <el-col :span="6" class="card-panel-col">
-        <div class="card-panel">
+        <div class="card-panel" v-on:click="jump('/admin/user/online')">
           <i class="el-icon-user-solid" style="font-size:50px;color: #f4516c;"></i>
           <div class="card-panel-description">
             <div class="card-panel-text">在线数</div>
@@ -12,7 +12,7 @@
       </el-col>
 
       <el-col :span="6" class="card-panel-col">
-        <div class="card-panel">
+        <div class="card-panel" v-on:click="jump('/admin/user/list')">
           <i class="el-icon-user-solid" style="font-size:50px;color: #36a3f7"></i>
           <div class="card-panel-description">
             <div class="card-panel-text">用户数</div>
@@ -22,7 +22,7 @@
       </el-col>
 
       <el-col :span="6" class="card-panel-col">
-        <div class="card-panel">
+        <div class="card-panel" v-on:click="jump('/admin/group/list')">
           <i class="el-icon-wallet" style="font-size:50px;color:#34bfa3"></i>
           <div class="card-panel-description">
             <div class="card-panel-text">用户组数</div>
@@ -32,7 +32,7 @@
       </el-col>
 
       <el-col :span="6" class="card-panel-col">
-        <div class="card-panel">
+        <div class="card-panel" v-on:click="jump('/admin/user/ip_map')">
           <i class="el-icon-s-order" style="font-size:50px;color:#40c9c6"></i>
           <div class="card-panel-description">
             <div class="card-panel-text">IP映射数</div>
@@ -114,6 +114,9 @@ export default {
         console.log(error);
       });
     },
+    jump(path) {
+        this.$router.push(path);
+    },    
   },
 }
 </script>
@@ -132,6 +135,11 @@ export default {
   border-color: rgba(0, 0, 0, .05);
 }
 
+.card-panel:hover {
+    box-shadow: 0 3px 5px 2px rgba(0, 0, 0, .12), 0 0 5px 0 rgba(0, 0, 0, .04);
+    cursor:pointer;
+}
+
 .card-panel-description {
   display: flex;
   flex-direction: column;