From c4026ef9acccb528f348e2b043285282780dcc66 Mon Sep 17 00:00:00 2001
From: LiJinHui <166460433+stu-rgsze@users.noreply.github.com>
Date: Fri, 10 Oct 2025 10:02:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=9A=84=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E5=92=8C=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/components/HeaderBar.vue | 28 +++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/main/manager-web/src/components/HeaderBar.vue b/main/manager-web/src/components/HeaderBar.vue
index 9bdd020a..144ce21e 100644
--- a/main/manager-web/src/components/HeaderBar.vue
+++ b/main/manager-web/src/components/HeaderBar.vue
@@ -119,7 +119,7 @@
         <img loading="lazy" alt="" src="@/assets/home/avatar.png" class="avatar-img" @click="handleAvatarClick" />
         <span class="el-dropdown-link" @click="handleAvatarClick">
           {{ userInfo.username || '加载中...' }}
-          <i class="el-icon-arrow-down el-icon--right"></i>
+          <i class="el-icon-arrow-down el-icon--right" :class="{ 'rotate-down': userMenuVisible }"></i>
         </span>
         <el-cascader :options="userMenuOptions" trigger="click" :props="cascaderProps"
           style="width: 0px;overflow: hidden;" :show-all-levels="false" @change="handleCascaderChange"
@@ -158,6 +158,7 @@ export default {
       isChangePasswordDialogVisible: false, // 控制修改密码弹窗的显示
       paramDropdownVisible: false,
       voiceCloneDropdownVisible: false,
+      userMenuVisible: false, // 添加用户菜单可见状态
       isSmallScreen: false,
       // 搜索历史相关
       searchHistory: [],
@@ -460,7 +461,21 @@ export default {
     // 点击头像触发cascader下拉菜单
     handleAvatarClick() {
       if (this.$refs.userCascader) {
-        this.$refs.userCascader.toggleDropDownVisible();
+        // 切换菜单可见状态
+        this.userMenuVisible = !this.userMenuVisible;
+        
+        // 直接设置菜单的显隐状态
+        try {
+          // 尝试使用toggleDropDownVisible方法
+          this.$refs.userCascader.toggleDropDownVisible(this.userMenuVisible);
+        } catch (error) {
+          // 如果toggle方法失败，尝试直接设置属性
+          if (this.$refs.userCascader.$refs.menu) {
+            this.$refs.userCascader.$refs.menu.showMenu(this.userMenuVisible);
+          } else {
+            console.error('Cannot access menu component');
+          }
+        }
       }
     },
 
@@ -706,4 +721,13 @@ export default {
   color: #606266;
   white-space: nowrap;
 }
+/* 添加倒三角旋转样式 */
+.rotate-down {
+  transform: rotate(180deg);
+  transition: transform 0.3s ease;
+}
+
+.el-icon-arrow-down {
+  transition: transform 0.3s ease;
+}
 </style>
\ No newline at end of file