feat(user): 实现 useUser Hook 并更新相关组件

- 新增 useUser Hook 用于全局用户状态管理
- 更新 UserCard 和 UserCell 组件，集成 useUser 功能
- 添加 UserProfile 组件示例
- 更新 API 引用，统一使用 useUser

src/pages/user/components/UserCard.tsx

@@ -8,16 +8,16 @@ import navTo from "@/utils/common";
 import {TenantId} from "@/config/app";
 import {getUserCouponCount} from "@/api/user/coupon";
 import {getUserPointsStats} from "@/api/user/points";
+import {useUser} from "@/hooks/useUser";
 
 function UserCard() {
+  const {getDisplayName, getRoleName} = useUser();
   const [IsLogin, setIsLogin] = useState<boolean>(false)
   const [userInfo, setUserInfo] = useState<User>()
-  const [roleName, setRoleName] = useState<string>('注册用户')
   const [couponCount, setCouponCount] = useState(0)
   const [pointsCount, setPointsCount] = useState(0)
   const [giftCount, setGiftCount] = useState(0)
 
-
   useEffect(() => {
     // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
     Taro.getSetting({
@@ -89,11 +89,6 @@ function UserCard() {
                 }
               })
             }
-            // 判断身份
-            const roleName = Taro.getStorageSync('RoleName');
-            if (roleName) {
-              setRoleName(roleName)
-            }
           }
         }).catch(() => {
           console.log('未登录')
@@ -206,11 +201,13 @@ function UserCard() {
                 )
               }
               <div className={'user-info flex flex-col px-2'}>
-                <div className={'py-1 text-black font-bold'}>{IsLogin ? userInfo?.nickname : '请点击头像登录'}</div>
+                <div className={'py-1 text-black font-bold'}>{getDisplayName()}</div>
                 {IsLogin ? (
                   <div className={'grade text-xs py-1'}>
                     <Tag type="success" round>
-                      <div className={'p-1'}>{roleName || '注册用户'}</div>
+                      <div className={'p-1'}>
+                        {getRoleName()}
+                      </div>
                     </Tag>
                   </div>
                 ) : ''}

src/pages/user/components/UserCell.tsx

@@ -1,10 +1,12 @@
 import {Cell} from '@nutui/nutui-react-taro'
 import navTo from "@/utils/common";
 import Taro from '@tarojs/taro'
-import {View,Text} from '@tarojs/components'
-import {ArrowRight, ShieldCheck, LogisticsError, Location, Reward, Tips, Ask} from '@nutui/icons-react-taro'
+import {View, Text} from '@tarojs/components'
+import {ArrowRight, ShieldCheck, LogisticsError, Location, Reward, Tips, Ask, Setting} from '@nutui/icons-react-taro'
+import {useUser} from '@/hooks/useUser'
 
 const UserCell = () => {
+  const {logoutUser, isCertified, hasRole, isAdmin} = useUser();
 
   const onLogout = () => {
     Taro.showModal({
@@ -12,10 +14,8 @@ const UserCell = () => {
       content: '确定要退出登录吗？',
       success: function (res) {
         if (res.confirm) {
-          Taro.removeStorageSync('access_token')
-          Taro.removeStorageSync('TenantId')
-          Taro.removeStorageSync('UserId')
-          Taro.removeStorageSync('userInfo')
+          // 使用 useUser hook 的 logoutUser 方法
+          logoutUser();
           Taro.reLaunch({
             url: '/pages/index/index'
           })
@@ -27,20 +27,42 @@ const UserCell = () => {
   return (
     <>
       <View className={'px-4'}>
-        <Cell
-          className="nutui-cell-clickable"
-          style={{
-            backgroundImage: 'linear-gradient(to right bottom, #54a799, #177b73)',
-          }}
-          title={
-            <View style={{display: 'inline-flex', alignItems: 'center'}} onClick={() => navTo('/dealer/index', true)}>
-              <Reward className={'text-orange-100 '} size={16}/>
-              <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>开通会员</Text>
-              <Text className={'text-white opacity-80 pl-3'}>享优惠</Text>
-            </View>
-          }
-          extra={<ArrowRight color="#cccccc" size={18}/>}
-        />
+
+        {/*是否分销商*/}
+        {!hasRole('dealer') && !isAdmin() && (
+          <Cell
+            className="nutui-cell-clickable"
+            style={{
+              backgroundImage: 'linear-gradient(to right bottom, #54a799, #177b73)',
+            }}
+            title={
+              <View style={{display: 'inline-flex', alignItems: 'center'}} onClick={() => navTo('/dealer/index', true)}>
+                <Reward className={'text-orange-100 '} size={16}/>
+                <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>开通会员</Text>
+                <Text className={'text-white opacity-80 pl-3'}>享优惠</Text>
+              </View>
+            }
+            extra={<ArrowRight color="#cccccc" size={18}/>}
+          />
+        )}
+
+        {/*是否管理员*/}
+        {isAdmin() && (
+          <Cell
+            className="nutui-cell-clickable"
+            style={{
+              backgroundImage: 'linear-gradient(to right bottom, #ff8e0c, #ed680d)',
+            }}
+            title={
+              <View style={{display: 'inline-flex', alignItems: 'center'}} onClick={() => navTo('/admin/article/index', true)}>
+                <Setting className={'text-orange-100 '} size={16}/>
+                <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>管理中心</Text>
+              </View>
+            }
+            extra={<ArrowRight color="#cccccc" size={18}/>}
+          />
+        )}
+
         <Cell.Group divider={true} description={
           <View style={{display: 'inline-flex', alignItems: 'center'}}>
             <Text style={{marginTop: '12px'}}>我的服务</Text>
@@ -81,8 +103,11 @@ const UserCell = () => {
             className="nutui-cell-clickable"
             title={
               <View style={{display: 'inline-flex', alignItems: 'center'}}>
-                <ShieldCheck size={16}/>
+                <ShieldCheck size={16} color={isCertified() ? '#52c41a' : '#666'}/>
                 <Text className={'pl-3 text-sm'}>实名认证</Text>
+                {isCertified() && (
+                  <Text className={'pl-2 text-xs text-green-500'}>已认证</Text>
+                )}
               </View>
             }
             align="center"