页签新增关闭左侧

RuoYi

2021-09-05 0e6150720c4edf38eb0df775c50481284fcc646c

页签新增关闭左侧

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

@@ -21,6 +21,7 @@
      <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>

@@ -83,6 +84,13 @@
    },

    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 {

@@ -167,6 +175,13 @@
        }

      })

    },

    closeLeftTags() {

      this.$store.dispatch('tagsView/delLeftTags', this.selectedTag).then(visitedViews => {

        if (!visitedViews.find(i => i.fullPath === this.$route.fullPath)) {

          this.toLastView(visitedViews)

        }

      })

    },

    closeOthersTags() {

      this.$router.push(this.selectedTag).catch(()=>{});

      this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {


 ruoyi-ui/src/store/modules/tagsView.js

@@ -79,6 +79,23 @@
      }

      return false

    })

  },



  DEL_LEFT_VIEWS: (state, view) => {

    const index = state.visitedViews.findIndex(v => v.path === view.path)

    if (index === -1) {

      return

    }

    state.visitedViews = state.visitedViews.filter((item, idx) => {

      if (idx >= index || (item.meta && item.meta.affix)) {

        return true

      }

      const i = state.cachedViews.indexOf(item.name)

      if (i > -1) {

        state.cachedViews.splice(i, 1)

      }

      return false

    })

  }

}



@@ -172,7 +189,14 @@
      commit('DEL_RIGHT_VIEWS', view)

      resolve([...state.visitedViews])

    })

  }

  },



  delLeftTags({ commit }, view) {

    return new Promise(resolve => {

      commit('DEL_LEFT_VIEWS', view)

      resolve([...state.visitedViews])

    })

  },

}



export default {