commit message

seller/src/views/main-components/shrinkable-menu/shrinkable-menu.vue

@@ -0,0 +1,57 @@
+<style lang="scss" scoped>
+@import "./styles/menu.scss";
+</style>
+
+<template>
+  <div class="ivu-shrinkable-menu">
+    <!-- 一级菜单 -->
+    <Menu ref="sideMenu" width="110px" theme="dark"  :active-name="currNav" @on-select="selectNav">
+      <MenuItem v-for="(item, i) in navList" :key="i" :name="item.name">
+        {{item.title}}
+      </MenuItem>
+    </Menu>
+    <!-- 二级菜单 -->
+    <Menu
+      ref="childrenMenu"
+      :active-name="$route.name"
+      width="130px"
+      @on-select="changeMenu"
+    >
+      <template v-for="item in menuList">
+        <MenuGroup :title="item.title" :key="item.id" style="padding-left:0;">
+          <MenuItem :name="menu.name" v-for="menu in item.children" :key="menu.name">
+            {{menu.title}}
+          </MenuItem>
+        </MenuGroup>
+
+      </template>
+    </Menu>
+  </div>
+</template>
+
+<script>
+import util from "@/libs/util.js";
+export default {
+  name: "shrinkableMenu",
+  computed: {
+    menuList() {
+      return this.$store.state.app.menuList;
+    },
+    navList() {
+      return this.$store.state.app.navList;
+    },
+  },
+  methods: {
+    changeMenu(name) { //二级路由点击
+      this.$router.push({
+        name: name
+      });
+    },
+    selectNav(name) {
+      this.$store.commit("setCurrNav", name);
+      this.setStore("currNav", name);
+      util.initRouter(this);
+    },
+  }
+};
+</script>