修改菜单显示

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

@@ -3,7 +3,8 @@
     <el-submenu
       v-if="menu.children && menu.children.length >= 1"
       :index="menu.id"
-      :popper-append-to-body="false"
+      ref="subMenu"
+      popper-append-to-body
     >
       <template slot="title">
         <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
@@ -13,11 +14,11 @@
       </template>
       <sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu>
     </el-submenu>
-    <el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)">
+    <el-menu-item v-else   :index="menu.id" @click="gotoRouteHandle(menu.id)">
-      <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
+        <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
-        <use :xlink:href="`#${menu.icon}`" />
+          <use :xlink:href="`#${menu.icon}`" />
-      </svg>
+        </svg>
-      <span>{{ menu.name }}</span>
+        <span>{{ menu.name }}</span>
     </el-menu-item>
   </div>
 </template>

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

@@ -28,3 +28,8 @@ export default {
   }
 }
 </script>
+<style>
+.el-menu--collapse .el-submenu__title span {
+  display: none;
+}
+</style>