菜单显隐

epmet-oper-web/src/views/main-sidebar-sub-menu.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- <div v-if="menu.showFlag"> -->
+  <div v-if="menu.showFlag">
     <el-submenu
       v-if="menu.children && menu.children.length >= 1"
       :index="menu.id"
@@ -20,7 +20,7 @@
         </svg>
         <span>{{ menu.name }}</span>
     </el-menu-item>
-  <!-- </div> -->
+  </div>
 </template>
 
 <script>

epmet-oper-web/src/views/main-sidebar.vue

@@ -1,14 +1,13 @@
 <template>
   <aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]">
     <div class="aui-sidebar__inner">
-      <el-menu :default-active="$store.state.sidebarMenuActiveName"
+      <el-menu
-               :collapse="false"
+        :default-active="$store.state.sidebarMenuActiveName"
+        :collapse="$store.state.sidebarFold"
         :unique-opened="true"
         :collapseTransition="false"
         class="aui-sidebar__menu">
-        <sub-menu v-for="menu in $store.state.sidebarMenuList"
+        <sub-menu v-for="menu in $store.state.sidebarMenuList" :key="menu.id" :menu="menu" />
-                  :key="menu.id"
-                  :menu="menu" />
       </el-menu>
     </div>
   </aside>
@@ -26,12 +25,11 @@ export default {
   },
   created () {
     this.$store.state.sidebarMenuList = window.SITE_CONFIG['menuList']
-    console.log(this.$store.state.sidebarMenuList)
   }
 }
 </script>
 <style>
 .el-menu--collapse .el-submenu__title span {
-  display: none;
+  display: n;
 }
 </style>