feat(user): 添加用户数据钩子和仪表板接口

- 新增 useUserData 钩子用于获取用户数据
- 添加用户仪表板相关接口和类型定义
- 更新用户卡片组件，使用新的用户数据钩子
- 修改成为经销商文案为开通VIP

src/pages/user/components/IsDealer.tsx

@@ -107,7 +107,7 @@ const UserCell = () => {
           title={
             <View style={{display: 'inline-flex', alignItems: 'center'}}>
               <Reward className={'text-orange-100 '} size={16}/>
-              <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>成为经销商</Text>
+              <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>开通VIP</Text>
               <Text className={'text-white opacity-80 pl-3'}>享优惠</Text>
             </View>
           }

src/pages/user/components/UserCard.tsx

@@ -1,5 +1,6 @@
 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 Taro from '@tarojs/taro';
@@ -9,11 +10,13 @@ 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 {
     isAdmin
   } = useUser();
+  const { data, refresh } = useUserData()
   const {getDisplayName, getRoleName} = useUser();
   const [IsLogin, setIsLogin] = useState<boolean>(false)
   const [userInfo, setUserInfo] = useState<User>()
@@ -21,6 +24,15 @@ function UserCard() {
   const [pointsCount, setPointsCount] = useState(0)
   const [giftCount, setGiftCount] = useState(0)
 
+  // 下拉刷新
+  const handleRefresh = async () => {
+    await refresh()
+    Taro.showToast({
+      title: '刷新成功',
+      icon: 'success'
+    })
+  }
+
   useEffect(() => {
     // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
     Taro.getSetting({
@@ -182,9 +194,9 @@ function UserCard() {
   }
 
   return (
-    <div className={'header-bg pt-20'}>
-      <div className={'p-4'}>
-        <div
+    <View className={'header-bg pt-20'}>
+      <View className={'p-4'}>
+        <View
           className={'user-card w-full flex flex-col justify-around rounded-xl shadow-sm'}
           style={{
             background: 'linear-gradient(to bottom, #ffffff, #ffffff)', // 这种情况建议使用类名来控制样式（引入外联样式）
@@ -194,8 +206,8 @@ function UserCard() {
             // borderRadius: '22px 22px 0 0',
           }}
         >
-          <div className={'user-card-header flex w-full justify-between items-center pt-4'}>
-            <div className={'flex items-center mx-4'}>
+          <View className={'user-card-header flex w-full justify-between items-center pt-4'}>
+            <View className={'flex items-center mx-4'}>
               {
                 IsLogin ? (
                   <Avatar size="large" src={userInfo?.avatar} shape="round"/>
@@ -205,49 +217,49 @@ function UserCard() {
                   </Button>
                 )
               }
-              <div className={'user-info flex flex-col px-2'}>
-                <div className={'py-1 text-black font-bold'}>{getDisplayName()}</div>
+              <View className={'user-info flex flex-col px-2'}>
+                <View className={'py-1 text-black font-bold'}>{getDisplayName()}</View>
                 {IsLogin ? (
-                  <div className={'grade text-xs py-1'}>
+                  <View className={'grade text-xs py-1'}>
                     <Tag type="success" round>
-                      <div className={'p-1'}>
+                      <Text className={'p-1'}>
                         {getRoleName()}
-                      </div>
+                      </Text>
                     </Tag>
-                  </div>
+                  </View>
                 ) : ''}
-              </div>
-            </div>
+              </View>
+            </View>
             {isAdmin() && <Scan onClick={() => navTo('/user/store/verification', true)} />}
-            <div className={'mr-4 text-sm px-3 py-1 text-black border-gray-400 border-solid border-2 rounded-3xl'}
+            <View className={'mr-4 text-sm px-3 py-1 text-black border-gray-400 border-solid border-2 rounded-3xl'}
                  onClick={() => navTo('/user/profile/profile', true)}>
               {'个人资料'}
-            </div>
-          </div>
-          <div className={'flex justify-around mt-1'}>
-            <div className={'item flex justify-center flex-col items-center'}
+            </View>
+          </View>
+          <View className={'flex justify-around mt-1'}>
+            <View 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>
-            </div>
-            <div className={'item flex justify-center flex-col items-center'}>
-              <span className={'text-sm text-gray-500'}>积分</span>
-              <span className={'text-xl'}>{pointsCount}</span>
-            </div>
-            <div className={'item flex justify-center flex-col items-center'}
+              <Text className={'text-sm text-gray-500'}>余额</Text>
+              <Text className={'text-xl'}>{data?.balance || '0.00'}</Text>
+            </View>
+            <View className={'item flex justify-center flex-col items-center'}>
+              <Text className={'text-sm text-gray-500'}>积分</Text>
+              <Text className={'text-xl'}>{data?.points || 0}</Text>
+            </View>
+            <View 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>
-            </div>
-            <div className={'item flex justify-center flex-col items-center'}
+              <Text className={'text-sm text-gray-500'}>优惠券</Text>
+              <Text className={'text-xl'}>{data?.coupons || 0}</Text>
+            </View>
+            <View 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>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+              <Text className={'text-sm text-gray-500'}>礼品卡</Text>
+              <Text className={'text-xl'}>{data?.giftCards || 0}</Text>
+            </View>
+          </View>
+        </View>
+      </View>
+    </View>
 
   )
 }