From 80e2cda4243b3e5ad1db9cf4a1df94d1d42e88c2 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sat, 9 May 2026 10:28:00 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E6=90=9C=E7=B4=A2=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=8C=89=E9=92=AE=EF=BC=8C=E7=82=B9=E5=87=BB=E5=90=8E?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E8=8E=B7=E5=8F=96=E7=84=A6=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RouterSearch/index.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue
index 3fa35f6e..592316fd 100644
--- a/src/components/RouterSearch/index.vue
+++ b/src/components/RouterSearch/index.vue
@@ -17,9 +17,10 @@
       />
     </el-select>
   </ElDialog>
-  <div v-else class="custom-hover" @click.stop="showTopSearch = !showTopSearch">
+  <div v-else class="custom-hover" @click.stop="toggleTopSearch">
     <Icon icon="ep:search" />
     <el-select
+      ref="topSelectRef"
       @click.stop
       filterable
       :reserve-keyword="false"
@@ -51,7 +52,8 @@ defineProps({
 const router = useRouter() // 路由对象
 const showSearch = ref(false) // 是否显示弹框
 const showTopSearch = ref(false) // 是否显示顶部搜索框
-const value: Ref = ref('') // 用户输入的值
+const value: Ref = ref('')
+const topSelectRef = ref<InstanceType<typeof ElSelect>>()
 
 const routers = router.getRoutes() // 路由对象
 const options = computed(() => {
@@ -86,6 +88,15 @@ function hiddenTopSearch() {
   showTopSearch.value = false
 }
 
+function toggleTopSearch() {
+  showTopSearch.value = !showTopSearch.value
+  if (showTopSearch.value) {
+    setTimeout(() => {
+      topSelectRef.value?.focus()
+    }, 600)
+  }
+}
+
 onMounted(() => {
   window.addEventListener('keydown', listenKey)
   window.addEventListener('click', hiddenTopSearch)