*

dsk-operate-ui/src/layout/components/TagsView/index.vue

@@ -28,9 +28,16 @@
       <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 class="alltags" @click="closeall">
-      <div class=""><i class="el-icon-arrow-down" v-if="!showall"></i> <i class="el-icon-arrow-up" v-if="showall"></i></div>
+    <div class="alltags" v-if="visitedViews.length > 0">
+      <div class="" @click="closeall"><i class="el-icon-arrow-down" v-if="!showall"></i> <i class="el-icon-arrow-up" v-if="showall"></i></div>
       <div class="tagslist" v-if="showall">
+        <!--<div v-for="(tag, index) in visitedViews"-->
+             <!--:key="tag.path"-->
+             <!--:class="isActive(tag)?'active':''"-->
+        <!--&gt;-->
+          <!--<i class="el-icon-check"></i>-->
+
+        <!--</div>-->
         <router-link
           v-for="(tag, index) in visitedViews"
           ref="tag"
@@ -39,11 +46,12 @@
           :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
           tag="span"
           class="tags-view-item"
-          @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
           @contextmenu.prevent.native="openMenu(tag,$event)"
         >
+          <div @click="changetags">
           <i class="el-icon-check"></i>
           <span :id="isActive(tag)?'tagTitle':''">{{ tag.title }}</span>
+          </div>
         </router-link>
         <div class="clasall"  @click="closeAllTag(selectedTag)">关闭全部标签</div>
       </div>
@@ -104,13 +112,17 @@ export default {
       } else {
         document.body.removeEventListener('click', this.closeMenu)
       }
-    }
+    },
   },
   mounted() {
     this.initTags()
     this.addTags()
   },
   methods: {
+    changetags(){
+      console.log(88)
+      this.showall = false
+    },
     closeall(){
       if(this.showall == true){
         this.showall = false
@@ -231,9 +243,10 @@ export default {
       })
     },
     closeAllTag(view){
+      this.$nextTick(()=>{
         this.showall = false
-
         this.closeAllTags(view)
+      })
     },
     closeAllTags(view) {
       this.$tab.closeAllPage().then(({ visitedViews }) => {
@@ -401,9 +414,11 @@ export default {
       text-align: left;
       box-shadow: 0 2px 9px 2px rgba(0,0,0,.09), 0 1px 2px -2px rgba(0,0,0,.16);
       .tags-view-item{
-        padding: 8px 24px;
         display: block;
         position: relative;
+        >div{
+          padding: 8px 24px;
+        }
         &:hover{
           color: #0081FF;
         }
@@ -424,6 +439,9 @@ export default {
         border-top: 1px solid #EFEFEF;
         padding: 10px 24px 0;
         margin-top: 10px;
+        &:hover{
+          color: #0081FF;
+        }
       }
     }
   }