From 56117efda396f5dee00b71db81964ed2373c3e1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Wed, 10 May 2023 11:51:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=B8=E7=94=A8=E7=BB=84=E4=BB=B6=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E5=8A=9F=E8=83=BD=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/CommonMenu/index.vue | 28 +++++++----------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/views/components/CommonMenu/index.vue b/src/views/components/CommonMenu/index.vue
index 0264ff1..5aff0a6 100644
--- a/src/views/components/CommonMenu/index.vue
+++ b/src/views/components/CommonMenu/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="tool-wrap">
     <template v-for="item in commonRouters">
-      <div class="tool-item">
-        <span class="close-used" @click="removeRoute(item)" v-if="showRemove">
+      <div class="tool-item" @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut(item)">
+        <span class="close-used" @click="removeRoute(item)" v-if="item.hidden">
           <el-icon><CloseBold /></el-icon>
         </span>
         <router-link :to="item.path">
@@ -35,27 +35,15 @@ watch(
 )
 const commonRouters = computed(() => usePermissionStore().commonlyUsedRoutes)
 
-// const { proxy } = getCurrentInstance()
-// const menuList = ref([
-//   { path: '/dashboard', title: '控制台', color: '#40c9c6', name: 'dashboard' },
-//   { path: '/tool/gen', title: '代码生成', color: '#40c9c6', name: 'code', perms: ['tool:gen:list'] },
-//   { path: '/tool/file', title: '文件存储', color: '#6A5ACD', name: 'upload', perms: ['tool:file:list'] },
-//   // // { path: '/system/user', title: '角色管理', color: '#7FFF00', name: 'peoples' },
-//   { path: '/system/dict', title: '字典管理', color: '#B0E0E6', name: 'dict', perms: ['system:dict:list'] },
-//   { path: '/monitor/job', title: '定时任务', color: '#D2691E', name: 'job', perms: ['monitor:job:list'] },
-//   { path: '/system/log/operlog', title: '操作日志', color: '#D2691E', name: 'form', perms: ['monitor:operlog:list'] }
-//   // { path: '/system/log/logininfor', title: '登录日志', color: '#D2691E', name: 'logininfor' }
-// ])
-
-// function checkPermi(v) {
-//   if (v && v.perms) {
-//     return proxy.$auth.hasPermiOr(v.perms)
-//   }
-//   return true
-// }
 function removeRoute(item) {
   usePermissionStore().removeCommonlyUsedRoutes(item)
 }
+function onMouseOver(item) {
+  item.hidden = true
+}
+function onMouseOut(item) {
+  item.hidden = false
+}
 </script>
 <style lang="scss" scoped>
 .tool-wrap {