|
|
@ -2,7 +2,7 @@
|
|
|
|
<el-scrollbar class="layout-menu" :class="{ collapse: collapseAside }">
|
|
|
|
<el-scrollbar class="layout-menu" :class="{ collapse: collapseAside }">
|
|
|
|
<div class="title">马士兵严选后台管理平台</div>
|
|
|
|
<div class="title">马士兵严选后台管理平台</div>
|
|
|
|
<el-divider>{{ activeAsideName }}</el-divider>
|
|
|
|
<el-divider>{{ activeAsideName }}</el-divider>
|
|
|
|
<el-menu unique-opened router :default-active="activeMenu">
|
|
|
|
<el-menu unique-opened :default-active="activeMenu" @select="handleSelect">
|
|
|
|
<MenuItem v-for="(item, index) in menuList" :key="index" :menu-item="item" />
|
|
|
|
<MenuItem v-for="(item, index) in menuList" :key="index" :menu-item="item" />
|
|
|
|
</el-menu>
|
|
|
|
</el-menu>
|
|
|
|
</el-scrollbar>
|
|
|
|
</el-scrollbar>
|
|
|
@ -10,11 +10,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
import MenuItem from './menu-item.vue';
|
|
|
|
import MenuItem from './menu-item.vue';
|
|
|
|
|
|
|
|
const router = useRouter();
|
|
|
|
const store = useStore();
|
|
|
|
const store = useStore();
|
|
|
|
const activeAsideName = computed(() => store.getters['layout/activeAsideName']);
|
|
|
|
const activeAsideName = computed(() => store.getters['layout/activeAsideName']);
|
|
|
|
const menuList = computed(() => store.state.layout.menuList);
|
|
|
|
const menuList = computed(() => store.state.layout.menuList);
|
|
|
|
const activeMenu = computed(() => store.state.layout.activeMenu);
|
|
|
|
const activeMenu = computed(() => store.state.layout.activeMenu);
|
|
|
|
const collapseAside = computed(() => store.getters['layout/collapseAside']);
|
|
|
|
const collapseAside = computed(() => store.getters['layout/collapseAside']);
|
|
|
|
|
|
|
|
const handleSelect = (index) => {
|
|
|
|
|
|
|
|
// TODO 支持外链
|
|
|
|
|
|
|
|
router.push({ name: index });
|
|
|
|
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
<style lang="less" scoped>
|
|
|
|