lbqms.git - Gitblit

			@@ -1,6 +1,6 @@
			<template>
			<div id="tags-view-container" class="tags-view-container">
			<scroll-pane ref="scrollPane" class="tags-view-wrapper">
			<scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
			<router-link
			v-for="tag in visitedViews"
			ref="tag"
			@@ -9,6 +9,7 @@
			:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
			tag="span"
			class="tags-view-item"
			:style="activeStyle(tag)"
			@click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
			@contextmenu.prevent.native="openMenu(tag,$event)"
			>
			@@ -17,10 +18,12 @@
			</router-link>
			</scroll-pane>
			<ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
			<li @click="refreshSelectedTag(selectedTag)">刷新页面</li>
			<li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">关闭当前</li>
			<li @click="closeOthersTags">关闭其他</li>
			<li @click="closeAllTags(selectedTag)">关闭所有</li>
			<li @click="refreshSelectedTag(selectedTag)"><i class="el-icon-refresh-right"></i> 刷新页面</li>
			<li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)"><i class="el-icon-close"></i> 关闭当前</li>
			<li @click="closeOthersTags"><i class="el-icon-circle-close"></i> 关闭其他</li>
			<li v-if="!isFirstView()" @click="closeLeftTags"><i class="el-icon-back"></i> 关闭左侧</li>
			<li v-if="!isLastView()" @click="closeRightTags"><i class="el-icon-right"></i> 关闭右侧</li>
			<li @click="closeAllTags(selectedTag)"><i class="el-icon-circle-close"></i> 全部关闭</li>
			</ul>
			</div>
			</template>
			@@ -46,6 +49,9 @@
			},
			routes() {
			return this.$store.state.permission.routes
			},
			theme() {
			return this.$store.state.settings.theme;
			}
			},
			watch: {
			@@ -69,8 +75,29 @@
			isActive(route) {
			return route.path === this.$route.path
			},
			activeStyle(tag) {
			if (!this.isActive(tag)) return {};
			return {
			"background-color": this.theme,
			"border-color": this.theme
			};
			},
			isAffix(tag) {
			return tag.meta && tag.meta.affix
			},
			isFirstView() {
			try {
			return this.selectedTag.fullPath === this.visitedViews[1].fullPath \|\| this.selectedTag.fullPath === '/index'
			} catch (err) {
			return false
			}
			},
			isLastView() {
			try {
			return this.selectedTag.fullPath === this.visitedViews[this.visitedViews.length - 1].fullPath
			} catch (err) {
			return false
			}
			},
			filterAffixTags(routes, basePath = '/') {
			let tags = []
			@@ -125,31 +152,38 @@
			})
			},
			refreshSelectedTag(view) {
			this.$store.dispatch('tagsView/delCachedView', view).then(() => {
			const { fullPath } = view
			this.$nextTick(() => {
			this.$router.replace({
			path: '/redirect' + fullPath
			})
			})
			})
			this.$tab.refreshPage(view);
			},
			closeSelectedTag(view) {
			this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
			this.$tab.closePage(view).then(({ visitedViews }) => {
			if (this.isActive(view)) {
			this.toLastView(visitedViews, view)
			}
			})
			},
			closeRightTags() {
			this.$tab.closeRightPage(this.selectedTag).then(visitedViews => {
			if (!visitedViews.find(i => i.fullPath === this.$route.fullPath)) {
			this.toLastView(visitedViews)
			}
			})
			},
			closeLeftTags() {
			this.$tab.closeLeftPage(this.selectedTag).then(visitedViews => {
			if (!visitedViews.find(i => i.fullPath === this.$route.fullPath)) {
			this.toLastView(visitedViews)
			}
			})
			},
			closeOthersTags() {
			this.$router.push(this.selectedTag)
			this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
			this.$router.push(this.selectedTag).catch(()=>{});
			this.$tab.closeOtherPage(this.selectedTag).then(() => {
			this.moveToCurrentTag()
			})
			},
			closeAllTags(view) {
			this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
			if (this.affixTags.some(tag => tag.path === view.path)) {
			this.$tab.closeAllPage().then(({ visitedViews }) => {
			if (this.affixTags.some(tag => tag.path === this.$route.path)) {
			return
			}
			this.toLastView(visitedViews, view)
			@@ -158,7 +192,7 @@
			toLastView(visitedViews, view) {
			const latestView = visitedViews.slice(-1)[0]
			if (latestView) {
			this.$router.push(latestView)
			this.$router.push(latestView.fullPath)
			} else {
			// now the default is to redirect to the home page if there is no tags-view,
			// you can adjust it according to your needs.
			@@ -189,6 +223,9 @@
			},
			closeMenu() {
			this.visible = false
			},
			handleScroll() {
			this.closeMenu()
			}
			}
			}