优化globalTabs组件

src/components/core/GlobalTabs.vue

@@ -168,23 +168,17 @@ watch(contextMenuVisible, val => {
     <el-tabs
       v-model="activeValue"
       type="card"
+      closable
       @tab-change="changeTab"
       @tab-remove="removeTab"
       @contextmenu.prevent="openContextMenu($event)"
     >
-      <el-tab-pane
-        v-for="item in tabs"
-        :key="item.name"
-        :label="item.title"
-        :name="item.fullPath"
-        :tab="item"
-        :closable="item.name !== config.homeRouteName"
-      >
+      <el-tab-pane v-for="item in tabs" :key="item.name" :label="item.title" :name="item.fullPath" :tab="item">
       </el-tab-pane>
     </el-tabs>
 
     <!--自定义右键菜单html代码-->
-    <ul v-show="contextMenuVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
+    <ul v-show="contextMenuVisible" :style="{ left: left + 'px', top: top + 'px' }" class="context-menu">
       <li @click="closeAll">关闭所有</li>
       <li @click="closeLeft">关闭左侧</li>
       <li @click="closeRight">关闭右侧</li>
@@ -206,7 +200,7 @@ watch(contextMenuVisible, val => {
   background-color: var(--el-color-primary-light-9);
   border-bottom-color: var(--el-border-color) !important;
 }
-.contextmenu {
+.context-menu {
   position: fixed;
   width: 100px;
   margin: 0;

src/layouts/BasicLayout.vue

@@ -18,6 +18,7 @@ const themeStore = useThemeStore()
       <el-main style="padding: 0">
         <global-tabs v-if="themeStore.showTabs"></global-tabs>
         <div
+          class="overflow-auto"
           style="padding: var(--main-padding)"
           :style="{ height: themeStore.showTabs ? 'calc(100% - 41px)' : '100%' }"
         >

src/router/constantRouter.ts

@@ -45,7 +45,7 @@ const constantRouter: RouteRecordRaw[] = [
       {
         path: '500',
         name: '500',
-        component: () => import('@/views/exception/404.vue')
+        component: () => import('@/views/exception/500.vue')
       }
     ]
   }