首页菜单功能完善

src/components/Navmenu/index.vue

@@ -1,16 +1,22 @@
 <script setup lang="ts">
+import { useStore } from '../../store/user'
+const store = useStore()
 const router = useRouter()
 const route = useRoute()
-const navMenuList = [
+// const navMenuList = [
-    { name: '首页', routerName: 'home' },
+//     { name: '首页', routerName: 'home' },
-    { name: '装备共享大厅', routerName: 'equipList' },
+//     { name: '装备共享大厅', routerName: 'equipList' },
-    { name: '租赁需求大厅', routerName: 'parity' },
+//     { name: '租赁需求大厅', routerName: 'parity' },
-    // { name: '装备管理', routerName: '/home' },
+//     // { name: '装备管理', routerName: '/home' },
-    { name: '订单管理', routerName: '/home' },
+//     { name: '订单管理', routerName: '/home' },
-    // { name: '基础管理', routerName: '/home' },
+//     // { name: '基础管理', routerName: '/home' },
-    { name: '消息通知', routerName: 'enterpriseZone' },
+//     { name: '消息通知', routerName: 'enterpriseZone' },
-    // { name: '综合查询', routerName: 'enterpriseZone' },
+//     // { name: '综合查询', routerName: 'enterpriseZone' },
-]
+// ]
+
+const navMenuList = computed(() => {
+    return store.leaseAndLesseeList
+})
 
 const navMenuClick = (name: any) => {
     router.push({ name })

src/components/header/index.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
 import $bus from '@/utils/bus'
 import { mainStore } from 'store/main'
+import { useStore } from 'store/user'
 import { ElMessage, ElMessageBox } from 'element-plus'
 const store: any = mainStore()
+const userStore = useStore()
+userStore.editMenuList(1)
 
 const route = useRoute()
 const router = useRouter()
@@ -90,8 +93,10 @@ const onRolesCheck = () => {
 const onSelectRoles = (type: number) => {
     if (type === 1) {
         rolesName.value = '出租方'
+        userStore.editMenuList(1)
     } else {
         rolesName.value = '承租方'
+        userStore.editMenuList(2)
     }
     isRolesSelect.value = false
 }

src/layout/header.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
 import $bus from '@/utils/bus'
 import { mainStore } from 'store/main'
+import { useStore } from 'store/user'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getHotSearchListApi } from '../http/api/home/index'
 const store: any = mainStore()
+const userStore = useStore()
+
+userStore.editMenuList(1)
 
 const route = useRoute()
 const router = useRouter()
@@ -101,8 +105,10 @@ const onRolesCheck = () => {
 const onSelectRoles = (type: number) => {
     if (type === 1) {
         rolesName.value = '出租方'
+        userStore.editMenuList(1)
     } else {
         rolesName.value = '承租方'
+        userStore.editMenuList(2)
     }
     isRolesSelect.value = false
 }

src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw, useRouter } from 'vue-router'
+import { createRouter, RouteRecordRaw, createWebHistory } from 'vue-router'
 import test from './module/test'
 import myInfo from './module/myInfo'
 
@@ -419,7 +419,7 @@ const routes: Array<RouteRecordRaw> = [
 
 const router = createRouter({
     // 路由模式
-    history: createWebHashHistory(),
+    history: createWebHistory(),
     routes
 })
 

src/store/user.ts

@@ -1,5 +1,7 @@
+import { el } from 'element-plus/es/locale'
 import { get, post } from 'http/index'
 
+
 export const useStore = defineStore('myUser', {
     state: () => {
         return {
@@ -21,6 +23,7 @@ export const useStore = defineStore('myUser', {
             deviceTypeList: [], // 设备类型大类
             deviceTypeSonList: [], // 设备类型子类
             deviceTypeSunList: [], // 设备类型小类
+            leaseAndLesseeList: []
         }
     },
     getters: {
@@ -98,6 +101,23 @@ export const useStore = defineStore('myUser', {
             console.log(res, '设备类型小类**---***');
 
         },
+        // 修改承租方 出租方菜单
+        editMenuList(type: number) {
+            let baseList: any = [
+                { name: '首页', routerName: 'home' },
+                { name: '装备共享大厅', routerName: 'equipList' },
+                { name: '租赁需求大厅', routerName: 'parity' },
+                { name: '装备管理', routerName: '/home' },
+                { name: '订单管理', routerName: '/home' },
+                { name: '消息通知', routerName: 'enterpriseZone' },
+            ]
+            if (type == 1) {
+                this.leaseAndLesseeList = baseList
+            } else {
+                this.leaseAndLesseeList = baseList
+                this.leaseAndLesseeList.splice(3, 1)
+            }
+        }
     },
     persist: {
         enabled: true, // 开启数据缓存
@@ -107,7 +127,7 @@ export const useStore = defineStore('myUser', {
                 key: 'myUser',
                 storage: sessionStorage, //缓存模式 可选 localStorage sessionStorage
                 // state 中的字段名，按组打包储存
-                paths: ['currentMenuType', 'currentMenuItem', 'menuList'] //需要缓存的字段 与 state中相关联
+                paths: ['currentMenuType', 'currentMenuItem', 'menuList', 'leaseAndLesseeList'] //需要缓存的字段 与 state中相关联
             }
         ]
     }