From d7892375ce0ac132cfdd1a0a1114b65c8c659cf9 Mon Sep 17 00:00:00 2001
From: Xiaoyu <3306310490@qq.com>
Date: Wed, 12 Mar 2025 13:51:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E4=B8=8D=E9=9C=80=E8=A6=81?=
 =?UTF-8?q?=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                 |   5 +-
 src/layout/AdminLayout.vue | 209 ++++++++++++++-----------------------
 2 files changed, 78 insertions(+), 136 deletions(-)
diff --git a/index.html b/index.html
index e0198e2..8b4bcae 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,9 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/src/assets/images/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>智慧湿地管理平台</title>
+    <title>湿地管理平台</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/layout/AdminLayout.vue b/src/layout/AdminLayout.vue
index 920ca77..67c3808 100644
--- a/src/layout/AdminLayout.vue
+++ b/src/layout/AdminLayout.vue
@@ -1,9 +1,20 @@
 <script setup>
-import { ref, watch, computed, markRaw, shallowRef, defineComponent, onMounted, onBeforeUnmount, onActivated, onDeactivated } from "vue";
+import {
+  ref,
+  watch,
+  computed,
+  markRaw,
+  shallowRef,
+  defineComponent,
+  onMounted,
+  onBeforeUnmount,
+  onActivated,
+  onDeactivated,
+} from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { ElMessageBox } from 'element-plus';
-import { useUserStore } from '../stores/user';
-import { useSystemLogStore } from '../stores/systemLog';
+import { ElMessageBox } from "element-plus";
+import { useUserStore } from "../stores/user";
+import { useSystemLogStore } from "../stores/systemLog";
 import {
   HomeFilled,
   Monitor,
@@ -21,9 +32,8 @@ import {
   ChatLineRound,
   InfoFilled,
   Grid,
-  ChatDotRound
+  ChatDotRound,
 } from "@element-plus/icons-vue";
-import logo from '../assets/images/logo.png';
 
 const router = useRouter();
 const route = useRoute();
@@ -53,47 +63,53 @@ const icons = shallowRef({
   ChatLineRound: markRaw(ChatLineRound),
   InfoFilled: markRaw(InfoFilled),
   Grid: markRaw(Grid),
-  ChatDotRound: markRaw(ChatDotRound)
+  ChatDotRound: markRaw(ChatDotRound),
 });
 
 // 图标映射关系
 const iconMapping = {
-  'dashboard': 'HomeFilled',
-  'screen': 'Grid',
-  'system': 'Setting',
-  'monitor': 'DataAnalysis',
-  'patrol': 'Location',
-  'AIPatrol': 'VideoCamera',
-  'report': 'Document',
-  'activity': 'Collection',
-  'course': 'DataLine',
-  'feedback': 'ChatLineRound',
-  'about': 'InfoFilled',
-  'wechat': 'ChatDotRound'
+  dashboard: "HomeFilled",
+  screen: "Grid",
+  system: "Setting",
+  monitor: "DataAnalysis",
+  patrol: "Location",
+  AIPatrol: "VideoCamera",
+  report: "Document",
+  activity: "Collection",
+  course: "DataLine",
+  feedback: "ChatLineRound",
+  about: "InfoFilled",
+  wechat: "ChatDotRound",
 };
 
 // 缓存路由菜单
 const menuRoutes = computed(() => {
   const routes = router.options.routes;
-  const mainRoute = routes.find(route => route.path === '/' && route.children);
+  const mainRoute = routes.find((route) => route.path === "/" && route.children);
   if (!mainRoute) return [];
 
-  return mainRoute.children?.filter(route => {
-    return route.path !== 'dashboard' && route.meta && !route.meta.hideInMenu;
-  }).map(route => ({
-    ...route,
-    icon: icons.value[iconMapping[route.path.split('/')[0]] || 'Document'],
-    children: route.children?.filter(child => !child.meta?.hideInMenu).map(child => ({
-      ...child,
-      fullPath: `/${route.path}/${child.path}`
-    }))
-  })) || [];
+  return (
+    mainRoute.children
+      ?.filter((route) => {
+        return route.path !== "dashboard" && route.meta && !route.meta.hideInMenu;
+      })
+      .map((route) => ({
+        ...route,
+        icon: icons.value[iconMapping[route.path.split("/")[0]] || "Document"],
+        children: route.children
+          ?.filter((child) => !child.meta?.hideInMenu)
+          .map((child) => ({
+            ...child,
+            fullPath: `/${route.path}/${child.path}`,
+          })),
+      })) || []
+  );
 });
 
 // 获取图标组件
 const getIcon = (routePath) => {
-  const key = routePath.split('/')[0];
-  return icons.value[iconMapping[key] || 'Document'];
+  const key = routePath.split("/")[0];
+  return icons.value[iconMapping[key] || "Document"];
 };
 
 // 节流函数
@@ -125,34 +141,32 @@ const handleSelect = throttle(async (key) => {
 
 // 处理退出登录
 const handleLogout = () => {
-  ElMessageBox.confirm(
-    '确认退出登录?',
-    '提示',
-    {
-      confirmButtonText: '退出',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  ).then(() => {
-    systemLogStore.addLog({
-      type: "用户操作",
-      user: userStore.username || '',
-      action: "退出系统",
-      ip: "192.168.1.100",
-      status: "成功",
-      detail: "用户退出登录"
-    });
-    userStore.logout();
-    router.push('/login');
-  }).catch(() => {});
+  ElMessageBox.confirm("确认退出登录?", "提示", {
+    confirmButtonText: "退出",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
+    .then(() => {
+      systemLogStore.addLog({
+        type: "用户操作",
+        user: userStore.username || "",
+        action: "退出系统",
+        ip: "192.168.1.100",
+        status: "成功",
+        detail: "用户退出登录",
+      });
+      userStore.logout();
+      router.push("/login");
+    })
+    .catch(() => {});
 };
 
 // 处理下拉菜单命令
 const handleCommand = (command) => {
-  if (command === 'logout') {
+  if (command === "logout") {
     handleLogout();
-  } else if (command === 'profile') {
-    router.push('/system/profile');
+  } else if (command === "profile") {
+    router.push("/system/profile");
   }
 };
 
@@ -178,7 +192,7 @@ const monitorPerformance = () => {
 const cleanup = () => {
   // 清理定时器
   if (window._timers) {
-    window._timers.forEach(timer => {
+    window._timers.forEach((timer) => {
       clearTimeout(timer);
       clearInterval(timer);
     });
@@ -217,7 +231,7 @@ onMounted(() => {
   monitorPerformance();
 
   // 监听路由变化以优化性能
-  addEventListener(window, 'popstate', () => {
+  addEventListener(window, "popstate", () => {
     componentLoadTime.value = Date.now();
   });
 });
@@ -240,14 +254,7 @@ onDeactivated(() => {
 <template>
   <div class="admin-layout">
     <el-container class="layout-container">
-      <el-aside :width="isCollapse ? '64px' : '200px'">
-        <div class="logo-container">
-          <img :src="logo" class="logo-image" alt="logo">
-          <h1 v-if="!isCollapse" class="logo-title">
-            <span class="ai-text">AI</span>
-            <span class="platform-text">智慧平台</span>
-          </h1>
-        </div>
+      <el-aside :width="isCollapse ? '64px' : '200px'" class="aside-container">
         <el-menu
           :default-active="activeMenu"
           class="el-menu-vertical"
@@ -302,7 +309,7 @@ onDeactivated(() => {
           <div class="header-right">
             <el-dropdown @command="handleCommand">
               <span class="user-info">
-                {{ userStore.username || '管理员' }}
+                {{ userStore.username || "管理员" }}
                 <el-icon><component :is="icons.User" /></el-icon>
               </span>
               <template #dropdown>
@@ -333,77 +340,13 @@ onDeactivated(() => {
 }
 
 .el-aside {
-  background-color: v.$sidebar-bg;
-  border-right: 1px solid v.$border-color;
+  background-color: #fff;
+  border-right: 1px solid #e6e6e6;
   transition: width 0.3s;
-
-  .logo-container {
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 20px;
-    border-bottom: 1px solid v.$border-color;
-    background-color: v.$sidebar-bg;
-    overflow: hidden;
-    gap: 10px;
-
-    .logo-image {
-      width: 32px;
-      height: 32px;
-      object-fit: contain;
-    }
-
-    .logo-title {
-      cursor: pointer;
-      margin: 0;
-      font-size: 18px;
-      font-weight: 500;
-      white-space: nowrap;
-      display: flex;
-      align-items: center;
-      gap: 2px;
-
-      .ai-text {
-        color: #409EFF;
-        font-weight: 800;
-        font-style: italic;
-        text-shadow: 2px 2px 4px rgba(64, 158, 255, 0.2);
-        background: linear-gradient(120deg, #409EFF, #67C23A);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        padding: 0 2px;
-        letter-spacing: 0;
-      }
-
-      .platform-text {
-        color: v.$text-primary;
-        font-weight: 500;
-        letter-spacing: 2px;
-      }
-    }
-  }
+  overflow: hidden;
 
   .el-menu {
     border-right: none;
-    background-color: v.$sidebar-bg;
-
-    &.el-menu-vertical {
-      .el-menu-item,
-      .el-sub-menu__title {
-        color: v.$text-regular;
-
-        &:hover {
-          color: v.$primary-color;
-          background-color: #ecf5ff;
-        }
-
-        &.is-active {
-          color: v.$primary-color;
-          background-color: #ecf5ff;
-        }
-      }
-    }
   }
 }
 
