From 5c8c3bf2c7f1f8f5950f2317db7ee314d20057e6 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 14 May 2025 16:26:28 +0800
Subject: [PATCH] fix: naive tenant dropdown

---
 apps/web-naive/src/layouts/basic.vue                      | 2 +-
 apps/web-naive/src/layouts/components/tenant-dropdown.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web-naive/src/layouts/basic.vue b/apps/web-naive/src/layouts/basic.vue
index 2777f4a3..81bd64e7 100644
--- a/apps/web-naive/src/layouts/basic.vue
+++ b/apps/web-naive/src/layouts/basic.vue
@@ -204,7 +204,7 @@ watch(
       />
     </template>
     <template #header-right-1>
-      <TenantDropdown class="w-30 mr-2" />
+      <TenantDropdown class="mr-2" />
     </template>
     <template #extra>
       <AuthenticationLoginExpiredModal
diff --git a/apps/web-naive/src/layouts/components/tenant-dropdown.vue b/apps/web-naive/src/layouts/components/tenant-dropdown.vue
index b56dde48..8d1ebd08 100644
--- a/apps/web-naive/src/layouts/components/tenant-dropdown.vue
+++ b/apps/web-naive/src/layouts/components/tenant-dropdown.vue
@@ -50,13 +50,13 @@ onMounted(async () => {
   <div v-if="tenantEnable && hasAccessByCodes(['system:tenant:visit'])">
     <NSelect
       v-model:value="value"
-      :field-names="{ label: 'name', value: 'id' }"
+      value-field="id"
+      label-field="name"
       :options="tenants"
       :placeholder="$t('page.tenant.placeholder')"
-      :dropdown-style="{ position: 'fixed', zIndex: 1666 }"
       allow-clear
       class="w-40"
-      @change="handleChange"
+      @update:value="handleChange"
     />
   </div>
 </template>