添加个人中心及按角色展示内容

layouts/admin/components/AdminHeader.uvue

@@ -25,24 +25,74 @@
     <view class="header-right">
       <view class="hbtn" @click="$emit('search')"><text>🔍</text></view>
       <view v-if="!isMobile" class="hbtn" @click="$emit('refresh')"><text>⟳</text></view>
-      <view class="hbtn" @click="$emit('notify')">
+            <view class="hbtn" @click="$emit('notify')">
         <text>🔔</text>
         <view class="dot" v-if="hasNotification"></view>
       </view>
+      
+      <!-- 用户个人中心 / 下拉菜单 -->
+      <view class="user-profile-container" @click="goToUserCenter">
+        <text class="user-name">crmeb demo</text>
+        <text class="user-arrow">▼</text>
+        
+        <view class="user-dropdown" v-if="showUserMenu">
+          <view class="dropdown-item" @click.stop="goToUserCenter">个人中心</view>
+          <view class="dropdown-item" @click.stop="handleLogout">退出登录</view>
+        </view>
+      </view>
     </view>
   </view>
 </template>
 
 <script setup lang="uts">
-import { computed } from 'vue'
-import { 
-  toggleSubSider, 
-  showSubSider, 
-  layoutMode, 
+import { ref, computed } from 'vue'
+import {
+  toggleSubSider,
+  showSubSider,
+  layoutMode,
   isOverlayVisible,
-  isMobileMenuOpen 
+  isMobileMenuOpen,
+  openRoute
 } from '@/layouts/admin/store/adminNavStore.uts'
 
+const showUserMenu = ref(false)
+
+function closeUserMenu() {
+  showUserMenu.value = false
+}
+
+function toggleUserMenu() {
+  showUserMenu.value = !showUserMenu.value
+}
+
+function goToUserCenter() {
+  uni.showToast({ title: "尝试打开个人中心...", icon: "none", duration: 2000 });
+  
+  uni.showToast({ title: "尝试打开个人中心...", icon: "none", duration: 2000 });
+  
+  console.log("[AdminHeader] goToUserCenter called");
+  console.log("[AdminHeader] goToUserCenter called");
+  showUserMenu.value = false
+  openRoute('home_user_center')
+}
+
+function handleLogout() {
+  showUserMenu.value = false
+  uni.showModal({
+    title: '提示',
+    content: '确定要退出登录吗？',
+    success: (res) => {
+      if (res.confirm) {
+        uni.removeStorageSync('adminRole')
+        uni.removeStorageSync('token')
+        uni.reLaunch({
+          url: '/pages/user/login'
+        })
+      }
+    }
+  })
+}
+
 const props = defineProps<{
   breadcrumb: Array<{id: string, title: string}>
   hasNotification: boolean
@@ -82,6 +132,10 @@ const currentTitle = computed((): string => {
 
 <style>
 .header{
+  position: relative;
+  z-index: 1001;
+  position: relative;
+  z-index: 1001;
   height: 56px;
   background:#fff;
   border-bottom: 1px solid #eef2f7;
@@ -142,6 +196,12 @@ const currentTitle = computed((): string => {
     display: flex !important;
   }
   .header-right {
+  position: relative;
+  z-index: 100;
+  pointer-events: auto;
+  position: relative;
+  z-index: 100;
+  pointer-events: auto;
     gap: 5px;
   }
 }
@@ -151,7 +211,13 @@ const currentTitle = computed((): string => {
   margin: 0 8px;
 }
 
-.header-right{ 
+.header-right{
+  position: relative;
+  z-index: 100;
+  pointer-events: auto;
+  position: relative;
+  z-index: 100;
+  pointer-events: auto; 
   display:flex; 
   flex-direction:row;
   align-items:center; 
@@ -176,4 +242,64 @@ const currentTitle = computed((): string => {
   top: 6px;
   right: 6px;
 }
+
+.user-profile-container {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.user-name {
+  font-size: 14px;
+  color: #333;
+}
+
+.user-arrow {
+  font-size: 12px;
+  color: #666;
+  margin-left: 4px;
+}
+
+.user-dropdown {
+  z-index: 1002;
+  z-index: 1002;
+  position: absolute;
+  top: 40px;
+  right: 0;
+  width: 120px;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+}
+
+.dropdown-item {
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 14px;
+  color: #333;
+  cursor: pointer;
+}
+
+.dropdown-item:hover {
+  background-color: #f5f7fa;
+  color: #1890ff;
+}
+
+.user-dropdown-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  background-color: transparent;
+}
+
 </style>