✨ feat(登录登出): 已完成用户使用账号密码登录登出

src/pages/user/index.tsx

@@ -1,6 +1,5 @@
-import { isEmptyObject } from '@/common/common'
-import { Button, View, Image, Text } from '@tarojs/components'
-import { FC, memo, useMemo, useState } from 'react'
+import { View, Image, Text } from '@tarojs/components'
+import { FC, useState } from 'react'
 import styles from './index.module.scss'
 import defaultAvatar from '../../styles/image/defaultAvatar.png'
 import NormalButton from '@/components/normalButton'
@@ -9,6 +8,8 @@ import Divider from '@/components/Divider'
 import LayoutBlock from '@/components/layoutBlock'
 import IconCard from '@/components/iconCard'
 import IconFont from '@/components/iconfont'
+import useUserInfo from '@/use/useUserInfo'
+import { goLink } from '@/common/common'
 
 type IconfontName = Parameters<typeof IconFont>['0']['name']
 type IconCardType = {
@@ -19,11 +20,13 @@ type IconCardType = {
 
 // 用户信息
 const UserInfo: FC = () => {
-  const [userInfo, setUserInfo] = useState({
-    avatarUrl: '',
-    username: '',
-    userno: '',
-  })
+  const { removeToken, removeUserInfo, userInfo } = useUserInfo()
+  console.log('userInfo==>', userInfo)
+  // const [userInfo, setUserInfo] = useState({
+  //   avatarUrl: '',
+  //   username: '',
+  //   userno: '',
+  // })
   
 
   const feature: IconCardType[] = [
@@ -110,18 +113,24 @@ const UserInfo: FC = () => {
     },
   ]
 
-  const handleLogout = () => {}
+
+  // 退出登录
+  const handleLogout = () => {
+    removeToken()
+    removeUserInfo()
+    goLink('/pages/login/index', {}, 'reLaunch')
+  }
 
   return (
     <>
       <LayoutBlock circle>
         <View className={styles.topBar}>
           <View className={styles.left}>
-            <UserAvatar src={userInfo.avatarUrl} />
+            <UserAvatar src={userInfo.userInfo.avatar_url} />
           </View>
           <View className={styles.middle}>
-            <Text className={styles.username}>杨子杰</Text>
-            <Text className={styles.userno}>064</Text>
+            <Text className={styles.username}>{userInfo.userInfo.user_name}</Text>
+            <Text className={styles.userno}>{userInfo.userInfo.user_code}</Text>
           </View>
           <View className={styles.right}>
             <NormalButton type='primary' round size='normal' onClick={handleLogout}>
@@ -161,13 +170,6 @@ const UserInfo: FC = () => {
           })}
         </View>
       </LayoutBlock>
-      {/* <LayoutBlock circle>
-        <View className={styles.layoutTabBar}>
-          <View className={styles.layoutTitle}>客户列表</View>
-          <View className={styles.layoutDescription}>查看全部客户 ▶</View>
-        </View>
-        asdfasdfasdfas 
-      </LayoutBlock> */}
     </>
   )
 }