github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-30 14:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve: 侧边栏展示优化

Browse Source
This commit is contained in:
From-wh 2023-04-25 16:27:18 +08:00
parent 652bf75868
commit 8236f7c53b
3 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
template/admin/src/layout/component/aside.vue
View File

@ -28,20 +28,19 @@ export default {
components: { Vertical, Logo },
data() {
return {
menuList: [],
// menuList: [],
clientWidth: '',
catName: '',
};
},
computed: {
// 设置左侧菜单的具体宽度
// menuList() {
// this.$store.state.menus.childMenuList.length > 0
// ? (this.$store.state.themeConfig.themeConfig.isCollapse = false)
// : (this.$store.state.themeConfig.themeConfig.isCollapse = true);
// console.log(this.$store.state.menus.childMenuList, 'this.$store.state.menus.childMenuList');
// return this.$store.state.menus.childMenuList;
// },
menuList() {
this.$store.state.menus.childMenuList.length > 0
? (this.$store.state.themeConfig.themeConfig.isCollapse = false)
: (this.$store.state.themeConfig.themeConfig.isCollapse = true);
return this.$store.state.menus.childMenuList;
},
setCollapseWidth() {
let { layout, isCollapse } = this.$store.state.themeConfig.themeConfig;
let asideBrColor = '';
@ -76,12 +75,12 @@ export default {
created() {
this.initMenuFixed(document.body.clientWidth);
this.setFilterRoutes();
this.bus.$on('setSendColumnsChildren', (res) => {
this.menuList = res || [];
this.menuList.length > 0
? (this.$store.state.themeConfig.themeConfig.isCollapse = false)
: (this.$store.state.themeConfig.themeConfig.isCollapse = true);
});
// this.bus.$on('setSendColumnsChildren', (res) => {
// this.menuList = res || [];
// this.menuList.length > 0
// ? (this.$store.state.themeConfig.themeConfig.isCollapse = false)
// : (this.$store.state.themeConfig.themeConfig.isCollapse = true);
// });
this.bus.$on('layoutMobileResize', (res) => {
this.initMenuFixed(res.clientWidth);
});

3
template/admin/src/layout/component/columnsAside.vue
View File

@ -70,8 +70,6 @@ export default {
return this.$store.state.themeConfig.themeConfig.Layout;
},
routesList() {
console.log('大哥');
this.$store.state.routesList.routesList;
},
},
@ -81,7 +79,6 @@ export default {
},
mounted() {
this.bus.$on('routesListChange', () => {
console.log('变了大哥');
this.setFilterRoutes();
});
this.setFilterRoutes();

5
template/admin/src/layout/navMenu/vertical.vue
View File

@ -2,6 +2,7 @@
<div>
<el-menu
router
:class="setColumnsAsideStyle"
background-color="transparent"
:default-active="activePath || defaultActive"
:collapse="setIsCollapse"
@ -69,6 +70,10 @@ export default {
},
computed: {
...mapState('menu', ['activePath']),
// 设置分栏高亮风格
setColumnsAsideStyle() {
return this.$store.state.themeConfig.themeConfig.columnsAsideStyle;
},
// 获取布局配置信息
getThemeConfig() {
return this.$store.state.themeConfig.themeConfig;