From 90cbabb7a7a4b0dc5cf76f926b6cd63b989099f4 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Thu, 04 Dec 2025 16:42:55 +0800
Subject: [PATCH] 优化代码
---
ruoyi-ui/src/layout/components/TagsView/index.vue | 25 +++++++++++++++----------
1 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/ruoyi-ui/src/layout/components/TagsView/index.vue b/ruoyi-ui/src/layout/components/TagsView/index.vue
index d69f7ae..fa837fc 100644
--- a/ruoyi-ui/src/layout/components/TagsView/index.vue
+++ b/ruoyi-ui/src/layout/components/TagsView/index.vue
@@ -5,7 +5,7 @@
v-for="tag in visitedViews"
ref="tag"
:key="tag.path"
- :class="isActive(tag)?'active':''"
+ :class="{ 'active': isActive(tag), 'has-icon': tagsIcon }"
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
tag="span"
class="tags-view-item"
@@ -13,6 +13,7 @@
@click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
@contextmenu.prevent.native="openMenu(tag,$event)"
>
+ <svg-icon v-if="tagsIcon && tag.meta && tag.meta.icon && tag.meta.icon !== '#'" :icon-class="tag.meta.icon" />
{{ tag.title }}
<span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
</router-link>
@@ -51,7 +52,10 @@
return this.$store.state.permission.routes
},
theme() {
- return this.$store.state.settings.theme;
+ return this.$store.state.settings.theme
+ },
+ tagsIcon() {
+ return this.$store.state.settings.tagsIcon
}
},
watch: {
@@ -76,11 +80,11 @@
return route.path === this.$route.path
},
activeStyle(tag) {
- if (!this.isActive(tag)) return {};
+ if (!this.isActive(tag)) return {}
return {
"background-color": this.theme,
"border-color": this.theme
- };
+ }
},
isAffix(tag) {
return tag.meta && tag.meta.affix
@@ -133,11 +137,7 @@
const { name } = this.$route
if (name) {
this.$store.dispatch('tagsView/addView', this.$route)
- if (this.$route.meta.link) {
- this.$store.dispatch('tagsView/addIframeView', this.$route)
- }
}
- return false
},
moveToCurrentTag() {
const tags = this.$refs.tag
@@ -155,7 +155,7 @@
})
},
refreshSelectedTag(view) {
- this.$tab.refreshPage(view);
+ this.$tab.refreshPage(view)
if (this.$route.meta.link) {
this.$store.dispatch('tagsView/delIframeView', this.$route)
}
@@ -182,7 +182,7 @@
})
},
closeOthersTags() {
- this.$router.push(this.selectedTag).catch(()=>{});
+ this.$router.push(this.selectedTag.fullPath).catch(()=>{})
this.$tab.closeOtherPage(this.selectedTag).then(() => {
this.moveToCurrentTag()
})
@@ -281,6 +281,11 @@
}
}
}
+
+ .tags-view-item.active.has-icon::before {
+ content: none !important;
+ }
+
.contextmenu {
margin: 0;
background: #fff;
--
Gitblit v1.9.3