修复TagsView组件中，鼠标滚轮按下的时候，可以关闭不可关闭的tag

RuoYi

2020-03-15 4bbdc1e87bc4df9e7d41b50388364155720c8723

修复TagsView组件中，鼠标滚轮按下的时候，可以关闭不可关闭的tag

 ruoyi-ui/src/assets/styles/element-ui.scss

@@ -77,3 +77,8 @@
.el-range-editor.el-input__inner {

  display: inline-flex !important;

}



// to fix el-date-picker css style

.el-range-separator {

  box-sizing: content-box;

}


 ruoyi-ui/src/layout/components/Sidebar/SidebarItem.vue

@@ -1,5 +1,5 @@
<template>

  <div v-if="!item.hidden" class="menu-wrapper">

  <div v-if="!item.hidden">

    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">

      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">

        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">


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

@@ -9,16 +9,16 @@
        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"

        tag="span"

        class="tags-view-item"

        @click.middle.native="closeSelectedTag(tag)"

        @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"

        @contextmenu.prevent.native="openMenu(tag,$event)"

      >

        {{ tag.title }}

        <span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />

        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />

      </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="!(selectedTag.meta&&selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">关闭当前</li>

      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">关闭当前</li>

      <li @click="closeOthersTags">关闭其他</li>

      <li @click="closeAllTags(selectedTag)">关闭所有</li>

    </ul>

@@ -69,6 +69,9 @@
    isActive(route) {

      return route.path === this.$route.path

    },

    isAffix(tag) {

      return tag.meta && tag.meta.affix

    },

    filterAffixTags(routes, basePath = '/') {

      let tags = []

      routes.forEach(route => {