Browse Source

选择用户,树,可过滤

lwx_v27
liwenxuan 1 month ago
parent
commit
4e927ee0a1
  1. 51
      src/components/DesignForm/public/expand/rangedUserTree.vue

51
src/components/DesignForm/public/expand/rangedUserTree.vue

@ -283,38 +283,6 @@ function filterTreeByList(treeData: string | any[], listData: any[]) {
return result;
}
/**
* 在树结构中查找 id 等于 targetId 的节点
* @param {Array} tree - 树结构数据数组形式
* @param {string} targetId - 要查找的节点 id
* @returns {Object|null} 找到的节点对象未找到则返回 null
*/
function findNodeById(tree: any, targetId: any) {
if (!Array.isArray(tree)) return null;
for (const node of tree) {
let str = node.label + "(" + node.number + ")"
/* console.log(node)
console.log(targetId) */
if (node.number == targetId) {
/* console.log("fdsdfafdsafdsafdsafsdadsf")
console.log(node)
console.log(targetId) */
return node;
}
if (node.children && node.children.length > 0) {
const found = findNodeById(node.children, targetId);
if (found) {
return found;
}
}
}
return null;
}
/**
@ -404,25 +372,10 @@ function getTree() {
</script>
<template>
<!-- <el-select-v2
placeholder="请选择用户"
v-model="value"
node-key="key"
:options="options"
filterable
:render-after-expand="false"
multiple
clearable
collapse-tags
collapse-tags-tooltip
:max-collapse-tags="4"
/> -->
<div style="width:100%">
<el-tree-select node-key="number" v-model="value" :data="userList" multiple :render-after-expand="false"
show-checkbox clearable collapse-tags collapse-tags-tooltip :max-collapse-tags="4" />
show-checkbox clearable collapse-tags collapse-tags-tooltip :max-collapse-tags="4" filterable />
</div>
</template>
<style lang='scss' scoped></style>

Loading…
Cancel
Save