From 4372b2925299581e9a48fc39666f2f203187ab40 Mon Sep 17 00:00:00 2001
From: shaw <shaw-wei@foxmail.com>
Date: Thu, 17 Jul 2025 21:07:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E7=94=A8=E6=88=B7=E8=8F=9C=E5=8D=95z-index?=
 =?UTF-8?q?=E5=B1=82=E7=BA=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复了querySelector语法错误，移除了无效的@click属性选择器
- 为用户菜单容器添加专门的类名user-menu-container
- 简化点击检测逻辑，提高代码可维护性
- 解决了控制台报错问题

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/admin/app.js     | 7 ++++---
 web/admin/index.html | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/admin/app.js b/web/admin/app.js
index f8a57904..6f7f10fe 100644
--- a/web/admin/app.js
+++ b/web/admin/app.js
@@ -230,9 +230,10 @@ const app = createApp({
         
         // 添加全局点击事件监听器，用于关闭用户菜单
         document.addEventListener('click', (event) => {
-            // 检查点击是否在用户菜单外部
-            const userMenuButton = event.target.closest('.relative');
-            if (!userMenuButton || !userMenuButton.querySelector('button[\@click*="userMenuOpen"]')) {
+            // 检查点击是否在用户菜单区域外部
+            const isClickInsideUserMenu = event.target.closest('.user-menu-container');
+            
+            if (!isClickInsideUserMenu) {
                 this.userMenuOpen = false;
             }
         });
diff --git a/web/admin/index.html b/web/admin/index.html
index 94184fa3..bd0fa72e 100644
--- a/web/admin/index.html
+++ b/web/admin/index.html
@@ -84,7 +84,7 @@
                         </div>
                     </div>
                     <!-- 用户菜单 -->
-                    <div class="relative">
+                    <div class="relative user-menu-container">
                         <button 
                             @click="userMenuOpen = !userMenuOpen"
                             class="btn btn-primary px-4 py-3 flex items-center gap-2 relative"
@@ -97,7 +97,7 @@
                         <!-- 悬浮菜单 -->
                         <div 
                             v-if="userMenuOpen" 
-                            class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2"
+                            class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2 user-menu-dropdown"
                             style="z-index: 999999;"
                             @click.stop
                         >