From a7b61db74b00d7902c0e1b344a481f352b31876a Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 20 五月 2026 13:22:33 +0800
Subject: [PATCH] 进销存pro 1.首页及登录页样式微调 2.添加系统架构图页面 3.优化头部搜索菜单栏功能 4.首页快捷功能跳转路由修改

---
 src/layout/components/Navbar.vue |   15 +++++++++++++--
 1 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 0901626..aae5330 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -15,13 +15,18 @@
     </div>
 
     <div class="center-zone">
-      <el-icon class="search-icon"><Search /></el-icon>
+      <el-icon class="search-icon" @click="openHeaderSearch"><Search /></el-icon>
       <el-input
         v-model="topSearchKeyword"
         placeholder="鎼滅储鑿滃崟 / 鍔熻兘 / 鏁版嵁"
         clearable
+        @keyup.enter="openHeaderSearch"
       />
-      <header-search class="search-popup-trigger" />
+      <header-search
+        ref="headerSearchRef"
+        :keyword="topSearchKeyword"
+        class="search-popup-trigger"
+      />
     </div>
 
     <div class="right-menu">
@@ -95,12 +100,17 @@
 const settingsStore = useSettingsStore();
 
 const topSearchKeyword = ref("");
+const headerSearchRef = ref(null);
 const notificationVisible = ref(false);
 const notificationCenterRef = ref(null);
 const unreadCount = ref(0);
 
 function toggleSideBar() {
   appStore.toggleSideBar();
+}
+
+function openHeaderSearch() {
+  headerSearchRef.value?.open(topSearchKeyword.value);
 }
 
 function handleCommand(command) {
@@ -226,6 +236,7 @@
 
 .search-icon {
   color: #5b86c9;
+  cursor: pointer;
 }
 
 .center-zone :deep(.el-input__wrapper) {

--
Gitblit v1.9.3