对接后端

src/components/layout/TopBar.vue

@@ -6,27 +6,26 @@
     
     <div class="right">
       <template v-if="userStore.userInfo">
-        <!-- 已登录状态 -->
-        <el-dropdown trigger="click" @command="handleCommand">
-          <div class="user-info">
+        <el-dropdown :hide-on-click="false">
+          <span class="user-info">
             <el-avatar 
               :size="32" 
               :src="userStore.userInfo.avatar || defaultAvatar"
             />
             <span class="nickname">{{ userStore.userInfo.nickname || '用户' }}</span>
             <el-icon class="el-icon--right"><arrow-down /></el-icon>
-          </div>
+          </span>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item command="profile">
+              <el-dropdown-item @click="handleCommand('profile')">
                 <el-icon><User /></el-icon>
                 个人中心
               </el-dropdown-item>
-              <el-dropdown-item command="settings">
+              <el-dropdown-item @click="handleCommand('settings')">
                 <el-icon><Setting /></el-icon>
                 设置
               </el-dropdown-item>
-              <el-dropdown-item divided command="logout">
+              <el-dropdown-item divided @click="handleCommand('logout')">
                 <el-icon><SwitchButton /></el-icon>
                 退出登录
               </el-dropdown-item>
@@ -67,8 +66,9 @@ onMounted(async () => {
   }
 })
 
-// 处理下拉菜单命令
+// 处理菜单点击
 const handleCommand = async (command: string) => {
+  console.log('Menu clicked:', command) // 添加调试日志
   switch (command) {
     case 'profile':
       router.push('/profile')
@@ -126,6 +126,7 @@ const handleCommand = async (command: string) => {
   padding: 2px 8px;
   border-radius: 4px;
   transition: background-color 0.3s;
+  user-select: none; /* 防止文本被选中 */
 }
 
 .user-info:hover {