From 09d679efd9baddb6a4284e698814ba0ad8fe2f1f Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Mon, 28 Sep 2026 16:31:39 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=A4=B4=E9=83=A8=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E8=A7=92=E8=89=B2=E6=98=BE=E7=A4=BA=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/modules/global-header/components/user-avatar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/modules/global-header/components/user-avatar.vue b/src/layouts/modules/global-header/components/user-avatar.vue
index fc4db1a..18ecf49 100644
--- a/src/layouts/modules/global-header/components/user-avatar.vue
+++ b/src/layouts/modules/global-header/components/user-avatar.vue
@@ -81,7 +81,10 @@ function handleDropdown(key: DropdownKey) {
     <div>
       <ButtonIcon>
         <SvgIcon icon="ph:user-circle" class="text-icon-large" />
-        <span class="text-16px font-medium">{{ localStg.get('userInfo')?.username }}</span>
+        <div class="flex items-center text-16px font-medium">
+          <span>{{ localStg.get('userInfo')?.username || '' }} </span>
+          <p v-if="localStg.get('userInfo')?.roles[0]" class="ml-1">·<span class="ml-1">{{ localStg.get('userInfo')?.roles[0] }}</span></p>
+        </div>
       </ButtonIcon>
     </div>
   </NDropdown>