From 0959c095ad9715633d6ccdf10eb3b3d52f0bede1 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期二, 09 五月 2023 09:31:46 +0800 Subject: [PATCH] 2023.5.9前所有小改动版本记录 --- src/components/core/SiderMenu.vue | 99 +++---------------------------------------------- 1 files changed, 7 insertions(+), 92 deletions(-) diff --git a/src/components/core/SiderMenu.vue b/src/components/core/SiderMenu.vue index 0b4d213..6e3eeeb 100644 --- a/src/components/core/SiderMenu.vue +++ b/src/components/core/SiderMenu.vue @@ -17,95 +17,11 @@ </el-space> </el-row> <el-scrollbar :height="menuHeight" v-if="!collapse"> - <template v-for="(item, i) in routes" :key="`${i}`"> - <el-sub-menu v-if="item.children" :index="`${i}`"> - <template #title> - <el-icon> - <component :is="item.icon"></component> - </el-icon> - <span>{{ item.name }}</span> - </template> - - <template v-for="(child, i2) in item.children" :key="`${i}-${i2}`"> - <el-menu-item-group v-if="child.group" :title="child.name"> - <el-menu-item - v-for="(child2, i3) in child.children" - :key="`${i}-${i2}-${i3}`" - :index="child2.path" - @click="navPage(item, child, child2)" - > - <el-icon v-if="child2.icon"> - <component :is="child2.icon"></component> - </el-icon> - <template #title>{{ child2.name }}</template> - </el-menu-item> - </el-menu-item-group> - <el-menu-item - v-else - :index="child.path" - @click="navPage(item, child)" - > - <el-icon v-if="child.icon"> - <component :is="child.icon"></component> - </el-icon> - <template #title>{{ child.name }}</template> - </el-menu-item> - </template> - </el-sub-menu> - - <el-menu-item v-else :index="item.path" @click="navPage(item)"> - <el-icon> - <component :is="item.icon"></component> - </el-icon> - <template #title>{{ item.name }}</template> - </el-menu-item> - </template> + <MenuItems :routes="routes" @navPage="navPage"> </MenuItems> </el-scrollbar> <template v-else> - <template v-for="(item, i) in routes" :key="`${i}`"> - <el-sub-menu v-if="item.children" :index="`${i}`"> - <template #title> - <el-icon> - <component :is="item.icon"></component> - </el-icon> - <span>{{ item.name }}</span> - </template> - - <template v-for="(child, i2) in item.children" :key="`${i}-${i2}`"> - <el-menu-item-group v-if="child.group" :title="child.name"> - <el-menu-item - v-for="(child2, i3) in child.children" - :key="`${i}-${i2}-${i3}`" - :index="child2.path" - @click="navPage(item, child, child2)" - > - <el-icon v-if="child2.icon"> - <component :is="child2.icon"></component> - </el-icon> - <template #title>{{ child2.name }}</template> - </el-menu-item> - </el-menu-item-group> - <el-menu-item - v-else - :index="child.path" - @click="navPage(item, child)" - > - <el-icon v-if="child.icon"> - <component :is="child.icon"></component> - </el-icon> - <template #title>{{ child.name }}</template> - </el-menu-item> - </template> - </el-sub-menu> - - <el-menu-item v-else :index="item.path" @click="navPage(item)"> - <el-icon> - <component :is="item.icon"></component> - </el-icon> - <template #title>{{ item.name }}</template> - </el-menu-item> - </template> + <MenuItems :routes="routes" @navPage="navPage"> </MenuItems> </template> <el-row ref="subTitleRef" class="sub-title" justify="center"> @@ -126,7 +42,6 @@ emits: ['navPage'], data() { return { - isCollapsed: this.collapse, menuHeight: '600px', title: '鐢熸�佺幆澧冪嚎涓婄洃绠�', subTitle: '漏涓婃捣椋炵窘鐜繚绉戞妧鏈夐檺鍏徃', @@ -244,10 +159,14 @@ icon: 'Search', name: '鎺掓薄鎶借繍', }, + { + path: '/common/userMatch', + icon: 'Connection', + name: '璐︽埛鍖归厤', + }, ], }; }, - watch: {}, computed: { homePage() { return this.routes[0].children @@ -258,10 +177,6 @@ methods: { handleOpen() {}, handleClose() {}, - collapsedSider() { - this.isCollapsed = !this.isCollapsed; - this.$emit('collapsedSider', this.isCollapsed); - }, navPage(...item) { const titles = item.map((value) => { return value.name; -- Gitblit v1.9.3