From d1c8b40ecae3c69368df7de17408edaffd1cc94f Mon Sep 17 00:00:00 2001
From: chengqian <wuchengqian5@163.com>
Date: Wed, 9 Sep 2026 11:55:08 +0800
Subject: [PATCH] =?UTF-8?q?improve(ui):=E4=BC=98=E5=8C=96=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AB=AF=E6=88=90=E5=91=98=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/tenant/src/views/team/MemberDetailPage.vue |  6 +++++-
 web/tenant/src/views/team/MembersPage.vue      | 10 +++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/tenant/src/views/team/MemberDetailPage.vue b/web/tenant/src/views/team/MemberDetailPage.vue
index 33921e2..736f8f2 100644
--- a/web/tenant/src/views/team/MemberDetailPage.vue
+++ b/web/tenant/src/views/team/MemberDetailPage.vue
@@ -472,7 +472,7 @@ onMounted(() => {
 									{{ statusLabel[member.status] || member.status }}
 								</span>
 							</div>
-							<p class="text-sm text-gray-500 mt-0.5">@{{ authStore.tenant?.code }}</p>
+							<p class="text-sm text-gray-500 mt-0.5 font-mono">{{ member.username }}@{{ authStore.tenant?.code }}</p>
 						</div>
 					</div>
 
@@ -541,6 +541,10 @@ onMounted(() => {
 						<h3 class="text-lg font-semibold text-gray-900">个人信息</h3>
 					</div>
 					<div class="card-body space-y-4">
+						<div class="flex items-center justify-between py-2 border-b border-gray-100">
+							<span class="text-sm text-gray-500">账号</span>
+							<span class="text-sm font-medium text-gray-900 font-mono">{{ member.username }}@{{ authStore.tenant?.code }}</span>
+						</div>
 						<div class="flex items-center justify-between py-2 border-b border-gray-100">
 							<span class="text-sm text-gray-500">用户名</span>
 							<span class="text-sm font-medium text-gray-900">{{ member.username }}</span>
diff --git a/web/tenant/src/views/team/MembersPage.vue b/web/tenant/src/views/team/MembersPage.vue
index 8b5d8a0..2914df4 100644
--- a/web/tenant/src/views/team/MembersPage.vue
+++ b/web/tenant/src/views/team/MembersPage.vue
@@ -18,6 +18,7 @@ import { useExport } from '@/composables/useExport'
 const router = useRouter()
 const authStore = useTenantAuthStore()
 const teamEnabled = computed(() => !!authStore.tenant?.team_enabled)
+const tenantCode = computed(() => authStore.tenant?.code || '')
 
 // 查询表单数据
 const filters = ref({
@@ -301,6 +302,13 @@ const columns = computed<DataTableColumns<Member>>(() => [
 				]),
 			]),
 	},
+	{
+		title: '账号',
+		key: 'account',
+		width: 180,
+		render: (row) =>
+			h('span', { class: 'text-sm font-mono text-gray-700' }, `${row.username}@${tenantCode.value}`),
+	},
 	{
 		title: '角色',
 		key: 'role',
@@ -496,7 +504,7 @@ onMounted(() => {
 				card-title-key="user"
 				card-badge-key="status"
 				card-subtitle-key="created_at"
-				:card-fields="['role', 'quota_type', 'model_count', 'month_cost', 'updated_at']"
+				:card-fields="['account', 'role', 'quota_type', 'model_count', 'month_cost', 'updated_at']"
 				card-actions-key="actions"
 				:row-click="(row: Member) => goDetail(row.id)"
 				@update:page="fetchMembers"