feat: display username

Author: cxymds

components/user-dropdown.vue

@@ -11,6 +11,12 @@
       </Button>
     </DropdownMenuTrigger>
     <DropdownMenuContent class="w-48" align="end" side="top">
+      <DropdownMenuItem>
+        <!-- 显示用户名 -->
+        <Icon name="ri:user-line" class="h-4 w-4" />
+        <span v-if="!isAdmin">{{ userInfo?.account_name }}</span>
+        <span v-else>rustfsAdmin</span>
+      </DropdownMenuItem>
       <DropdownMenuItem v-if="!isAdmin" @select="handleChangePassword">
         <Icon name="ri:lock-password-line" class="h-4 w-4" />
         <span>{{ t('Change Password') }}</span>
@@ -34,6 +40,7 @@ import AccessKeysChangePassword from '@/components/access-keys/change-password.v
 
 const { t } = useI18n()
 const { logout, isAdmin, setIsAdmin } = useAuth()
+const { userInfo } = usePermissions()
 const router = useRouter()
 const { isAdminUser } = useUsers()
 

composables/usePermissions.ts

@@ -7,15 +7,15 @@ export const usePermissions = () => {
 
   // Store user policy in global state
   const userPolicy = useState<ConsolePolicy | null>('user-policy', () => null)
+  const userInfo = useState<any>('user-info', () => null)
   const isLoading = useState<boolean>('user-policy-loading', () => false)
 
   const fetchUserPolicy = async () => {
-    if (isAdmin.value) return
-
     isLoading.value = true
     try {
-      const userInfo = await $api.get('/accountinfo')
-      let userInfoPolicy = userInfo.policy as string
+      const info = await $api.get('/accountinfo')
+      userInfo.value = info
+      let userInfoPolicy = info.policy as string
       userPolicy.value = JSON.parse(userInfoPolicy) as ConsolePolicy
     } catch (e) {
       console.error('Failed to fetch user policy', e)
@@ -79,6 +79,7 @@ export const usePermissions = () => {
 
   return {
     userPolicy,
+    userInfo,
     isLoading,
     fetchUserPolicy,
     hasPermission,