Forráskód Böngészése

feat(dashboard): 增加注册用户卡片点击跳转功能

- 为注册用户卡片添加光标手势提示
- 实现卡片点击事件,跳转至用户信息管理页面
- 引入路由对象以支持页面跳转功能
- 将点击处理函数绑定到卡片元素上,提高交互性
zhangtao 3 napja
szülő
commit
0019c3b6fe
1 módosított fájl, 5 hozzáadás és 1 törlés
  1. 5 1
      src/views/dashboard/Analysis/index.vue

+ 5 - 1
src/views/dashboard/Analysis/index.vue

@@ -8,7 +8,7 @@
       </div>
       <div class="grid xl:grid-cols-5 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-12px">
         <!-- 注册用户 -->
-        <div class="register-card">
+        <div class="register-card cursor-pointer" @click="handleRegister">
           <div class="register-card-left">
             <div class="text-32px font-bold text-white">{{ overviewData.registeredUsers ?? 0 }}</div>
             <div class="text-14px text-white mt-8px" style="opacity: 0.85">注册用户</div>
@@ -117,6 +117,7 @@
   import jnImg from '/@/assets/images/indx/jn.png';
   import yueImg from '/@/assets/images/indx/yue.png';
   import dayImg from '/@/assets/images/indx/day.png';
+import { router } from '/@/router';
 
   // ========== 数据概览 ==========
   const overviewData = ref<any>({});
@@ -247,6 +248,9 @@
   fetchSchools();
   fetchMonthlyData();
   fetchTableData();
+  function handleRegister() {
+    router.push({ path: '/informationManagement/cUserInfo' });
+  }
 </script>
 
 <style scoped>