From 0c6473bcff72275f79cbc14843937ed8b26c6801 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 04 一月 2023 16:41:03 +0800
Subject: [PATCH] 1.优化列展示功能
---
src/layout/components/TagsView/index.vue | 52 +++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 41 insertions(+), 11 deletions(-)
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 7e6971b..b173a80 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -9,6 +9,7 @@
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
tag="span"
class="tags-view-item"
+ :style="{background:isActive(tag)?$store.state.settings.theme:'',border:isActive(tag)?'1px solid'+$store.state.settings.theme:''}"
@click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
@contextmenu.prevent.native="openMenu(tag,$event)"
>
@@ -22,6 +23,23 @@
<li @click="closeOthersTags">鍏抽棴鍏朵粬</li>
<li @click="closeAllTags(selectedTag)">鍏抽棴鎵�鏈�</li>
</ul>
+
+ <el-dialog
+ title="鎻愮ず"
+ :visible.sync="dialogVisible"
+ width="500px"
+ :close-on-click-modal="false"
+ >
+ <div>
+ 鐜伴〉绛炬墦寮�瓒呰繃10涓紝璇峰叧闂叾瀹冩爣绛�
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <div class="footerButton">
+ <el-button @click="dialogVisibleCancel">杩斿洖</el-button>
+ </div>
+ </span>
+ </el-dialog>
+
</div>
</template>
@@ -39,11 +57,17 @@
top: 0,
left: 0,
selectedTag: {},
- affixTags: []
+ affixTags: [],
+ dialogVisible: false
}
},
computed: {
visitedViews() {
+ // 鏆傛椂鍙栨秷鍗佷釜鏍囩椤甸檺鍒舵彁绀�
+ // if (this.$store.state.tagsView.visitedViews.length > 10) {
+ // // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+ // this.dialogVisible = true
+ // }
return this.$store.state.tagsView.visitedViews
},
routes() {
@@ -95,16 +119,22 @@
this.$store.state.tagsView.visitedViews = oldViews
}
},
+
+ // 瀵硅瘽妗嗚繑鍥�
+ dialogVisibleCancel() {
+ this.dialogVisible = false
+ },
+
isActive(route) {
- if (this.$route.path === '/scgl/sckbg') {
- const time = setInterval(() => {
- this.$nextTick(() => {
- $("input[name='produceCode']")[0].focus()
- $("input[name='WXproduceCode']")[0].focus()
- clearInterval(time)
- })
- })
- }
+ // if (this.$route.path === '/scgl/sckbg') {
+ // const time = setInterval(() => {
+ // this.$nextTick(() => {
+ // $("input[name='produceCode']")[0].focus()
+ // $("input[name='WXproduceCode']")[0].focus()
+ // clearInterval(time)
+ // })
+ // })
+ // }
return route.path === this.$route.path
},
isAffix(tag) {
@@ -235,7 +265,7 @@
}
</script>
-<style lang="scss" scoped>
+<style lang="scss">
$main_color: #42b983;
.tags-view-container {
height: 34px;
--
Gitblit v1.9.3