From c6e27f1af4bb68c6f6d7e2c45a633c6e5df32b23 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 3 Feb 2026 14:43:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=AD=89=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                 |   2 +
 public/favicon.ico                           | Bin 5663 -> 2369 bytes
 src/assets/logo/logo.png                     | Bin 5663 -> 2369 bytes
 src/assets/styles/sidebar.scss               |  21 +-
 src/assets/styles/variables.module.scss      |  55 +-
 src/layout/components/Navbar.vue             | 543 ++++++++++----
 src/layout/components/Sidebar/index.vue      |  19 +-
 src/main.js                                  |  18 +-
 src/store/modules/settings.js                |   2 +-
 src/views/login.vue                          | 721 ++++++++++++++-----
 src/views/showComponents/showTable/index.vue |   6 +-
 11 files changed, 1014 insertions(+), 373 deletions(-)

diff --git a/package.json b/package.json
index 3a03e5b..67c2324 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,8 @@
         "vuedraggable": "4.1.0"
     },
     "devDependencies": {
+        "@vicons/ionicons5": "^0.13.0",
+        "@vicons/utils": "^0.1.4",
         "@vitejs/plugin-vue": "5.2.4",
         "less": "^4.5.1",
         "mockjs": "^1.1.0",
diff --git a/public/favicon.ico b/public/favicon.ico
index e26376026420542212ed58d90d0ed34f554fa4ae..da575475f59572a2d86003ed3a9aa5809cc151de 100644
GIT binary patch
literal 2369
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
JC!p^q{sYik;HLlp

literal 5663
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

diff --git a/src/assets/logo/logo.png b/src/assets/logo/logo.png
index e26376026420542212ed58d90d0ed34f554fa4ae..da575475f59572a2d86003ed3a9aa5809cc151de 100644
GIT binary patch
literal 2369
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
JC!p^q{sYik;HLlp

literal 5663
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

diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 54d7441..fa1c5ac 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -24,8 +24,9 @@
     left: 0;
     z-index: 1001;
     overflow: hidden;
-    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
-    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 2px 0 8px rgba(0, 168, 98, 0.15);
+    box-shadow: 2px 0 8px rgba(0, 168, 98, 0.15);
+    background: linear-gradient(180deg, #1a3a2e 0%, #153028 100%);
 
     // reset element-ui css
     .horizontal-collapse-transition {
@@ -80,11 +81,13 @@
       display: inline-block !important;
     }
 
-    // menu hover
+    // menu hover - 国家电网风格
     .sub-menu-title-noDropdown,
     .el-sub-menu__title {
       &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
+        background-color: rgba(0, 168, 98, 0.15) !important;
+        color: #00A862 !important;
+        transition: all 0.3s ease;
       }
     }
 
@@ -97,7 +100,9 @@
       min-width: vars.$base-sidebar-width !important;
 
       &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
+        background-color: rgba(0, 168, 98, 0.15) !important;
+        color: #00A862 !important;
+        transition: all 0.3s ease;
       }
     }
 
@@ -212,8 +217,10 @@
   .nest-menu .el-sub-menu>.el-sub-menu__title,
   .el-menu-item {
     &:hover {
-      // you can use $sub-menuHover
-      background-color: rgba(0, 0, 0, 0.06) !important;
+      // 国家电网风格悬停效果
+      background-color: rgba(0, 168, 98, 0.15) !important;
+      color: #00A862 !important;
+      transition: all 0.3s ease;
     }
   }
 
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 8764e13..4579b69 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -1,39 +1,39 @@
-// base color
-$blue: #324157;
-$light-blue: #333c46;
+// base color - 国家电网主题色
+$blue: #1a4d7a;
+$light-blue: #2d6ba3;
 $red: #C03639;
 $pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
+$green: #00A862; // 国家电网主绿色
+$tiffany: #00B86C; // 国家电网辅助绿色
 $yellow: #FEC171;
-$panGreen: #30B08F;
+$panGreen: #00C97A; // 国家电网亮绿色
 
-// 默认主题变量
-$menuText: #bfcbd9;
-$menuActiveText: #409eff;
-$menuBg: #304156;
-$menuHover: #263445;
+// 默认主题变量 - 国家电网深色侧边栏
+$menuText: #e8f5e9;
+$menuActiveText: #00A862; // 国家电网主绿色
+$menuBg: #1a3a2e; // 深绿色背景
+$menuHover: #2d5a4a; // 悬停时的深绿色
 
-// 浅色主题theme-light
+// 浅色主题theme-light - 国家电网浅色侧边栏
 $menuLightBg: #ffffff;
-$menuLightHover: #f0f1f5;
+$menuLightHover: #e8f5e9; // 浅绿色悬停
 $menuLightText: #303133;
-$menuLightActiveText: #409EFF;
+$menuLightActiveText: #00A862; // 国家电网主绿色
 
 // 基础变量
 $base-sidebar-width: 200px;
 $sideBarWidth: 200px;
 
-// 菜单暗色变量
-$base-menu-color: #bfcbd9;
-$base-menu-color-active: #f4f4f5;
-$base-menu-background: #304156;
-$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
+// 菜单暗色变量 - 国家电网风格
+$base-menu-color: #e8f5e9;
+$base-menu-color-active: #00A862; // 国家电网主绿色
+$base-menu-background: #1a3a2e; // 深绿色背景
+$base-sub-menu-background: #153028; // 更深绿色子菜单背景
+$base-sub-menu-hover: #2d5a4a; // 悬停时的深绿色
 
-// 组件变量
-$--color-primary: #409EFF;
-$--color-success: #67C23A;
+// 组件变量 - 国家电网主题色
+$--color-primary: #00A862; // 国家电网主绿色
+$--color-success: #00B86C; // 国家电网辅助绿色
 $--color-warning: #E6A23C;
 $--color-danger: #F56C6C;
 $--color-info: #909399;
@@ -65,16 +65,23 @@ $--color-info: #909399;
   colorInfo: $--color-info;
 }
 
-// CSS变量定义
+// CSS变量定义 - 国家电网主题
 :root {
   /* 亮色模式变量 */
   --sidebar-bg: #{$menuBg};
   --sidebar-text: #{$menuText};
   --menu-hover: #{$menuHover};
+  --menu-active-text: #{$menuActiveText};
   
   --navbar-bg: #ffffff;
   --navbar-text: #303133;
   
+  /* 国家电网主题色 */
+  --sgcc-primary: #00A862;
+  --sgcc-primary-light: #00B86C;
+  --sgcc-primary-dark: #008050;
+  --sgcc-gradient: linear-gradient(135deg, #00A862 0%, #00B86C 100%);
+  
   /* splitpanes default-theme 变量 */
   --splitpanes-default-bg: #ffffff;
 
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index f903134..9fb87ef 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,60 +1,155 @@
 <template>
-  <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-    <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
-    <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
+    <div class="navbar">
+        <hamburger
+            id="hamburger-container"
+            :is-active="appStore.sidebar.opened"
+            class="hamburger-container"
+            @toggleClick="toggleSideBar"
+        />
+        <breadcrumb
+            v-if="!settingsStore.topNav"
+            id="breadcrumb-container"
+            class="breadcrumb-container"
+        />
+        <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
 
-    <div class="right-menu">
-      <template v-if="appStore.device !== 'mobile'">
-        <header-search id="header-search" class="right-menu-item" />
+        <div class="right-menu">
+            <template v-if="appStore.device !== 'mobile'">
+                <div class="icon-container">
+                    <el-input
+                        style="width: 130px"
+                        placeholder="搜索"
+                        class="search-input"
+                        @keydown.ctrl.k="handleSearch"
+                    >
+                        <template #prefix>
+                            <el-icon class="el-input__icon"><search /></el-icon>
+                        </template>
+                        <template #suffix>
+                            <span class="search-input-suffix-text"> Ctrl K </span>
+                        </template>
+                    </el-input>
 
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
+                    <Icon size="18">
+                        <Moon />
+                    </Icon>
+                    <Icon size="18">
+                        <ScanOutline />
+                    </Icon>
+                    <Icon size="18">
+                        <SunnyOutline />
+                    </Icon>
+                    <Icon size="18">
+                        <NotificationsOutline />
+                    </Icon>
+                </div>
 
-        <el-tooltip content="文档地址" effect="dark" placement="bottom">
-          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
+                <!-- <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
-        <screenfull id="screenfull" class="right-menu-item hover-effect" />
+                <el-tooltip content="主题模式" effect="dark" placement="bottom">
+                    <div
+                        class="right-menu-item hover-effect theme-switch-wrapper"
+                        @click="toggleTheme"
+                    >
+                        <svg-icon v-if="settingsStore.isDark" icon-class="sunny" />
+                        <svg-icon v-if="!settingsStore.isDark" icon-class="moon" />
+                    </div>
+                </el-tooltip>
 
-        <el-tooltip content="主题模式" effect="dark" placement="bottom">
-          <div class="right-menu-item hover-effect theme-switch-wrapper" @click="toggleTheme">
-            <svg-icon v-if="settingsStore.isDark" icon-class="sunny" />
-            <svg-icon v-if="!settingsStore.isDark" icon-class="moon" />
-          </div>
-        </el-tooltip>
+                <el-tooltip content="布局大小" effect="dark" placement="bottom">
+                    <size-select id="size-select" class="right-menu-item hover-effect" />
+                </el-tooltip> -->
+            </template>
 
-        <el-tooltip content="布局大小" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-      </template>
+            <el-dropdown
+                @command="handleCommand"
+                class="avatar-container right-menu-item hover-effect"
+                placement="bottom-end"
+                trigger="click"
+            >
+                <div class="avatar-wrapper">
+                    <img :src="userStore.avatar" class="user-avatar" />
+                    <span class="user-nickname"> {{ userStore.nickName }} </span>
+                    <Icon size="18">
+                        <ChevronDown />
+                    </Icon>
+                </div>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <!-- <router-link to="/user/profile">
+                            <el-dropdown-item>个人中心</el-dropdown-item>
+                        </router-link>
+                        <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
+                            <span>布局设置</span>
+                        </el-dropdown-item>
+                        <el-dropdown-item divided command="logout">
+                            <span>退出登录</span>
+                        </el-dropdown-item> -->
 
-      <el-dropdown @command="handleCommand" class="avatar-container right-menu-item hover-effect" trigger="hover">
-        <div class="avatar-wrapper">
-          <img :src="userStore.avatar" class="user-avatar" />
-          <span class="user-nickname"> {{ userStore.nickName }} </span>
+                        <!-- <el-dropdown-item> </el-dropdown-item> -->
+
+                        <div class="user-info">
+                            <img :src="userStore.avatar" class="user-avatar" />
+                            <div class="user-info-text">
+                                <div>
+                                    <span>李思思</span>
+                                    <el-tag type="success">管理员</el-tag>
+                                </div>
+
+                                <div>Admin_@soho.com</div>
+                            </div>
+                        </div>
+
+                        <div class="user-info-item">
+                            <div class="user-info-item-text">
+                                <div style="display: flex; align-items: center; gap: 6px">
+                                    <Icon size="18"> <PersonOutline /> </Icon>
+                                    <span> 个人中心 </span>
+                                </div>
+
+                                <Icon size="18">
+                                    <ChevronForward />
+                                </Icon>
+                            </div>
+                            <div class="user-info-item-text">
+                                <div style="display: flex; align-items: center; gap: 6px">
+                                    <Icon size="18"> <LockClosedOutline /> </Icon>
+                                    <span> 修改密码 </span>
+                                </div>
+
+                                <Icon size="18">
+                                    <ChevronForward />
+                                </Icon>
+                            </div>
+                        </div>
+
+                        <div class="logout-item">
+                            <div class="logout-item-text" @click="logout">
+                                <Icon size="18"> <ExitOutline /> </Icon>
+                                <span> 退出登录 </span>
+                            </div>
+                        </div>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
         </div>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <router-link to="/user/profile">
-              <el-dropdown-item>个人中心</el-dropdown-item>
-            </router-link>
-            <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
-                <span>布局设置</span>
-              </el-dropdown-item>
-            <el-dropdown-item divided command="logout">
-              <span>退出登录</span>
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
     </div>
-  </div>
 </template>
 
 <script setup>
 import { ElMessageBox } from 'element-plus'
+import {
+    Moon,
+    ScanOutline,
+    SunnyOutline,
+    NotificationsOutline,
+    ChevronDown,
+    PersonOutline,
+    LockClosedOutline,
+    ChevronForward,
+    ExitOutline,
+} from '@vicons/ionicons5'
+import { Icon } from '@vicons/utils'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
@@ -72,154 +167,284 @@ const userStore = useUserStore()
 const settingsStore = useSettingsStore()
 
 function toggleSideBar() {
-  appStore.toggleSideBar()
+    appStore.toggleSideBar()
 }
 
 function handleCommand(command) {
-  switch (command) {
-    case "setLayout":
-      setLayout()
-      break
-    case "logout":
-      logout()
-      break
-    default:
-      break
-  }
+    switch (command) {
+        case 'setLayout':
+            setLayout()
+            break
+        case 'logout':
+            logout()
+            break
+        default:
+            break
+    }
 }
 
 function logout() {
-  ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    userStore.logOut().then(() => {
-      location.href = '/index'
+    ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
     })
-  }).catch(() => { })
+        .then(() => {
+            userStore.logOut().then(() => {
+                location.href = '/index'
+            })
+        })
+        .catch(() => {})
 }
 
 const emits = defineEmits(['setLayout'])
 function setLayout() {
-  emits('setLayout')
+    emits('setLayout')
 }
 
 function toggleTheme() {
-  settingsStore.toggleTheme()
+    settingsStore.toggleTheme()
+}
+
+const handleSearch = () => {
+    console.log('handleSearch')
 }
 </script>
 
 <style lang='scss' scoped>
 .navbar {
-  height: 50px;
-  overflow: hidden;
-  position: relative;
-  background: var(--navbar-bg);
-  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+    height: 50px;
+    overflow: hidden;
+    position: relative;
+    background: var(--navbar-bg);
+    box-shadow: 0 2px 8px rgba(0, 168, 98, 0.1);
 
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background 0.3s;
-    -webkit-tap-highlight-color: transparent;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.025);
-    }
-  }
-
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .topmenu-container {
-    position: absolute;
-    left: 50px;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .right-menu {
-    float: right;
-    height: 100%;
-    line-height: 50px;
-    display: flex;
-
-    &:focus {
-      outline: none;
-    }
-
-    .right-menu-item {
-      display: inline-block;
-      padding: 0 8px;
-      height: 100%;
-      font-size: 18px;
-      color: #5a5e66;
-      vertical-align: text-bottom;
-
-      &.hover-effect {
+    .hamburger-container {
+        line-height: 46px;
+        height: 100%;
+        float: left;
         cursor: pointer;
         transition: background 0.3s;
+        -webkit-tap-highlight-color: transparent;
 
         &:hover {
-          background: rgba(0, 0, 0, 0.025);
+            background: rgba(0, 0, 0, 0.025);
         }
-      }
+    }
 
-      &.theme-switch-wrapper {
+    .breadcrumb-container {
+        float: left;
+    }
+
+    .topmenu-container {
+        position: absolute;
+        left: 50px;
+    }
+
+    .errLog-container {
+        display: inline-block;
+        vertical-align: top;
+    }
+
+    .right-menu {
+        float: right;
+        height: 100%;
+        line-height: 50px;
         display: flex;
         align-items: center;
 
-        svg {
-          transition: transform 0.3s;
-          
-          &:hover {
-            transform: scale(1.15);
-          }
+        .icon-container {
+            padding-right: 18px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 18px;
+            border-right: 1px solid #e0e0e0;
+        }
+
+        &:focus {
+            outline: none;
+        }
+
+        .right-menu-item {
+            display: inline-block;
+            padding: 0 8px;
+            height: 100%;
+            font-size: 18px;
+            color: #5a5e66;
+
+            vertical-align: text-bottom;
+
+            &.hover-effect {
+                cursor: pointer;
+                transition: background 0.3s;
+
+                &:hover {
+                    background: rgba(0, 0, 0, 0.025);
+                }
+            }
+
+            &.theme-switch-wrapper {
+                display: flex;
+                align-items: center;
+
+                svg {
+                    transition: transform 0.3s;
+
+                    &:hover {
+                        transform: scale(1.15);
+                    }
+                }
+            }
+        }
+
+        .avatar-container {
+            margin-right: 0px;
+            padding: 0 14px;
+            padding-left: 18px;
+            flex: 1;
+            display: flex;
+            align-items: center;
+
+            .avatar-wrapper {
+                display: flex;
+                align-items: center;
+                border-radius: 6px;
+                padding: 4px;
+                .user-avatar {
+                    cursor: pointer;
+                    width: 30px;
+                    height: 30px;
+                    margin-right: 8px;
+                    border-radius: 50%;
+                }
+
+                .user-nickname {
+                    padding: 0 4px;
+                    font-size: 14px;
+                    font-weight: bold;
+                }
+
+                i {
+                    cursor: pointer;
+                    position: absolute;
+                    right: -20px;
+                    top: 25px;
+                    font-size: 12px;
+                }
+            }
+
+            .avatar-wrapper:hover {
+                background-color: rgba(0, 168, 98, 0.1);
+                transition: all 0.3s ease;
+            }
+        }
+    }
+}
+
+.user-info {
+    padding: 14px 16px 14px 6px;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif;
+    border-bottom: 1px dashed #f0f0f0;
+
+    .user-info-text {
+        margin-left: 6px;
+        letter-spacing: 1px;
+
+        div:first-child {
+            margin-bottom: 6px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
         }
-      }
     }
 
-    .avatar-container {
-      margin-right: 0px;
-      padding-right: 0px;
-
-      .avatar-wrapper {
-        margin-top: 10px;
-        right: 8px;
-        position: relative;
-
-        .user-avatar {
-          cursor: pointer;
-          width: 30px;
-          height: 30px;
-          margin-right: 8px;
-          border-radius: 50%;
-        }
-
-        .user-nickname{
-          position: relative;
-          left: 0px;
-          bottom: 10px;
-          font-size: 14px;
-          font-weight: bold;
-        }
-
-        i {
-          cursor: pointer;
-          position: absolute;
-          right: -20px;
-          top: 25px;
-          font-size: 12px;
-        }
-      }
+    .user-avatar {
+        width: 36px;
+        height: 36px;
+        margin-right: 8px;
+        border-radius: 4px;
     }
-  }
+
+    .user-info-text div:last-child {
+        color: #909599;
+    }
+}
+
+.user-info-item {
+    padding: 4px 0 14px 0;
+    border-bottom: 1px dashed #f0f0f0;
+
+    .user-info-item-text {
+        padding: 12px 20px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+        transition: all 0.6s ease;
+    }
+    .user-info-item-text:hover {
+        background-color: #f3f3f5;
+        border-radius: 4px;
+    }
+}
+
+.logout-item {
+    padding: 12px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .logout-item-text {
+        padding: 6px 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        background-color: #f4f5f5;
+        border-radius: 4px;
+        color: #767c82;
+        border-radius: 4px;
+        letter-spacing: 1px;
+        transition: all 0.6s ease;
+
+        &:hover {
+            background-color: #eceded;
+        }
+    }
+}
+
+.icon-container :deep(.el-input) {
+    --el-input-bg-color: #efeff5;
+    --el-input-border: transparent;
+    --el-input-border-radius: 6px;
+    --el-input-hover-border: transparent;
+    --el-input-focus-border: transparent;
+    --el-input-transparent-border: transparent;
+    --el-input-border-color: transparent;
+    --el-input-hover-border-color: transparent;
+    --el-input-focus-border-color: transparent;
+}
+
+.search-input-suffix-text {
+    background-color: #fff;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 4px;
+    border-radius: 6px;
+}
+
+.xicon {
+    cursor: pointer;
+}
+
+.xicon:hover {
+    color: #00a862;
+    background-color: rgba(0, 168, 98, 0.1);
+    transform: scale(1.2);
+    transition: all 0.3s ease;
 }
 </style>
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 9acc406..113a6bc 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -83,16 +83,29 @@ const activeMenu = computed(() => {
     
     .el-menu-item, .el-sub-menu__title {
       &:hover {
-        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+        background-color: rgba(0, 168, 98, 0.15) !important;
+        color: #00A862 !important;
+        transition: all 0.3s ease;
       }
     }
 
     .el-menu-item {
       color: v-bind(getMenuTextColor);
+      position: relative;
       
       &.is-active {
-        color: var(--menu-active-text, #409eff);
-        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+        color: #00A862 !important;
+        background-color: rgba(0, 168, 98, 0.2) !important;
+        
+        &::before {
+          content: '';
+          position: absolute;
+          left: 0;
+          top: 0;
+          bottom: 0;
+          width: 3px;
+          background: linear-gradient(180deg, #00A862 0%, #00B86C 100%);
+        }
       }
     }
 
diff --git a/src/main.js b/src/main.js
index 7063bba..6c2b057 100644
--- a/src/main.js
+++ b/src/main.js
@@ -83,11 +83,27 @@ app.component('svg-icon', SvgIcon)
 
 directive(app)
 
-// 使用element-plus 并且设置全局的大小
+// 使用element-plus 并且设置全局的大小和主题色
 app.use(ElementPlus, {
     locale: locale,
     // 支持 large、default、small
     size: Cookies.get('size') || 'default',
 })
 
+// 设置 Element Plus 主题色为国家电网绿色（默认主题）
+const style = document.createElement('style')
+style.id = 'sgcc-theme-style'
+style.textContent = `
+  :root {
+    --el-color-primary: #00A862;
+    --el-color-primary-light-3: #33B97E;
+    --el-color-primary-light-5: #66CA9A;
+    --el-color-primary-light-7: #99DBB6;
+    --el-color-primary-light-8: #B3E6CC;
+    --el-color-primary-light-9: #CCF0DD;
+    --el-color-primary-dark-2: #008650;
+  }
+`
+document.head.appendChild(style)
+
 app.mount('#app')
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 2913564..2d3d4f6 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -14,7 +14,7 @@ const useSettingsStore = defineStore(
   {
     state: () => ({
       title: '',
-      theme: storageSetting.theme || '#409EFF',
+      theme: storageSetting.theme || '#00A862', // 国家电网主绿色
       sideTheme: storageSetting.sideTheme || sideTheme,
       showSettings: showSettings,
       topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
diff --git a/src/views/login.vue b/src/views/login.vue
index 8b64e6b..b993711 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,73 +1,113 @@
 <template>
-  <div class="login">
-    <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">{{ title }}</h3>
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          size="large"
-          auto-complete="off"
-          placeholder="账号"
-        >
-          <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          size="large"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="loginForm.code"
-          size="large"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+    <div class="login-container">
+        <!-- 动态背景 -->
+        <div class="login-background">
+            <div class="bg-animation">
+                <div class="particle" v-for="i in 50" :key="i" :style="getParticleStyle(i)"></div>
+            </div>
+            <div class="gradient-overlay"></div>
         </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="large"
-          type="primary"
-          style="width:100%;"
-          @click.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
+
+        <!-- 登录表单卡片 -->
+        <div class="login-card">
+            <div class="card-header">
+                <div class="logo-container">
+                    <div class="logo-circle">
+                        <div class="logo-inner"></div>
+                    </div>
+                </div>
+                <h2 class="login-title">{{ title }}</h2>
+                <p class="login-subtitle">欢迎登录系统</p>
+            </div>
+
+            <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
+                <el-form-item prop="username">
+                    <el-input
+                        v-model="loginForm.username"
+                        type="text"
+                        size="large"
+                        auto-complete="off"
+                        placeholder="请输入账号"
+                        class="login-input"
+                    >
+                        <template #prefix>
+                            <svg-icon icon-class="user" class="el-input__icon input-icon" />
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item prop="password">
+                    <el-input
+                        v-model="loginForm.password"
+                        type="password"
+                        size="large"
+                        auto-complete="off"
+                        placeholder="请输入密码"
+                        class="login-input"
+                        @keyup.enter="handleLogin"
+                    >
+                        <template #prefix>
+                            <svg-icon icon-class="password" class="el-input__icon input-icon" />
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item prop="code" v-if="captchaEnabled">
+                    <div class="captcha-container">
+                        <el-input
+                            v-model="loginForm.code"
+                            size="large"
+                            auto-complete="off"
+                            placeholder="验证码"
+                            class="captcha-input"
+                            @keyup.enter="handleLogin"
+                        >
+                            <template #prefix>
+                                <svg-icon
+                                    icon-class="validCode"
+                                    class="el-input__icon input-icon"
+                                />
+                            </template>
+                        </el-input>
+                        <div class="login-code">
+                            <img :src="codeUrl" @click="getCode" class="login-code-img" />
+                        </div>
+                    </div>
+                </el-form-item>
+
+                <div class="form-options">
+                    <el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
+                </div>
+
+                <el-form-item style="width: 100%; margin-top: 30px">
+                    <el-button
+                        :loading="loading"
+                        size="large"
+                        type="primary"
+                        class="login-button"
+                        @click.prevent="handleLogin"
+                    >
+                        <span v-if="!loading">登 录</span>
+                        <span v-else>登 录 中...</span>
+                    </el-button>
+                    <div class="register-link" v-if="register">
+                        <router-link class="link-type" :to="'/register'">立即注册</router-link>
+                    </div>
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <!-- 底部版权 -->
+        <div class="el-login-footer">
+            <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
         </div>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
     </div>
-  </div>
 </template>
 
 <script setup>
-import { getCodeImg } from "@/api/login"
-import Cookies from "js-cookie"
-import { encrypt, decrypt } from "@/utils/jsencrypt"
+import { getCodeImg } from '@/api/login'
+import Cookies from 'js-cookie'
+import { encrypt, decrypt } from '@/utils/jsencrypt'
 import useUserStore from '@/store/modules/user'
 
 const title = import.meta.env.VITE_APP_TITLE
@@ -77,20 +117,20 @@ const router = useRouter()
 const { proxy } = getCurrentInstance()
 
 const loginForm = ref({
-  username: "admin",
-  password: "admin123",
-  rememberMe: false,
-  code: "",
-  uuid: ""
+    username: 'admin',
+    password: 'admin123',
+    rememberMe: false,
+    code: '',
+    uuid: '',
 })
 
 const loginRules = {
-  username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
-  password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
-  code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+    username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
+    password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
+    code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
 }
 
-const codeUrl = ref("")
+const codeUrl = ref('')
 const loading = ref(false)
 // 验证码开关
 const captchaEnabled = ref(true)
@@ -98,132 +138,463 @@ const captchaEnabled = ref(true)
 const register = ref(false)
 const redirect = ref(undefined)
 
-watch(route, (newRoute) => {
-    redirect.value = newRoute.query && newRoute.query.redirect
-}, { immediate: true })
+watch(
+    route,
+    (newRoute) => {
+        redirect.value = newRoute.query && newRoute.query.redirect
+    },
+    { immediate: true },
+)
 
 function handleLogin() {
-  proxy.$refs.loginRef.validate(valid => {
-    if (valid) {
-      loading.value = true
-      // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
-      if (loginForm.value.rememberMe) {
-        Cookies.set("username", loginForm.value.username, { expires: 30 })
-        Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 })
-        Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 })
-      } else {
-        // 否则移除
-        Cookies.remove("username")
-        Cookies.remove("password")
-        Cookies.remove("rememberMe")
-      }
-      // 调用action的登录方法
-      userStore.login(loginForm.value).then(() => {
-        const query = route.query
-        const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
-          if (cur !== "redirect") {
-            acc[cur] = query[cur]
-          }
-          return acc
-        }, {})
-        router.push({ path: redirect.value || "/", query: otherQueryParams })
-      }).catch(() => {
-        loading.value = false
-        // 重新获取验证码
-        if (captchaEnabled.value) {
-          getCode()
+    proxy.$refs.loginRef.validate((valid) => {
+        if (valid) {
+            loading.value = true
+            // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
+            if (loginForm.value.rememberMe) {
+                Cookies.set('username', loginForm.value.username, { expires: 30 })
+                Cookies.set('password', encrypt(loginForm.value.password), { expires: 30 })
+                Cookies.set('rememberMe', loginForm.value.rememberMe, { expires: 30 })
+            } else {
+                // 否则移除
+                Cookies.remove('username')
+                Cookies.remove('password')
+                Cookies.remove('rememberMe')
+            }
+            // 调用action的登录方法
+            userStore
+                .login(loginForm.value)
+                .then(() => {
+                    const query = route.query
+                    const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
+                        if (cur !== 'redirect') {
+                            acc[cur] = query[cur]
+                        }
+                        return acc
+                    }, {})
+                    router.push({ path: redirect.value || '/', query: otherQueryParams })
+                })
+                .catch(() => {
+                    loading.value = false
+                    // 重新获取验证码
+                    if (captchaEnabled.value) {
+                        getCode()
+                    }
+                })
         }
-      })
-    }
-  })
+    })
 }
 
 function getCode() {
-  getCodeImg().then(res => {
-    captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
-    if (captchaEnabled.value) {
-      codeUrl.value = "data:image/gif;base64," + res.img
-      loginForm.value.uuid = res.uuid
-    }
-  })
+    getCodeImg().then((res) => {
+        captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
+        if (captchaEnabled.value) {
+            codeUrl.value = 'data:image/gif;base64,' + res.img
+            loginForm.value.uuid = res.uuid
+        }
+    })
 }
 
 function getCookie() {
-  const username = Cookies.get("username")
-  const password = Cookies.get("password")
-  const rememberMe = Cookies.get("rememberMe")
-  loginForm.value = {
-    username: username === undefined ? loginForm.value.username : username,
-    password: password === undefined ? loginForm.value.password : decrypt(password),
-    rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
-  }
+    const username = Cookies.get('username')
+    const password = Cookies.get('password')
+    const rememberMe = Cookies.get('rememberMe')
+    loginForm.value = {
+        username: username === undefined ? loginForm.value.username : username,
+        password: password === undefined ? loginForm.value.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+    }
 }
 
 getCode()
 getCookie()
+
+// 生成粒子样式
+function getParticleStyle(index) {
+    const size = Math.random() * 4 + 2
+    const left = Math.random() * 100
+    const animationDuration = Math.random() * 20 + 10
+    const animationDelay = Math.random() * 5
+    return {
+        width: `${size}px`,
+        height: `${size}px`,
+        left: `${left}%`,
+        animationDuration: `${animationDuration}s`,
+        animationDelay: `${animationDelay}s`,
+    }
+}
 </script>
 
 <style lang='scss' scoped>
-.login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
-  background-size: cover;
-}
-.title {
-  margin: 0px auto 30px auto;
-  text-align: center;
-  color: #707070;
+.login-container {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
 }
 
-.login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-  z-index: 1;
-  .el-input {
-    height: 40px;
-    input {
-      height: 40px;
+// 动态背景
+.login-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(
+        135deg,
+        #0a2e1f 0%,
+        #1a3a2e 25%,
+        #0f1f1a 50%,
+        #1a3a2e 75%,
+        #0a2e1f 100%
+    );
+    background-size: 400% 400%;
+    animation: gradientShift 15s ease infinite;
+    z-index: 0;
+}
+
+@keyframes gradientShift {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
     }
-  }
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 0px;
-  }
 }
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
+
+// 粒子动画
+.bg-animation {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
 }
-.login-code {
-  width: 33%;
-  height: 40px;
-  float: right;
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
+
+.particle {
+    position: absolute;
+    background: rgba(0, 168, 98, 0.3);
+    border-radius: 50%;
+    animation: float linear infinite;
+    box-shadow: 0 0 10px rgba(0, 168, 98, 0.5);
 }
+
+@keyframes float {
+    0% {
+        transform: translateY(100vh) rotate(0deg);
+        opacity: 0;
+    }
+    10% {
+        opacity: 1;
+    }
+    90% {
+        opacity: 1;
+    }
+    100% {
+        transform: translateY(-100vh) rotate(360deg);
+        opacity: 0;
+    }
+}
+
+.gradient-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: radial-gradient(circle at 30% 50%, rgba(0, 168, 98, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 70% 80%, rgba(0, 184, 108, 0.1) 0%, transparent 50%);
+    animation: pulse 8s ease-in-out infinite;
+}
+
+@keyframes pulse {
+    0%,
+    100% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 1;
+    }
+}
+
+// 登录卡片
+.login-card {
+    position: relative;
+    width: 440px;
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    border-radius: 20px;
+    padding: 50px 40px;
+    box-shadow: 0 20px 60px rgba(0, 168, 98, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    z-index: 1;
+    animation: cardFadeIn 0.8s ease-out;
+    transition: transform 0.3s ease;
+
+    &:hover {
+        transform: translateY(-5px);
+        box-shadow: 0 25px 70px rgba(0, 168, 98, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    }
+}
+
+@keyframes cardFadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(30px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+// 卡片头部
+.card-header {
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.logo-container {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+.logo-circle {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #00a862 0%, #00b86c 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    animation: logoRotate 3s linear infinite;
+    box-shadow: 0 0 30px rgba(0, 168, 98, 0.5);
+
+    &::before {
+        content: '';
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        background: linear-gradient(135deg, #00a862 0%, #00b86c 100%);
+        animation: ripple 2s ease-out infinite;
+    }
+}
+
+@keyframes logoRotate {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes ripple {
+    0% {
+        transform: scale(1);
+        opacity: 1;
+    }
+    100% {
+        transform: scale(1.5);
+        opacity: 0;
+    }
+}
+
+.logo-inner {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: #fff;
+    position: relative;
+    z-index: 1;
+}
+
+.login-title {
+    margin: 20px 0 10px 0;
+    font-size: 28px;
+    font-weight: 600;
+    background: linear-gradient(135deg, #00a862 0%, #00b86c 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    letter-spacing: 1px;
+}
+
+.login-subtitle {
+    margin: 0;
+    color: #666;
+    font-size: 14px;
+    font-weight: 400;
+}
+
+// 表单样式
+.login-form {
+    .login-input {
+        :deep(.el-input__wrapper) {
+            height: 40px;
+            border-radius: 10px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+            transition: all 0.3s ease;
+            padding: 0 12px;
+
+            &:hover {
+                box-shadow: 0 4px 12px rgba(0, 168, 98, 0.2);
+            }
+
+            &.is-focus {
+                box-shadow: 0 4px 12px rgba(0, 168, 98, 0.3);
+            }
+        }
+
+        :deep(.el-input__inner) {
+            height: 38px;
+            line-height: 38px;
+        }
+    }
+
+    .input-icon {
+        color: #00a862;
+        font-size: 18px;
+    }
+}
+
+.captcha-container {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+
+    .captcha-input {
+        flex: 1;
+
+        :deep(.el-input__wrapper) {
+            height: 40px;
+            border-radius: 10px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+            transition: all 0.3s ease;
+            padding: 0 12px;
+
+            &:hover {
+                box-shadow: 0 4px 12px rgba(0, 168, 98, 0.2);
+            }
+
+            &.is-focus {
+                box-shadow: 0 4px 12px rgba(0, 168, 98, 0.3);
+            }
+        }
+
+        :deep(.el-input__inner) {
+            height: 38px;
+            line-height: 38px;
+        }
+    }
+
+    .login-code {
+        width: 120px;
+        height: 40px;
+        border-radius: 10px;
+        overflow: hidden;
+        cursor: pointer;
+        transition: transform 0.3s ease;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+
+        &:hover {
+            transform: scale(1.05);
+        }
+
+        .login-code-img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+}
+
+.form-options {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
+    :deep(.el-checkbox) {
+        .el-checkbox__label {
+            color: #666;
+            font-size: 14px;
+        }
+    }
+}
+
+.login-button {
+    width: 100%;
+    height: 50px;
+    font-size: 16px;
+    font-weight: 600;
+    border-radius: 10px;
+    background: linear-gradient(135deg, #00a862 0%, #00b86c 100%);
+    border: none;
+    box-shadow: 0 4px 15px rgba(0, 168, 98, 0.4);
+    transition: all 0.3s ease;
+
+    &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba(0, 168, 98, 0.5);
+    }
+
+    &:active {
+        transform: translateY(0);
+    }
+}
+
+.register-link {
+    text-align: center;
+    margin-top: 20px;
+
+    .link-type {
+        color: #00a862;
+        text-decoration: none;
+        font-size: 14px;
+        transition: color 0.3s ease;
+
+        &:hover {
+            color: #00b86c;
+            text-decoration: underline;
+        }
+    }
+}
+
+// 底部版权
 .el-login-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 12px;
+    letter-spacing: 1px;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(10px);
 }
-.login-code-img {
-  height: 40px;
-  padding-left: 12px;
+
+// 响应式设计
+@media (max-width: 768px) {
+    .login-card {
+        width: 90%;
+        padding: 40px 30px;
+    }
+
+    .login-title {
+        font-size: 24px;
+    }
 }
 </style>
diff --git a/src/views/showComponents/showTable/index.vue b/src/views/showComponents/showTable/index.vue
index 60b4de1..a1445b0 100644
--- a/src/views/showComponents/showTable/index.vue
+++ b/src/views/showComponents/showTable/index.vue
@@ -36,9 +36,9 @@
                     >
                         <!-- 工具栏插槽 -->
                         <template #toolbar>
-                            <ComButton type="primary" icon="Plus" @click="handleAdd"
-                                >新增</ComButton
-                            >
+                            <ComButton type="primary" icon="Plus" @click="handleAdd">
+                                新增
+                            </ComButton>
                             <ComButton
                                 type="danger"
                                 icon="Delete"