图例修改

src/components/Combinations/LayerManage/LayerLegend.vue

@@ -2,7 +2,7 @@
   <div
     class="legends"
     v-drag
-    v-show="checkeds.length > 0 && !store.state.viewer_flag"
+    v-show="checkedVector.length > 0 && !store.state.viewer_flag"
   >
     图例
     <el-collapse accordion v-model="activeNames">
@@ -13,7 +13,13 @@
         :title="vector.label"
       >
         <div v-for="legend in vector.legends" :key="legend.label">
-          <span class="legLabel"> {{ legend.label }}</span>
+          <el-tooltip
+            v-if="legend.label.length > 0"
+            :content="legend.label"
+            placement="bottom-start"
+          >
+            <span class="legLabel">{{ legend.label }}</span>
+          </el-tooltip>
           <img :src="legend.url" alt="" srcset="" />
         </div>
       </el-collapse-item>
@@ -32,8 +38,8 @@ export default {
     };
   },
   computed: {
-    checkeds() {
-      return store.state.checkedNode;
+    checkedVector() {
+      return store.state.checkedNode.filter((ci) => ci.type == "Vector");
     },
   },
   mounted() {},
@@ -51,10 +57,10 @@ export default {
   },
 
   watch: {
-    checkeds() {
+    checkedVector() {
       this.vectors = [];
-      let vectors = this.checkeds.filter((ci) => ci.type == "Vector");
-      vectors.forEach((ve) => {
+      // let vectors = this.checkeds.filter((ci) => ci.type == "Vector");
+      this.checkedVector.forEach((ve) => {
         this.GetLegend(ve);
       });
     },
@@ -80,8 +86,11 @@ export default {
   overflow-x: hidden;
   overflow-y: auto;
   .legLabel {
-    min-width: 100px;
+    width: 100px;
     display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   img {
     position: absolute;

src/components/mapView/range.vue

@@ -20,7 +20,6 @@
           v-if="fileList.length > 0"
           :content="fileList[0].name"
           placement="bottom-start"
-          effect="light"
         >
           <span class="title-item" style="display: inline-block; width: 100%">{{
             fileList[0].name