From a6ebd3af870dde5a5f43dc4e406ef19f392038f7 Mon Sep 17 00:00:00 2001
From: TianyangZhang <zty18395607196@163.com>
Date: Wed, 25 Mar 2026 16:34:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E6=B7=BB=E5=8A=A0=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A0=8F=E5=92=8C=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E7=99=BB=E5=85=A5=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 offer_frontend/src/layouts/AdminLayout.vue | 49 +++++++++++++++++-----
 1 file changed, 38 insertions(+), 11 deletions(-)

diff --git a/offer_frontend/src/layouts/AdminLayout.vue b/offer_frontend/src/layouts/AdminLayout.vue
index 8aafb09..fa71fde 100644
--- a/offer_frontend/src/layouts/AdminLayout.vue
+++ b/offer_frontend/src/layouts/AdminLayout.vue
@@ -1,20 +1,47 @@
 <template>
   <el-container style="min-height: 100vh;">
-    <el-aside width="200px" style="background:#001529;">
-      <div style="padding:20px;color:#fff;font-weight:bold;font-size:16px;">管理后台</div>
-      <el-menu router :default-active="$route.path" background-color="#001529" text-color="#fff" active-text-color="#409eff">
-        <el-menu-item index="/admin/jobs">职位管理</el-menu-item>
-        <el-menu-item index="/admin/applications">投递管理</el-menu-item>
-        <template v-if="auth.isSuperAdmin">
-          <el-menu-item index="/admin/organizations">组织架构</el-menu-item>
-          <el-menu-item index="/admin/users">用户管理</el-menu-item>
+    <el-header style="background:#001529;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;">
+      <div style="color:#fff;font-weight:bold;font-size:16px;">管理后台</div>
+      <el-dropdown>
+        <div style="color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;">
+          <span>{{ auth.user?.email }}</span>
+          <el-icon><ArrowDown /></el-icon>
+        </div>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item @click="logout">退出登入</el-dropdown-item>
+          </el-dropdown-menu>
         </template>
-      </el-menu>
-    </el-aside>
-    <el-main><router-view /></el-main>
+      </el-dropdown>
+    </el-header>
+    <el-container>
+      <el-aside width="200px" style="background:#001529;">
+        <div style="padding:20px;color:#fff;font-weight:bold;font-size:16px;">菜单</div>
+        <el-menu router :default-active="$route.path" background-color="#001529" text-color="#fff" active-text-color="#409eff">
+          <el-menu-item index="/admin/jobs">职位管理</el-menu-item>
+          <el-menu-item index="/admin/applications">投递管理</el-menu-item>
+          <template v-if="auth.isSuperAdmin">
+            <el-menu-item index="/admin/organizations">组织架构</el-menu-item>
+            <el-menu-item index="/admin/users">用户管理</el-menu-item>
+          </template>
+        </el-menu>
+      </el-aside>
+      <el-main><router-view /></el-main>
+    </el-container>
   </el-container>
 </template>
 <script setup>
+import { useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
+import { ArrowDown } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+
+const router = useRouter()
 const auth = useAuthStore()
+
+function logout() {
+  localStorage.clear()
+  ElMessage.success('已退出登入')
+  router.push({ name: 'Login' })
+}
 </script>