u

code/link56/link56-frontend-new/src/layout/components/header.vue

@@ -4,6 +4,7 @@ import {
   User,
 } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
+import SafeImage from '@/components/SafeImage.vue'
 import { useUserStore } from '@/store/user'
 
 const route = useRoute()
@@ -23,7 +24,7 @@ function navigateTo(path: string) {
 }
 
 function exitLogin() {
-  userStore.clearUserInfo()
+  userStore.clear()
 
   router.push('/auth/login')
 }
@@ -63,10 +64,10 @@ function isActive(path: string) {
 
           <el-dropdown>
             <div class="user">
-              <el-avatar :size="36" :src="userStore.userInfo.company.logo ? userStore.userInfo.company.logo : '/no-avatar.png'" />
+              <SafeImage :url="userStore.user.avatar || userStore.company.logo" :size="36" round />
               <div class="info">
-                <span class="name">{{ userStore.userInfo.user.name }}</span>
-                <span class="company">{{ userStore.userInfo.company.name }}</span>
+                <span class="name">{{ userStore.user.name }}</span>
+                <span class="company">{{ userStore.company.name }}</span>
               </div>
             </div>