perf(src/components): 优化个人头像展示

 <template>
 <template>
   <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options">
   <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options">
     <div class="user-info-box">
     <div class="user-info-box">
-      <person-icon v-if="fallback"></person-icon>
+      <person-icon v-if="!avatarLogo"></person-icon>
       <n-avatar
       <n-avatar
-        v-if="!fallback"
+        v-else
         round
         round
         object-fit="cover"
         object-fit="cover"
         size="medium"
         size="medium"
@@ -20,24 +20,26 @@
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-import { h, ref, computed } from 'vue'
+import { h, ref, onMounted } from 'vue'
 import { NAvatar, NText } from 'naive-ui'
 import { NAvatar, NText } from 'naive-ui'
 import { renderIcon } from '@/utils'
 import { renderIcon } from '@/utils'
-import { logout, renderLang } from '@/utils'
+import { renderLang } from '@/utils'
 import { GoSystemSet } from '@/components/GoSystemSet/index'
 import { GoSystemSet } from '@/components/GoSystemSet/index'
 import { GoSystemInfo } from '@/components/GoSystemInfo/index'
 import { GoSystemInfo } from '@/components/GoSystemInfo/index'
 import Person from './person.png'
 import Person from './person.png'
 import { icon } from '@/plugins'
 import { icon } from '@/plugins'
 import { useUserStore } from '@/store/external/modules/user'
 import { useUserStore } from '@/store/external/modules/user'
 import { useSyncRemote } from '@/views/chart/hooks/external/useRemote.hook'
 import { useSyncRemote } from '@/views/chart/hooks/external/useRemote.hook'
-const { ChatboxEllipsesIcon, PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5
+const { PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5
 
 
 const t = window['$t']
 const t = window['$t']
 
 
 const { dataSyncUpdate } = useSyncRemote()
 const { dataSyncUpdate } = useSyncRemote()
 
 
 const modelShowInfo = ref(false)
 const modelShowInfo = ref(false)
+
 const modelShow = ref(false)
 const modelShow = ref(false)
+
 const avatarLogo = ref('')
 const avatarLogo = ref('')
 
 
 // 是否失败
 // 是否失败
@@ -69,6 +71,11 @@ const renderUserInfo = () => {
     ]
     ]
   )
   )
 }
 }
+
+onMounted(() => {
+  renderUserInfo()
+})
+
 const options = ref([
 const options = ref([
   {
   {
     label: '我的信息',
     label: '我的信息',
@@ -124,6 +131,7 @@ const sysInfoHandle = () => {
 
 
 // THINGS_KIT 修改退出登录
 // THINGS_KIT 修改退出登录
 const userStore = useUserStore()
 const userStore = useUserStore()
+
 const handleSelect = (key: string) => {
 const handleSelect = (key: string) => {
   switch (key) {
   switch (key) {
     case 'contact':
     case 'contact':