表格列表-表单构建-redis监控

nladmin-ui/src/layout/components/TagsView/index.vue

@@ -19,6 +19,8 @@
     <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
       <li @click="refreshSelectedTag(selectedTag)">刷新</li>
       <li v-if="!(selectedTag.meta&&selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">关闭</li>
+      <li v-if="!isFirstView()" @click="closeLeftTags()">关闭左侧</li>
+      <li v-if="!isLastView()" @click="closeRightTags">关闭右侧</li>
       <li @click="closeOthersTags">关闭其他</li>
       <li @click="closeAllTags(selectedTag)">关闭全部</li>
     </ul>
@@ -132,7 +134,9 @@ export default {
       })
     },
     closeSelectedTag(view) {
+      // console.log(view)
       this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
+        // console.log(visitedViews)
         if (this.isActive(view)) {
           this.toLastView(visitedViews, view)
         }
@@ -152,6 +156,30 @@ export default {
         this.toLastView(visitedViews, view)
       })
     },
+    closeLeftTags() {
+      this.$router.push(this.selectedTag)
+      let flag = 0
+      for (let i = (this.$store.state.tagsView.visitedViews.length - 1); i >= 0; i--) {
+        if (this.$store.state.tagsView.visitedViews[i].fullPath === this.selectedTag.fullPath) {
+          flag = 1
+        } else if (flag === 1 && this.$store.state.tagsView.visitedViews[i].fullPath !== '/dashboard') { //
+          this.$store.dispatch('tagsView/delView', this.$store.state.tagsView.visitedViews[i]).then(({ visitedViews }) => {
+          })
+        }
+      }
+    },
+    closeRightTags() {
+      let flag = 1
+      for (let i = (this.$store.state.tagsView.visitedViews.length - 1); i >= 0; i--) {
+        if (this.$store.state.tagsView.visitedViews[i].fullPath === this.selectedTag.fullPath) {
+          flag = 0
+        } else if (flag === 1 && this.$store.state.tagsView.visitedViews[i].fullPath !== '/dashboard') { //
+          this.$store.dispatch('tagsView/delView', this.$store.state.tagsView.visitedViews[i]).then(({ visitedViews }) => {
+          })
+        }
+      }
+      this.$router.push(this.selectedTag)
+    },
     toLastView(visitedViews, view) {
       const latestView = visitedViews.slice(-1)[0]
       if (latestView) {
@@ -186,6 +214,20 @@ export default {
     },
     closeMenu() {
       this.visible = false
+    },
+    isFirstView() {
+      try {
+        return this.selectedTag.fullPath === this.visitedViews[1].fullPath || this.selectedTag.fullPath === '/dashboard'
+      } catch (err) {
+        return false
+      }
+    },
+    isLastView() {
+      try {
+        return this.selectedTag.fullPath === this.visitedViews[this.visitedViews.length - 1].fullPath
+      } catch (err) {
+        return false
+      }
     }
   }
 }