diff --git a/.npmrc b/.npmrc
index daf66a1..bdce400 100644
--- a/.npmrc
+++ b/.npmrc
@@ -5,3 +5,4 @@ strict-peer-dependencies=false
 registry = https://registry.npmmirror.com
 
 
+
diff --git a/src/layout/app-main/Navbar.vue b/src/layout/app-main/Navbar.vue
index d5eaf00..ca90f84 100644
--- a/src/layout/app-main/Navbar.vue
+++ b/src/layout/app-main/Navbar.vue
@@ -16,7 +16,7 @@
     <!-- 下拉操作菜单 -->
     <div v-if="settings.ShowDropDown" class="right-menu rowSC">
       <ScreenFull />
-      <ScreenLock />
+      <ScreenLock/>
       <ThemeSelect />
       <SizeSelect />
       <LangSelect />
@@ -45,6 +45,7 @@
         </template>
       </el-dropdown>
     </div>
+
   </div>
 </template>
 
@@ -73,7 +74,7 @@ const toggleSideBar = () => {
 const router = useRouter()
 const route = useRoute()
 const loginOut = () => {
-  elMessage('退出登录成功', 'success')
+  elMessage('退出登录成功')
   router.push(`/login?redirect=${route.path}`)
   nextTick(() => {
     resetState()
@@ -88,7 +89,7 @@ const loginOut = () => {
   position: relative;
   background: var(--nav-bar-background);
   box-shadow: var(--nav-bar-box-shadow);
-  z-index: 1;
+  z-index: 0;
 }
 
 //logo
diff --git a/src/layout/app-main/TagsView.vue b/src/layout/app-main/TagsView.vue
index 4821399..05113b8 100644
--- a/src/layout/app-main/TagsView.vue
+++ b/src/layout/app-main/TagsView.vue
@@ -2,31 +2,36 @@
   <div id="tags-view-container" class="tags-view-container">
     <div class="tags-view-wrapper">
       <router-link
-        v-for="tag in visitedViews"
-        ref="refTag"
-        :key="tag.path"
-        v-slot="{ navigate }"
-        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
-        custom
+          v-for="tag in visitedViews"
+          ref="refTag"
+          :key="tag.path"
+          v-slot="{ navigate }"
+          :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
+          custom
       >
         <div
-          class="tags-view-item"
-          :class="isActive(tag) ? 'active' : ''"
-          @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-          @contextmenu.prevent="openMenu(tag, $event)"
-          @click="navigate"
+            class="tags-view-item"
+            :class="isActive(tag) ? 'active' : ''"
+            @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
+            @contextmenu.prevent="openMenu(tag, $event)"
+            @click="navigate"
         >
           {{ langTitle(tag.title) }}
           <Close v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
         </div>
       </router-link>
     </div>
-    <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
-      <li @click="refreshSelectedTag(selectedTag)">{{ langTitle('Refresh') }}</li>
-      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">{{ langTitle('Close') }}</li>
-      <li @click="closeOthersTags">{{ langTitle('Close Others') }}</li>
-      <li @click="closeAllTags(selectedTag)">{{ langTitle('Close All') }}</li>
-    </ul>
+    <div style="position:relative;top:-6px">
+      <div v-show="visible" class="triangle" :style="{left: left + 'px'}"/>
+      <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
+
+        <li @click="refreshSelectedTag(selectedTag)">{{ langTitle('Refresh') }}</li>
+        <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">{{ langTitle('Close') }}</li>
+        <li @click="closeOthersTags">{{ langTitle('Close Others') }}</li>
+        <li @click="closeAllTags(selectedTag)">{{ langTitle('Close All') }}</li>
+      </ul>
+    </div>
+
   </div>
 </template>
 
@@ -53,21 +58,21 @@ const state = reactive({
 const { visitedViews } = storeToRefs(useTagsViewStore())
 
 watch(
-  () => route.path,
-  () => {
-    addTags()
-  }
+    () => route.path,
+    () => {
+      addTags()
+    }
 )
 
 watch(
-  () => state.visible,
-  (value) => {
-    if (value) {
-      document.body.addEventListener('click', closeMenu)
-    } else {
-      document.body.removeEventListener('click', closeMenu)
+    () => state.visible,
+    (value) => {
+      if (value) {
+        document.body.addEventListener('click', closeMenu)
+      } else {
+        document.body.removeEventListener('click', closeMenu)
+      }
     }
-  }
 )
 onMounted(() => {
   initTags()
@@ -140,7 +145,7 @@ const openMenu = (tag, e) => {
   } else {
     state.left = left
   }
-  state.top = e.clientY
+  state.top =16
   state.visible = true
   state.selectedTag = tag
 }
@@ -159,9 +164,9 @@ const closeSelectedTag = (view) => {
       if (routerLevel === 2) {
         basicStore.delCachedView(view.name)
       }
-      // if (routerLevel === 3) {
-      //   basicStore.setCacheViewDeep(view.name)
-      // }
+      if (routerLevel === 3) {
+        basicStore.delCacheViewDeep(view.name)
+      }
     }
   })
 }
@@ -215,14 +220,24 @@ const { visible, top, left, selectedTag } = toRefs(state)
 </script>
 
 <style lang="scss" scoped>
+//三角形汽包
+.triangle {
+  position: relative;
+  width: 0;
+  height: 0;
+  left: 10px;
+  z-index: 100;
+  border: 8px solid transparent;
+  border-bottom-color: #eee;
+  opacity:0.4;
+}
 .tags-view-container {
   height: var(--tag-view-height);
   width: 100%;
+  position: relative;
   background: var(--tags-view-background);
   border-bottom: 1px solid var(--tags-view-border-bottom);
   box-shadow: var(--tags-view-box-shadow);
-  position: relative;
-  z-index: 10;
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -261,9 +276,9 @@ const { visible, top, left, selectedTag } = toRefs(state)
     }
   }
   .contextmenu {
+    z-index: 100;
     margin: 0;
     background: var(--tags-view-contextmenu-background);
-    z-index: 3000;
     position: absolute;
     list-style-type: none;
     padding: 5px 0;
@@ -285,6 +300,8 @@ const { visible, top, left, selectedTag } = toRefs(state)
 </style>
 
 <style lang="scss">
+
+
 //reset element css of el-icon-close
 .tags-view-wrapper {
   .tags-view-item {
diff --git a/src/layout/app-main/component/ScreenLock.vue b/src/layout/app-main/component/ScreenLock.vue
index 6c420a4..0cf54a8 100644
--- a/src/layout/app-main/component/ScreenLock.vue
+++ b/src/layout/app-main/component/ScreenLock.vue
@@ -1,21 +1,23 @@
 <template>
   <svg-icon icon-class="lock" style="width: 18px; height: 19px" class="mr-12px" @click="open = true" />
-  <transition enter-active-class="screen-locker-lock" leave-active-class="screen-locker-unlock">
-    <div v-if="open" class="screen-locker">
-      <div class="screen-avatar">
-        <el-avatar round :size="128" src="https://github.jzfai.top/file/images/nav-right-logo.gif" />
-        <div class="screen-nickname">Vue3 Admin Plus</div>
-      </div>
-      <div ref="slider" class="screen-slider">
-        <div class="screen-locker-placeholder">滑动解锁</div>
-        <div ref="sliderButton" class="screen-slider-button" @mousedown="onMousedown">
-          <el-icon :size="25">
-            <icon />
-          </el-icon>
+  <Teleport to="body">
+    <transition enter-active-class="screen-locker-lock" append-to-body leave-active-class="screen-locker-unlock">
+      <div v-if="open" class="screen-locker">
+        <div class="screen-avatar">
+          <el-avatar round :size="128" src="https://github.jzfai.top/file/images/nav-right-logo.gif" />
+          <div class="screen-nickname">Vue3 Admin Plus</div>
+        </div>
+        <div ref="slider" class="screen-slider">
+          <div class="screen-locker-placeholder">滑动解锁</div>
+          <div ref="sliderButton" class="screen-slider-button" @mousedown="onMousedown">
+            <el-icon :size="25">
+              <icon />
+            </el-icon>
+          </div>
         </div>
       </div>
-    </div>
-  </transition>
+    </transition>
+  </Teleport>
 </template>
 <script setup>
 import { computed, ref, watch } from 'vue'
@@ -102,7 +104,7 @@ const icon = computed(() => {
   right: 0;
   top: 0;
   bottom: 0;
-  z-index: 9999;
+  z-index: 100;
   background-color: rgba(0, 0, 0, 0.3);
   /* backdrop-filter暂不兼容firefox */
   backdrop-filter: blur(10px);
@@ -188,7 +190,6 @@ const icon = computed(() => {
   border-radius: 60px;
   background-image: linear-gradient(to right, rgb(72 168 237 / 25%), rgba(255, 255, 255, 0.4), rgb(72 168 237 / 25%));
   background-size: 200%;
-  z-index: -1;
   /* 设置模糊度 显示发光效果 */
   filter: blur(10px);
   opacity: 0.5;
diff --git a/src/layout/app-main/index.vue b/src/layout/app-main/index.vue
index 3212cc0..0dc953a 100644
--- a/src/layout/app-main/index.vue
+++ b/src/layout/app-main/index.vue
@@ -16,7 +16,6 @@
 </template>
 
 <script setup lang="ts">
-import { computed, watch } from 'vue'
 import { storeToRefs } from 'pinia/dist/pinia'
 import { useRoute } from 'vue-router'
 import type { rawConfig } from '~/basic'
@@ -29,8 +28,14 @@ const key = computed(() => route.path)
 // cachePage: is true, keep-alive this Page
 // leaveRmCachePage: is true, keep-alive remote when page leave
 let oldRoute: rawConfig = {}
+// let deepOldRouter: RouteLocationMatched | null = null
 let cacheGroup: any = []
 const basicStore = useBasicStore()
+// const removeDeepChildren = (deepOldRouter) => {
+//   deepOldRouter.children?.forEach((fItem) => {
+//     basicStore.delCacheViewDeep(fItem.name)
+//   })
+// }
 watch(
   () => route.name,
   () => {
@@ -54,17 +59,42 @@ watch(
     }
 
     //二级路由处理
-    if (oldRoute?.name) {
-      if (oldRoute.meta?.leaveRmCachePage && oldRoute.meta?.cachePage) {
-        basicStore.delCachedView(oldRoute.name)
+    if (routerLevel === 2) {
+      if (oldRoute?.name) {
+        if (oldRoute.meta?.leaveRmCachePage && oldRoute.meta?.cachePage) {
+          basicStore.delCachedView(oldRoute.name)
+        }
       }
-    }
-
-    if (route.name) {
-      if (route.meta?.cachePage) {
-        basicStore.addCachedView(route.name)
+      if (route.name) {
+        if (route.meta?.cachePage) {
+          basicStore.addCachedView(route.name)
+        }
       }
     }
+    //warning remove the third routerLevel cache func
+    //三级路由处理
+    // if (routerLevel === 3) {
+    //   //三级时存储当前路由对象的上一级
+    //   const parentRoute = route.matched[1]
+    //   //否则走正常两级路由处理流程
+    //   if (oldRoute?.name) {
+    //     if (oldRoute.meta?.leaveRmCachePage && oldRoute.meta?.cachePage) {
+    //       basicStore.delCacheViewDeep(oldRoute.name)
+    //     }
+    //   }
+    //
+    //   //取的是第二级的name
+    //   if (parentRoute.name && parentRoute.meta?.cachePage) {
+    //     deepOldRouter = parentRoute
+    //     basicStore.addCachedView(deepOldRouter.name)
+    //     if (route.name) {
+    //       if (route.meta?.cachePage) {
+    //         //和第三级的name进行缓存
+    //         basicStore.addCachedViewDeep(route.name)
+    //       }
+    //     }
+    //   }
+    // }
     oldRoute = cloneDeep({ name: route.name, meta: route.meta })
   },
   { immediate: true }
@@ -74,15 +104,13 @@ watch(
 <style scoped lang="scss">
 .app-main {
   padding: var(--app-main-padding);
-  /*50 = navbar  */
-  z-index: 0;
   position: relative;
-  overflow-y: auto;
+  overflow: hidden;
   background-color: var(--app-main-background);
-  height: calc(100vh - #{var(--nav-bar-height)}) !important;
+  min-height: calc(100vh - #{var(--nav-bar-height)}) !important;
 }
 .show-tag-view {
-  height: calc(100vh - #{var(--nav-bar-height)} - #{var(--tag-view-height)}) !important;
+  min-height: calc(100vh - #{var(--nav-bar-height)} - #{var(--tag-view-height)}) !important;
 }
 .fixed-header + .app-main {
   padding-top: 50px;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 1a059b8..9f5defe 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -34,7 +34,6 @@ resizeHandler()
   transition: margin-left var(--sideBar-switch-duration);
   margin-left: var(--side-bar-width);
   position: relative;
-  overflow: hidden;
 }
 .sidebar-container {
   transition: width var(--sideBar-switch-duration);
@@ -46,7 +45,6 @@ resizeHandler()
   top: 0;
   bottom: 0;
   left: 0;
-  z-index: 1001;
   overflow: hidden;
   border-right: 0.5px solid var(--side-bar-border-right-color);
 }
diff --git a/src/layout/sidebar/index.vue b/src/layout/sidebar/index.vue
index 7eebb3f..3102763 100644
--- a/src/layout/sidebar/index.vue
+++ b/src/layout/sidebar/index.vue
@@ -17,7 +17,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia/dist/pinia'
 import { useRoute } from 'vue-router'
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3ae05bd..0e1cee7 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -37,6 +37,4 @@ import {useConfigStore} from '@/store/config'
 const {setTheme, theme, setSize, size, setLanguage} = useConfigStore()
 const route = useRoute()
 
-
-
 </script>
diff --git a/vite.config.ts b/vite.config.ts
index 9b4d6dc..946d495 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,14 +3,14 @@ import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-import { viteMockServe } from 'vite-plugin-mock'
+// import { viteMockServe } from 'vite-plugin-mock'
 import Components from 'unplugin-vue-components/vite'
 import UnoCSS from 'unocss/vite'
 import { presetAttributify, presetIcons, presetUno } from 'unocss'
 import mkcert from 'vite-plugin-mkcert'
 import AutoImport from 'unplugin-auto-import/vite'
 import setting from './src/settings'
-const prodMock = setting.openProdMock
+// const prodMock = setting.openProdMock
 import vitePluginSetupExtend from './src/plugins/vite-plugin-setup-extend'
 // import { visualizer } from 'rollup-plugin-visualizer'
 const pathSrc = resolve(__dirname, 'src')
@@ -62,17 +62,17 @@ export default defineConfig(({ command, mode }) => {
         symbolId: 'icon-[dir]-[name]'
       }),
       //https://github.com/anncwb/vite-plugin-mock/blob/HEAD/README.zh_CN.md
-      viteMockServe({
-        supportTs: true,
-        mockPath: 'mock',
-        localEnabled: command === 'serve',
-        prodEnabled: prodMock,
-        injectCode: `
-          import { setupProdMockServer } from '../mock-prod-server';
-          setupProdMockServer();
-        `,
-        logger: true
-      }),
+      // viteMockServe({
+      //   supportTs: true,
+      //   mockPath: 'mock',
+      //   localEnabled: command === 'serve',
+      //   prodEnabled: prodMock,
+      //   injectCode: `
+      //     import { setupProdMockServer } from '../mock-prod-server';
+      //     setupProdMockServer();
+      //   `,
+      //   logger: true
+      // }),
       // VueSetupExtend(),using  DefineOptions instant of it
       //https://github.com/antfu/unplugin-auto-import/blob/HEAD/src/types.ts
       Components({