判断当前菜单栏是否显示所有菜单

src/api/jurisdiction.js

@@ -1,5 +1,6 @@
 import request from '@/utils/request'
 const admin = '/back/admin'
+const home = '/back/home'
 const role = '/back/role'
 const permission = '/back/permission'
 
@@ -157,3 +158,14 @@ export function GET_ALL_HAVE(params) {
         data: params
     }).then(res => res.data)
 }
+
+/**
+ * 获取当前角色展示的菜单
+ */
+export function GET_ALL_MENUS(params) {
+    return request({
+        url: `${home}/menus`,
+        method: 'post',
+        data: params
+    }).then(res => res.data)
+}

src/router/menus/approval.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const approval = {
     path: '/approval',
     component: Layout,
+    code: '0700',
     meta: {title: '审批事项', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/building.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const building = {
     path: '/building',
     component: Layout,
+    code: '0300',
     meta: {title: '党的建设', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/department.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const department = {
     path: '/department',
     component: Layout,
+    code: '0900',
     meta: {title: '部门首页', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/index.js

@@ -3,12 +3,14 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/index',
     component: Layout,
+    code: '0000',
     meta: {title: '首页', icon: 'yemian-copy', noCache: true, affix: false},
     children: [
         {
             path: '/index/index',
             component: () => import('@/views/index/index'),
             name: '首页',
+            code: '0000',
             meta: {title: '首页', noCache: false, affix: false}
         },
     ]

src/router/menus/information.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/information',
     component: Layout,
+    code: '0600',
     meta: {title: '信息公开', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/news.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/news',
     component: Layout,
+    code: '0200',
     meta: {title: '新闻中心', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/notice.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/notice',
     component: Layout,
+    code: '0500',
     meta: {title: '通知公告', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/others.js

@@ -3,8 +3,8 @@ import Layout from '@/views/layout/Layout'
 const others = {
     path: '/others',
     component: Layout,
-    meta: {title: '其他', icon: 'dingdan', noCache: true, affix: false},
     code: '9900',
+    meta: {title: '其他', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {
             path: '/configuration',

src/router/menus/production.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/production',
     component: Layout,
+    code: '0400',
     meta: {title: '安全生产', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/profile.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/profile',
     component: Layout,
+    code: '0100',
     meta: {title: '公司概况', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/menus/system.js

@@ -3,6 +3,7 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/system',
     component: Layout,
+    code: '0800',
     meta: {title: '制度资料', icon: 'dingdan', noCache: true, affix: false},
     children: [
         {

src/router/modules/privilegeManagement.js

@@ -3,8 +3,8 @@ import Layout from '@/views/layout/Layout'
 const commodityManagement = {
     path: '/privilegeManagement',
     component: Layout,
-    meta: {title: '权限管理', icon: 'shouquanguanli', noCache: true, affix: false},
     code: '6600',
+    meta: {title: '权限管理', icon: 'shouquanguanli', noCache: true, affix: false},
     children: [
         {
             path: '/privilegeManagement/account',

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -1,19 +1,19 @@
 <template>
   <div v-if="!item.hidden" class="menu-wrapper">
-      <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
-         <!-- v-if="item.code && item.code === '0001'" -->
-        <div @click="storageCode(item.code ? item.code : '')">
-            <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
-              <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-                    <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
-              </el-menu-item>
-            </app-link>
-        </div>
-      </template>
+    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow && getShow(item.code)">
+        <!-- v-if="item.code && item.code === '0001'" -->
+      <div @click="storageCode(item.code ? item.code : '')">
+          <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
+            <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
+                  <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
+            </el-menu-item>
+          </app-link>
+      </div>
+    </template>
 
-    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+    <el-submenu v-else-if="getShow(item.code)" ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
       <template slot="title">
-        <div @click="storageCode(item.code ? item.code : '')">
+        <div  @click="storageCode(item.code ? item.code : '')">
           <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
         </div>
       </template>
@@ -24,6 +24,7 @@
           :item="child"
           :base-path="resolvePath(child.path)"
           class="nest-menu"
+          :permission-list="permissionList"
         />
     </el-submenu>
 
@@ -55,6 +56,10 @@ export default {
     basePath: {
       type: String,
       default: ''
+    },
+    permissionList : {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -96,6 +101,15 @@ export default {
     },
     storageCode(code){
       localStorage.setItem('code', code)
+    },
+    // 判断当前菜单是否显示
+    getShow(code) {
+      const arr = [...this.permissionList]
+      for(let i=0;i<arr.length;i++) {
+        if(arr[i] === code) {
+          return true
+        }
+      }
     }
     // generateTitle
   }

src/views/layout/components/Sidebar/index.vue

@@ -15,6 +15,7 @@
           :key="route.path"
           :item="route"
           :base-path="route.path"
+          :permission-list="permissionList"
         />
       </el-menu>
     </el-scrollbar>
@@ -59,10 +60,11 @@
 import { mapGetters, mapActions } from "vuex";
 import SidebarItem from "./SidebarItem";
 import variables from "@/styles/variables.scss";
-import { GET_ALL_HAVE } from '@/api/jurisdiction'
+import { GET_ALL_MENUS } from '@/api/jurisdiction'
 
 export default {
   components: { SidebarItem },
+  data() { return { permissionList: []} },
   mounted() {},
   computed: {
     ...mapGetters(["app_routes", "sidebar"]),
@@ -84,8 +86,8 @@ export default {
       this.toggleSideBar();
     },
     getAllPermission() {
-      GET_ALL_HAVE({}).then(res => {
-        console.log(res)
+      GET_ALL_MENUS({}).then(res => {
+        this.permissionList = res.data
       })
     }
   }