From 13fc2fd138c26c6070aa793c20f1a12a536f2af0 Mon Sep 17 00:00:00 2001 From: 田源 <tianyuan@vci-tech.com> Date: 星期五, 27 十二月 2024 10:51:42 +0800 Subject: [PATCH] 个人信息不跳转bug&&菜单折叠后图标大小以及折叠后图标错乱显示问题 --- Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue | 27 +++++++++++++++++++++++---- 1 files changed, 23 insertions(+), 4 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue index 170ffa4..b6bdd32 100644 --- a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue +++ b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue @@ -14,9 +14,11 @@ :key="item[labelKey]" :index="item[pathKey]"> <template slot="title"> - <i :class="item[iconKey]"></i> + <div style="display: flex"> + <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> <span slot="title" :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span> + </div> </template> <template v-for="(child,cindex) in item[childrenKey]"> <el-menu-item v-if="validatenull(child[childrenKey])" @@ -24,8 +26,10 @@ :class="{'is-active':vaildActive(child)}" :index="child[pathKey],cindex" @click="open(child)"> - <i :class="child[iconKey]"></i> - <span slot="title">{{ generateTitle(child) }}</span> + <div style="display: flex"> + <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> + <span slot="title">{{ generateTitle(child) }}</span> + </div> </el-menu-item> <sidebar-item v-else :key="cindex" @@ -77,6 +81,9 @@ }, computed: { ...mapGetters(["roles"]), + iconSize() { + return this.collapse ? '20px' : '16px'; + }, labelKey() { return this.props.label || this.config.propsDefault.label; }, @@ -125,6 +132,10 @@ } }, open(item) { + const query = { + ...item.query, + id:item.id + } if (this.screen <= 1) this.$store.commit("SET_COLLAPSE"); if (this.validIsOpen(item)) { window.open(item[this.pathKey]); @@ -136,7 +147,7 @@ name: item[this.labelKey], src: item[this.pathKey] }, item.meta), - query: item.query + query: query }); } } @@ -148,6 +159,14 @@ outline: 0; background-color: #060708; } + +.iconShowSpan{ + display: inline-block; + margin-top: -2px; + margin-right: 10px; + color: #eeeeea; +} + </style> -- Gitblit v1.9.3