From 2a53d3e6774678eeebf2b0f028c6aec2c70a4774 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 10 十一月 2023 09:55:38 +0800 Subject: [PATCH] 2023.11.10 --- src/components/core/SiderMenu.vue | 281 ++++++++++++++++++++++++-------------------------------- 1 files changed, 121 insertions(+), 160 deletions(-) diff --git a/src/components/core/SiderMenu.vue b/src/components/core/SiderMenu.vue index 0b4d213..995fc80 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: '漏涓婃捣椋炵窘鐜繚绉戞妧鏈夐檺鍏徃', @@ -140,70 +55,70 @@ icon: 'Search', name: '闂瀹℃牳', }, - { - path: '/changecheck', - icon: 'Search', - name: '鏁存敼瀹℃牳', - }, + // { + // path: '/changecheck', + // icon: 'Search', + // name: '鏁存敼瀹℃牳', + // }, ], }, - { - path: '/ledger', - icon: 'Search', - name: '鍙拌处瀹℃牳', - }, - { - icon: 'Search', - name: '涓氬姟鍒嗘瀽', - children: [ - { - path: '/analysis/profollow', - icon: 'Search', - name: '闂鍔ㄦ�佽窡韪�', - }, - { - path: '/analysis/proanalysis', - icon: 'Search', - name: '闂鏁存敼鍒嗘瀽', - }, - { - path: '/analysis/standardjudge', - icon: 'Search', - name: '瑙勮寖鎬ц瘎浼�', - }, - ], - }, - { - path: '/dailyreport', - icon: 'Search', - name: '鏃ユ姤绠$悊', - }, - { - icon: 'Search', - name: '鍦烘櫙鎶ュ憡', - children: [ - { - path: '/scenereport/construction', - icon: 'Search', - name: '宸ュ湴', - }, - { - path: '/scenereport/wharf', - icon: 'Search', - name: '鐮佸ご', - }, - { - path: '/scenereport/mixing', - icon: 'Search', - name: '鎼呮媽绔�', - }, - { - path: '/scenereport/storage', - icon: 'Search', - name: '鍫嗗満', - }, - ], - }, + // { + // path: '/ledger', + // icon: 'Search', + // name: '鍙拌处瀹℃牳', + // }, + // { + // icon: 'Search', + // name: '涓氬姟鍒嗘瀽', + // children: [ + // { + // path: '/analysis/profollow', + // icon: 'Search', + // name: '闂鍔ㄦ�佽窡韪�', + // }, + // { + // path: '/analysis/proanalysis', + // icon: 'Search', + // name: '闂鏁存敼鍒嗘瀽', + // }, + // { + // path: '/analysis/standardjudge', + // icon: 'Search', + // name: '瑙勮寖鎬ц瘎浼�', + // }, + // ], + // }, + // { + // path: '/dailyreport', + // icon: 'Search', + // name: '鏃ユ姤绠$悊', + // }, + // { + // icon: 'Search', + // name: '鍦烘櫙鎶ュ憡', + // children: [ + // { + // path: '/scenereport/construction', + // icon: 'Search', + // name: '宸ュ湴', + // }, + // { + // path: '/scenereport/wharf', + // icon: 'Search', + // name: '鐮佸ご', + // }, + // { + // path: '/scenereport/mixing', + // icon: 'Search', + // name: '鎼呮媽绔�', + // }, + // { + // path: '/scenereport/storage', + // icon: 'Search', + // name: '鍫嗗満', + // }, + // ], + // }, { path: '/notice', icon: 'Search', @@ -217,10 +132,10 @@ group: true, name: '椋炵窘鐩戠', children: [ - { - path: '/fysp/userInfo', - name: '璐︽埛淇℃伅', - }, + // { + // path: '/fysp/userInfo', + // name: '璐︽埛淇℃伅', + // }, { path: '/fysp/sceneInfo', name: '鍦烘櫙淇℃伅', @@ -240,14 +155,64 @@ ], }, { - path: '/scenereport/storage', icon: 'Search', - name: '鎺掓薄鎶借繍', + name: '涓氬姟鍒嗘瀽', + children: [ + { + group: true, + name: '椋炵窘鐩戠', + children: [ + { + path: '/fysp/userInfo', + name: '璐︽埛淇℃伅', + }, + { + path: '/fysp/sceneInfo', + name: '鍦烘櫙淇℃伅', + }, + ], + }, + { + group: true, + name: '椋炵窘鐜', + children: [ + // { + // path: '/fytz/userInfo', + // name: '璐︽埛淇℃伅', + // }, + ], + }, + ], + }, + // { + // path: '/scenereport/storage', + // icon: 'Search', + // name: '鎺掓薄鎶借繍', + // }, + // { + // path: '/common/userMatch', + // icon: 'Connection', + // name: '璐︽埛鍖归厤', + // }, + { + icon: 'Search', + name: '璧勬簮绠$悊', + children: [ + { + path: '/fytz/enforceCase', + icon: 'Search', + name: '鐫e療妗堜緥', + }, + // { + // path: '/changecheck', + // icon: 'Search', + // name: '鏁存敼瀹℃牳', + // }, + ], }, ], }; }, - watch: {}, computed: { homePage() { return this.routes[0].children @@ -258,10 +223,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