图层搜索

lixuliang

2024-02-04 357899d3c8c27d6bf04c4a14ed60408e765051fc

 src/components/left/leftmenu.vue

@@ -11,8 +11,14 @@
      >×</span
    >
    <img class="openLeftMenu" v-else src="@/assets/img/left/souselist4.png" />

    <div class="layerTreeContainer" v-show="isShowLeftPanel">
      <!-- <el-input
        placeholder="图层名称"
        v-model="filterText"
        size="mini"
      >
      </el-input> -->

      <div class="switchbox">
        <el-radio-group v-model="radio" @change="getright">
          <el-radio :label="1">组织机构</el-radio>
@@ -37,6 +43,7 @@
          :render-content="renderContent"
          :default-expanded-keys="defaultExpanded"
          @check="check"
          :filter-node-method="filterNode"
        ></el-tree>
      </div>
    </div>
@@ -445,6 +452,7 @@
  name: "leftmenu",
  data() {
    return {
      filterText: "",
      isShowLeftPanel: false,
      activeName: "first",
      alldisabled: [],
@@ -602,6 +610,10 @@
          console.log("获取场景配置失败！");
        }
      );
    },
    filterNode(value, treeData) {
      if (!value) return true;
      return treeData.name.indexOf(value) !== -1;
    },
    setTreeDataChange(res) {
      if (this.treeChangeFlag == res) return;
@@ -2972,6 +2984,11 @@
      }
    },
  },
  watch: {
    filterText(val) {
      this.$refs.tree.filter(val);
    },
  },
};
</script>
<style scoped>
@@ -3002,7 +3019,9 @@
  transition: 1s;
  z-index: 9999;
}

.switchbox{
  margin-top: 5px;
}
.closeLeftMenu:hover {
  cursor: pointer;
  transform: rotateZ(90deg);
@@ -3038,7 +3057,6 @@

.leftmenu:hover {
  background-image: url("~@/assets/img/new/treeClose-y.png");

}
.leftmenu {
  background-image: url("~@/assets/img/new/treeClose.png");
@@ -3128,7 +3146,6 @@
  border-radius: 0;
  background: rgba(218, 218, 218, 0.1);
}


.el-tree .TreeNodeClass {
  width: 100%;