增加首页菜单权限

src/components/Navmenu/index.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { useStore } from '../../store/user'
+import { mainStore } from '../../store/main'
 const store = useStore()
+const mainStore1 = mainStore()
 const router = useRouter()
 const route = useRoute()
 // const navMenuList = [
@@ -20,14 +22,21 @@ onMounted(() => {
     // console.log('🚀 ~ onMounted ~ isType.value:', isType.value)
 })
 const navMenuList = ref<any[]>([])
-watch(isType, (newValue) => {
+
+const permissionsList = ref(['home', 'share', 'demand'])
+const permissionsList1 = permissionsList.value.concat(mainStore1.permissionsInfo)
+
+console.log('permissionsList,permissionsList', permissionsList)
+watch(
+    isType,
+    (newValue) => {
         if (newValue == 1) {
             navMenuList.value = [
-            { name: '首页', routerName: 'home' },
-            { name: '装备共享大厅', routerName: 'equipList' },
-            { name: '租赁需求大厅', routerName: 'parity' },
+                { name: '首页', routerName: 'home', permissions: 'home' },
+                { name: '装备共享大厅', routerName: 'equipList', permissions: 'share' },
+                { name: '租赁需求大厅', routerName: 'parity', permissions: 'demand' },
                 // { name: '专区设备', routerName: 'zoneEquipment' },
-            { name: '公告', routerName: 'enterpriseZone' },
+                { name: '公告', routerName: 'enterpriseZone', permissions: 'system:notice:list' },
             ]
         } else if (newValue == 2) {
             navMenuList.value = [
@@ -50,7 +59,9 @@ watch(isType, (newValue) => {
         } else {
             navMenuList.value = []
         }
-}, { immediate: true })
+    },
+    { immediate: true },
+)
 // const navMenuList = computed(() => {
 //     // return store.leaseAndLesseeList
 //     if (isType == 1)
@@ -113,6 +124,7 @@ const navMenuClick = (name: any) => {
             :key="item.name"
             @click="navMenuClick(item.routerName)"
             :class="{ 'active-li': route.meta.activeName === item.routerName }"
+            v-show="permissionsList1.includes(item.permissions)"
         >
             {{ item.name }}
         </li>

src/store/main.ts

@@ -11,7 +11,9 @@ export const mainStore = defineStore('main', {
             /* 用户企业信息 */
             userInfo: {
 
-            }
+            },
+            // 用户权限信息
+            permissionsInfo: []
         }
     },
     getters: {},
@@ -43,8 +45,12 @@ export const mainStore = defineStore('main', {
         /* 清除用户信息 */
         clearUserInfo() {
             this.userInfo = {}
-        }
+        },
 
+        /* 添加用户权限 */
+        setPermissionsInfo(list: any) {
+            this.permissionsInfo = list
+        }
 
 
     },

src/views/Login.vue

@@ -43,6 +43,7 @@ const handlerLogin = async () => {
 
         // 获取公司
         userStore.setUserInfo(result.user)
+        userStore.setPermissionsInfo(result?.permissions)
         if (rememberPassword.value) {
             localStorage.setItem('username', loginForm.value.username)
             localStorage.setItem('password', loginForm.value.password)