refactor(user): 重构用户卡片组件并优化登录状态更新逻辑- 重构了 UserCard 组件，统一了前端和后台的实现

- 移除了冗余的数据获取逻辑，统一使用 useUserData Hook
- 优化了登录状态更新流程，使用 loginUser 方法统一处理登录
- 添加了登录成功后的提示和页面数据刷新

LOGIN_STATUS_UPDATE_TEST.md

@@ -8,6 +8,14 @@
 
 1. **Header组件** (`src/pages/index/Header.tsx`)
 2. **UserCard组件** (`src/pages/user/components/UserCard.tsx`)
+3. **Admin UserCard组件** (`src/admin/components/UserCard.tsx`)
+
+## 额外优化：清理冗余代码
+发现 UserCard 组件中存在冗余的数据获取逻辑：
+- `useUserData` Hook 已经动态获取了优惠券、礼品卡、积分、余额等数据
+- 删除了重复的本地状态：`couponCount`, `pointsCount`, `giftCount`
+- 删除了重复的数据获取方法：`loadUserStats`
+- 统一使用 `useUserData` 提供的数据
 
 ### 主要修改内容
 

src/admin/components/UserCard.tsx

@@ -1,21 +1,23 @@
 import {Button} from '@nutui/nutui-react-taro'
 import {Avatar, Tag} from '@nutui/nutui-react-taro'
-import {getUserInfo, getWxOpenId} from '@/api/layout';
+import {getWxOpenId} from '@/api/layout';
 import Taro from '@tarojs/taro';
-import {useEffect, useState} from "react";
-import {User} from "@/api/system/user/model";
+import {useEffect} from "react";
 import navTo from "@/utils/common";
 import {TenantId} from "@/config/app";
-import {getMyAvailableCoupons} from "@/api/shop/shopUserCoupon";
 import {useUser} from "@/hooks/useUser";
+import {useUserData} from "@/hooks/useUserData";
 
 function UserCard() {
-  const {getDisplayName, getRoleName} = useUser();
-  const [IsLogin, setIsLogin] = useState<boolean>(false)
-  const [userInfo, setUserInfo] = useState<User>()
-  const [couponCount, setCouponCount] = useState(0)
-  // const [pointsCount, setPointsCount] = useState(0)
-  const [giftCount, setGiftCount] = useState(0)
+  const {
+    user,
+    isLoggedIn,
+    loginUser,
+    fetchUserInfo,
+    getDisplayName,
+    getRoleName
+  } = useUser();
+  const {data} = useUserData()
 
   useEffect(() => {
     // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
@@ -34,52 +36,13 @@ function UserCard() {
     });
   }, []);
 
-  const loadUserStats = (userId: number) => {
-    // 加载优惠券数量
-    getMyAvailableCoupons()
-      .then((coupons: any) => {
-        setCouponCount(coupons?.length || 0)
-      })
-      .catch((error: any) => {
-        console.error('Coupon count error:', error)
-      })
 
-    // 加载积分数量
-    console.log(userId)
-    // getUserPointsStats(userId)
-    //   .then((res: any) => {
-    //     setPointsCount(res.currentPoints || 0)
-    //   })
-    //   .catch((error: any) => {
-    //     console.error('Points stats error:', error)
-    //   })
-    // 加载礼品劵数量
-    setGiftCount(0)
-    // pageUserGiftLog({userId, page: 1, limit: 1}).then(res => {
-    //   setGiftCount(res.count || 0)
-    // })
-  }
-
-  const reload = () => {
-    Taro.getUserInfo({
-      success: (res) => {
-        const avatar = res.userInfo.avatarUrl;
-        setUserInfo({
-          avatar,
-          nickname: res.userInfo.nickName,
-          sexName: res.userInfo.gender == 1 ? '男' : '女'
-        })
-        getUserInfo().then((data) => {
+  const reload = async () => {
+    // 如果已登录，获取最新用户信息
+    if (isLoggedIn) {
+      try {
+        const data = await fetchUserInfo();
         if (data) {
-            setUserInfo(data)
-            setIsLogin(true);
-            Taro.setStorageSync('UserId', data.userId)
-
-            // 加载用户统计数据
-            if (data.userId) {
-              loadUserStats(data.userId)
-            }
-
           // 获取openId
           if (!data.openid) {
             Taro.login({
@@ -90,11 +53,10 @@ function UserCard() {
             })
           }
         }
-        }).catch(() => {
-          console.log('未登录')
-        });
+      } catch (error) {
+        console.error('获取用户信息失败:', error)
+      }
     }
-    });
   };
 
   const showAuthModal = () => {
@@ -163,10 +125,21 @@ function UserCard() {
                 return false;
               }
               // 登录成功
-              Taro.setStorageSync('access_token', res.data.data.access_token)
-              Taro.setStorageSync('UserId', res.data.data.user.userId)
-              setUserInfo(res.data.data.user)
-              setIsLogin(true)
+              const token = res.data.data.access_token;
+              const userData = res.data.data.user;
+
+              // 使用useUser Hook的loginUser方法更新状态
+              loginUser(token, userData);
+
+              // 显示登录成功提示
+              Taro.showToast({
+                title: '登录成功',
+                icon: 'success',
+                duration: 1500
+              })
+
+              // 刷新页面数据
+              reload();
             }
           })
         } else {
@@ -192,17 +165,17 @@ function UserCard() {
           <div className={'user-card-header flex w-full justify-between items-center pt-4'}>
             <div className={'flex items-center mx-4'}>
               {
-                IsLogin ? (
-                  <Avatar size="large" src={userInfo?.avatar} shape="round"/>
+                isLoggedIn ? (
+                  <Avatar size="large" src={user?.avatar} shape="round"/>
                 ) : (
                   <Button className={'text-black'} open-type="getPhoneNumber" onGetPhoneNumber={handleGetPhoneNumber}>
-                    <Avatar size="large" src={userInfo?.avatar} shape="round"/>
+                    <Avatar size="large" src={user?.avatar} shape="round"/>
                   </Button>
                 )
               }
               <div className={'user-info flex flex-col px-2'}>
                 <div className={'py-1 text-black font-bold'}>{getDisplayName()}</div>
-                {IsLogin ? (
+                {isLoggedIn ? (
                   <div className={'grade text-xs py-1'}>
                     <Tag type="success" round>
                       <div className={'p-1'}>
@@ -222,17 +195,17 @@ function UserCard() {
             <div className={'item flex justify-center flex-col items-center'}
                  onClick={() => navTo('/user/wallet/wallet', true)}>
               <span className={'text-sm text-gray-500'}>余额</span>
-              <span className={'text-xl'}>¥ {userInfo?.balance || '0.00'}</span>
+              <span className={'text-xl'}>¥ {data?.balance || '0.00'}</span>
             </div>
             <div className={'item flex justify-center flex-col items-center'}
                  onClick={() => navTo('/user/coupon/index', true)}>
               <span className={'text-sm text-gray-500'}>优惠券</span>
-              <span className={'text-xl'}>{couponCount}</span>
+              <span className={'text-xl'}>{data?.coupons || 0}</span>
             </div>
             <div className={'item flex justify-center flex-col items-center'}
                  onClick={() => navTo('/user/gift/index', true)}>
               <span className={'text-sm text-gray-500'}>礼品卡</span>
-              <span className={'text-xl'}>{giftCount}</span>
+              <span className={'text-xl'}>{data?.giftCards || 0}</span>
             </div>
             {/*<div className={'item flex justify-center flex-col items-center'}>*/}
             {/*  <span className={'text-sm text-gray-500'}>积分</span>*/}

src/pages/user/components/UserCard.tsx

@@ -2,13 +2,11 @@ import {Button} from '@nutui/nutui-react-taro'
 import {Avatar, Tag} from '@nutui/nutui-react-taro'
 import {View, Text} from '@tarojs/components'
 import {Scan} from '@nutui/icons-react-taro';
-import {getUserInfo, getWxOpenId} from '@/api/layout';
+import {getWxOpenId} from '@/api/layout';
 import Taro from '@tarojs/taro';
-import {useEffect, useState} from "react";
-import {User} from "@/api/system/user/model";
+import {useEffect} from "react";
 import navTo from "@/utils/common";
 import {TenantId} from "@/config/app";
-import {getMyAvailableCoupons} from "@/api/shop/shopUserCoupon";
 import {useUser} from "@/hooks/useUser";
 import {useUserData} from "@/hooks/useUserData";
 
@@ -22,19 +20,7 @@ function UserCard() {
     getDisplayName,
     getRoleName
   } = useUser();
-  const { data, refresh } = useUserData()
-  const [couponCount, setCouponCount] = useState(0)
-  const [pointsCount, setPointsCount] = useState(0)
-  const [giftCount, setGiftCount] = useState(0)
-
-  // 下拉刷新
-  const handleRefresh = async () => {
-    await refresh()
-    Taro.showToast({
-      title: '刷新成功',
-      icon: 'success'
-    })
-  }
+  const {data} = useUserData()
 
   useEffect(() => {
     // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
@@ -53,32 +39,6 @@ function UserCard() {
     });
   }, []);
 
-  const loadUserStats = (userId: number) => {
-    // 加载优惠券数量
-    getMyAvailableCoupons()
-      .then((coupons: any) => {
-        setCouponCount(coupons?.length || 0)
-      })
-      .catch((error: any) => {
-        console.error('Coupon count error:', error)
-      })
-
-    // 加载积分数量
-    console.log(userId)
-    setPointsCount(0)
-    // getUserPointsStats(userId)
-    //   .then((res: any) => {
-    //     setPointsCount(res.currentPoints || 0)
-    //   })
-    //   .catch((error: any) => {
-    //     console.error('Points stats error:', error)
-    //   })
-    // 加载礼品劵数量
-    setGiftCount(0)
-    // pageUserGiftLog({userId, page: 1, limit: 1}).then(res => {
-    //   setGiftCount(res.count || 0)
-    // })
-  }
 
   const reload = async () => {
     // 如果已登录，获取最新用户信息
@@ -86,11 +46,6 @@ function UserCard() {
       try {
         const data = await fetchUserInfo();
         if (data) {
-          // 加载用户统计数据
-          if (data.userId) {
-            loadUserStats(data.userId)
-          }
-
           // 获取openId
           if (!data.openid) {
             Taro.login({