From 4d2b0aac68e1a531febe4092b01338a2584370f7 Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期四, 20 三月 2025 17:47:31 +0800
Subject: [PATCH] 数据分析el-tree filter
---
src/views/model/pre/analysis/index.vue | 20 ++++++++++++++++++--
1 files changed, 18 insertions(+), 2 deletions(-)
diff --git a/src/views/model/pre/analysis/index.vue b/src/views/model/pre/analysis/index.vue
index aa75020..5c75f02 100644
--- a/src/views/model/pre/analysis/index.vue
+++ b/src/views/model/pre/analysis/index.vue
@@ -58,13 +58,18 @@
<div class="his-body">
<div class="his-body-left">
<div class="his-body-tree">
+ <el-input
+ v-model="filterText"
+ class="mb-2"
+ placeholder="Filter"
+ />
<el-tree
:data="treeData"
show-checkbox
node-key="id"
- ref="tree"
+ ref="treeRef"
highlight-current
- :props="defaultProps"
+ :filter-node-method="filterNode"
@check="onCheckTree"/>
</div>
</div>
@@ -280,6 +285,17 @@
OUT_DEVIATION: [{required: true, message: '不可信率偏差不能为空', trigger: 'blur'}],
})
+// 树形过滤
+const filterText = ref('')
+const treeRef = ref()
+watch(filterText, (val) => {
+ treeRef.value!.filter(val)
+})
+const filterNode = (value: string, data) => {
+ if (!value) return true
+ return data.label.includes(value)
+}
+
/** 查询列表 */
const getList = async (isClear = true) => {
loading1.value = true
--
Gitblit v1.9.3