Merge branch 'dev20230707' of http://192.168.60.201/root/dsk-operate-sys into dev20230707

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

@@ -90,7 +90,7 @@ export default {
       height: 100%;
       padding-top: 24px;
       margin-bottom: 0 !important;
-      overflow: auto;
+      overflow: hidden;
     }
     .is-horizontal{
       width: 0;

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

@@ -28,6 +28,26 @@
       <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="tagslist" v-if="showall">
+        <router-link
+          v-for="(tag, index) in visitedViews"
+          ref="tag"
+          :key="tag.path"
+          :class="isActive(tag)?'active':''"
+          :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)"
+        >
+          <i class="el-icon-check"></i>
+          <span :id="isActive(tag)?'tagTitle':''">{{ tag.title }}</span>
+        </router-link>
+        <div class="clasall"  @click="closeAllTag(selectedTag)">关闭全部标签</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -43,7 +63,8 @@ export default {
       top: 0,
       left: 0,
       selectedTag: {},
-      affixTags: []
+      affixTags: [],
+      showall:false,
     }
   },
   computed: {
@@ -90,6 +111,13 @@ export default {
     this.addTags()
   },
   methods: {
+    closeall(){
+      if(this.showall == true){
+        this.showall = false
+      }else{
+        this.showall = true
+      }
+    },
     isActive(route) {
       return route.path === this.$route.path
     },
@@ -202,6 +230,11 @@ export default {
         this.moveToCurrentTag()
       })
     },
+    closeAllTag(view){
+      this.showall = false
+
+      this.closeAllTags(view)
+    },
     closeAllTags(view) {
       this.$tab.closeAllPage().then(({ visitedViews }) => {
         if (this.affixTags.some(tag => tag.path === this.$route.path)) {
@@ -257,6 +290,7 @@ export default {
   height: 56px;
   width: 100%;
   background: #fff;
+  position: relative;
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -336,6 +370,63 @@ export default {
       }
     }
   }
+  .alltags{
+    position: absolute;
+    align-items: center;
+    border-radius: 9px;
+    height: 17px;
+    justify-content: center;
+    width: 36px;
+    right: -46px;
+    bottom: 10px;
+    cursor: pointer;
+    text-align: center;
+    &:hover{
+      background: #EFEFEF;
+    }
+    .tagslist{
+      position: absolute;
+      right: 0;
+      top: 20px;
+      background-color: #fcfcfc;
+      color: #141414;
+      font-size: 13px;
+      line-height: 1em;
+      margin-bottom: 0;
+      max-height: 450px;
+      overflow-y: auto;
+      overflow-y: overlay;
+      padding: 20px 0 10px;
+      width: 325px;
+      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;
+        &:hover{
+          color: #0081FF;
+        }
+        .el-icon-check{
+          display: none;
+          position: absolute;
+          left: 5px;
+          width: 13px;
+        }
+        &.active{
+          color: #0081FF;
+          .el-icon-check{
+            display: block;
+          }
+        }
+      }
+      .clasall{
+        border-top: 1px solid #EFEFEF;
+        padding: 10px 24px 0;
+        margin-top: 10px;
+      }
+    }
+  }
 }
 </style>