|
@@ -65,8 +65,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="menu-collapsed" v-show="collapsed" :list="menuList">
|
|
|
|
|
- <template v-for="item in menuList">
|
|
|
|
|
|
|
+ <div class="menu-collapsed" v-show="collapsed">
|
|
|
|
|
+ <template v-for="item in menusName">
|
|
|
<collapsed-menu
|
|
<collapsed-menu
|
|
|
v-if="item.children && item.children.length > 0"
|
|
v-if="item.children && item.children.length > 0"
|
|
|
@on-click="collHandleSelect"
|
|
@on-click="collHandleSelect"
|
|
@@ -111,12 +111,6 @@ export default {
|
|
|
siderTrigger,
|
|
siderTrigger,
|
|
|
},
|
|
},
|
|
|
props: {
|
|
props: {
|
|
|
- menuList: {
|
|
|
|
|
- type: Array,
|
|
|
|
|
- default() {
|
|
|
|
|
- return [];
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
collapsed: {
|
|
collapsed: {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
},
|
|
},
|
|
@@ -150,7 +144,7 @@ export default {
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
- ...mapState('menus', ['openMenus']),
|
|
|
|
|
|
|
+ ...mapState('menus', ['menusName']),
|
|
|
...mapState('menu', ['activePath', 'openNames', 'header', 'headerName', 'sider', 'oneMenuName']),
|
|
...mapState('menu', ['activePath', 'openNames', 'header', 'headerName', 'sider', 'oneMenuName']),
|
|
|
...mapGetters('menu', ['filterSider']),
|
|
...mapGetters('menu', ['filterSider']),
|
|
|
|
|
|
|
@@ -165,12 +159,8 @@ export default {
|
|
|
this.$refs.childMenu.updateActiveName();
|
|
this.$refs.childMenu.updateActiveName();
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- oneMenuName() {
|
|
|
|
|
- this.$nextTick(() => {});
|
|
|
|
|
- },
|
|
|
|
|
activePath() {
|
|
activePath() {
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
|
- console.log();
|
|
|
|
|
this.$refs.childMenu.updateOpened();
|
|
this.$refs.childMenu.updateOpened();
|
|
|
this.$refs.childMenu.updateActiveName();
|
|
this.$refs.childMenu.updateActiveName();
|
|
|
});
|
|
});
|
|
@@ -188,13 +178,10 @@ export default {
|
|
|
mounted() {},
|
|
mounted() {},
|
|
|
methods: {
|
|
methods: {
|
|
|
handleCollpasedChange(state) {
|
|
handleCollpasedChange(state) {
|
|
|
- console.log(state);
|
|
|
|
|
- // this.collapsed = state;
|
|
|
|
|
this.$emit('on-coll-change', state);
|
|
this.$emit('on-coll-change', state);
|
|
|
- // setCookies('collapsed', state);
|
|
|
|
|
},
|
|
},
|
|
|
handleSelect(name, type) {
|
|
handleSelect(name, type) {
|
|
|
- this.menuList.map((e) => {
|
|
|
|
|
|
|
+ this.menusName.map((e) => {
|
|
|
if (e.path === name) {
|
|
if (e.path === name) {
|
|
|
this.turnToPage(this.getChilden(e));
|
|
this.turnToPage(this.getChilden(e));
|
|
|
}
|
|
}
|
|
@@ -210,14 +197,6 @@ export default {
|
|
|
handleChildSelect(name) {
|
|
handleChildSelect(name) {
|
|
|
this.turnToPage(name);
|
|
this.turnToPage(name);
|
|
|
},
|
|
},
|
|
|
- jump(data) {
|
|
|
|
|
- if (data[0].children) {
|
|
|
|
|
- this.jump(data[0].children);
|
|
|
|
|
- } else {
|
|
|
|
|
- this.turnToPage(data[0].path);
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
collHandleSelect(name) {
|
|
collHandleSelect(name) {
|
|
|
this.turnToPage(name);
|
|
this.turnToPage(name);
|
|
|
},
|
|
},
|
|
@@ -238,10 +217,7 @@ export default {
|
|
|
query,
|
|
query,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- openNameData(n) {
|
|
|
|
|
- // this.openedNames = n
|
|
|
|
|
- // this.$store.commit('menus/getopenMenus', n)
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ openNameData(n) {},
|
|
|
openChildNameData(e) {},
|
|
openChildNameData(e) {},
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
@@ -382,8 +358,8 @@ export default {
|
|
|
padding-left: 23px !important;
|
|
padding-left: 23px !important;
|
|
|
}
|
|
}
|
|
|
.ivu-menu-item {
|
|
.ivu-menu-item {
|
|
|
- padding-left: 35px !important;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ padding-left: 35px !important;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.ivu-menu-vertical .ivu-menu-submenu-title {
|
|
.ivu-menu-vertical .ivu-menu-submenu-title {
|