表格优化

src/layouts/admin/components/navBar/classic.vue

@@ -59,6 +59,7 @@ const onMenuCollapse = () => {
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
             }
             &:hover {
+                color: v-bind('config.getColorVal("headerBarTabActiveColor")');
                 background-color: v-bind('config.getColorVal("headerBarHoverBackground")');
             }
         }

src/layouts/admin/components/navMenus.vue

@@ -165,6 +165,9 @@ const onLogout = () => {}
     .nav-menu-item.hover,
     .admin-info.hover {
         background: v-bind('configStore.getColorVal("headerBarHoverBackground")');
+        .nav-menu-icon {
+            color: v-bind('configStore.getColorVal("headerBarTabActiveColor")') !important;
+        }
     }
 }
 .dropdown-menu-box :deep(.el-dropdown-menu__item) {

src/layouts/admin/index.vue

@@ -1,8 +1,8 @@
 <template>
-    <component :is="config.layout.layoutMode"></component>
+    <component :is='config.layout.layoutMode'></component>
 </template>
 
-<script setup lang="ts">
+<script setup lang='ts'>
 import { reactive } from 'vue'
 import { useConfig } from '@/stores/config'
 import { useNavTabs } from '@/stores/navTabs'
@@ -58,37 +58,22 @@ const init = () => {
             title: '控制台',
             name: 'dashboard',
             path: 'dashboard',
-            icon: 'fa fa-dashboard',
+            icon: 'el-icon-Platform',
             menu_type: 'tab',
             url: '',
             component: '/src/views/dashboard/index.vue',
             keepalive: 'dashboard',
             extend: 'none',
-            children: [
-                {
-                    id: 94,
-                    pid: 1,
-                    type: 'button',
-                    title: '查看',
-                    name: 'dashboard/index',
-                    path: '',
-                    icon: '',
-                    menu_type: null,
-                    url: '',
-                    component: '',
-                    keepalive: 0,
-                    extend: 'none'
-                }
-            ]
+            children: []
         },
         {
             id: 3,
             pid: 0,
             type: 'menu',
-            title: '测试1',
+            title: '审计管理',
             name: 'test',
             path: 'test',
-            icon: 'fa fa-dashboard',
+            icon: 'el-icon-List',
             menu_type: 'tab',
             url: '',
             component: '/src/views/dashboard/test.vue',
@@ -102,7 +87,7 @@ const init = () => {
             title: '权限管理',
             name: 'auth',
             path: 'auth',
-            icon: 'fa fa-group',
+            icon: 'el-icon-Tools',
             menu_type: null,
             url: '',
             component: '',
@@ -116,7 +101,7 @@ const init = () => {
                     title: '角色管理',
                     name: 'auth/role',
                     path: 'auth/role',
-                    icon: 'fa fa-group',
+                    icon: 'el-icon-Avatar',
                     menu_type: 'tab',
                     url: '',
                     component: '/src/views/auth/role.vue',
@@ -131,7 +116,7 @@ const init = () => {
                     title: '菜单规则管理',
                     name: 'auth/menu',
                     path: 'auth/menu',
-                    icon: 'el-icon-Grid',
+                    icon: 'el-icon-Menu',
                     menu_type: 'tab',
                     url: '',
                     component: '/src/views/auth/menu/index.vue',

src/layouts/admin/router-view/main.vue

@@ -4,9 +4,7 @@
             <router-view v-slot='{ Component }'>
                 <transition :name='config.layout.mainAnimation' mode='out-in'>
                     <keep-alive :include='state.keepAliveComponentNameList'>
-                        <div class='default-main'>
-                            <component :is='Component' :key='state.componentKey' />
-                        </div>
+                        <component :is='Component' :key='state.componentKey' />
                     </keep-alive>
                 </transition>
             </router-view>