From 89efd4b2e3720bfb0e6125871b546c3734dbd844 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Fri, 31 Oct 2025 13:47:08 +0800
Subject: [PATCH] feat: 完成搜索功能
---
src/views/layerManagement/components/leftList.vue | 26 +++++++++++++++++++-------
1 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/src/views/layerManagement/components/leftList.vue b/src/views/layerManagement/components/leftList.vue
index e5ae763..8d4aea6 100644
--- a/src/views/layerManagement/components/leftList.vue
+++ b/src/views/layerManagement/components/leftList.vue
@@ -38,6 +38,7 @@
node-key="id"
default-expand-all
:expand-on-click-node="false"
+ :filter-node-method="filterNode"
@check="handleCheck"
:props="{
label: 'name',
@@ -69,7 +70,7 @@
<script setup>
import { ElMessage } from 'element-plus';
import { treeDataApi, deleteFenceApi, deleteFolderApi, spatialPlanningApi } from '@/api/layer/index';
-import { inject, onMounted } from 'vue';
+import { inject, onMounted, watch } from 'vue';
const emit = defineEmits(['update:coverData', 'update:deitData', 'newFencesMethods']);
import EventBus from '@/utils/eventBus';
const coverData = ref();
@@ -78,16 +79,14 @@
const treeRef = ref(null); // 获取tree实例
const checkedNodes = ref([]); // 存储勾选的节点数据
const props = defineProps(['activeName']);
-const formData = {
+const formData = ref({
isPush: undefined,
page: 1,
isGenerated: undefined,
pageSize: 17,
dkbh: '',
patchesName: '',
-};
-const reset = () => {};
-const search = () => {};
+});
const treeData = ref([]);
const treeAllData = ref([]);
// 获取数据
@@ -161,11 +160,11 @@
checkedKeys.value = childrenIds;
checkedNodes.value = folderChildren;
coverData.value = folderChildren;
- console.log('1111',node.data.children);
+ console.log('1111',node.data.children);
emit('update:coverData', coverData.value);
}else{
console.log('node',node);
-
+
}
};
// 编辑按钮事件
@@ -251,6 +250,19 @@
})
}
+
+function search() {
+ treeRef.value?.filter(formData.value.dkbh)
+}
+function reset() {
+ formData.value.dkbh = ''
+ treeRef.value?.filter('')
+}
+function filterNode(value,data) {
+ if (!value) return true
+ return data.name.includes(value)
+}
+
onMounted(() => {
gettreeDataApi();
EventBus.on('gettreeDataApi', gettreeDataApi);
--
Gitblit v1.9.3