feat:搜索文件夹删除禁用

张含笑

2025-12-08 d8900764eac523bb663137af62a3080e3697f176

feat:搜索文件夹删除禁用

 src/views/layerManagement/components/leftList.vue

@@ -81,7 +81,10 @@
              class="location-btn"
              ></el-button>
              <el-button icon="el-icon-edit" link @click.stop="handleEdit(node)"></el-button>
              <el-button icon="el-icon-delete" link @click.stop="handleDelete(node)"></el-button>
              <el-button icon="el-icon-delete" :class="isDisabledColor ? 'location-btn' : ''" link @click.stop="handleDelete(node)" 
                :disabled="!!formData.dkbh.trim() && node.data.level === 2 && props.activeName !== '国土空间规划' && (
     filteredShowNodeIds.has(node.data.id) || isNodeOrChildrenMatch(node.data, formData.dkbh.trim())
     )"></el-button>
            </div>
          </div>
        </template>
@@ -121,12 +124,17 @@
const loading = ref(false);
const treeData = ref([]);
const treeAllData = ref([]);
// 存储过滤后显示的节点ID（返回true的节点）
const filteredShowNodeIds = ref(new Set());
const isDisabledColor = ref(false)
// 获取数据
const gettreeDataApi = async () => {
  try {
    loading.value = true;
    const res = await treeDataApi({filterExpired:false});
    treeAllData.value = res.data.data;
    // 加载数据后立即清空标记
    filteredShowNodeIds.value.clear();
    if(coverData.value.length===0){
       checkedKeys.value = [];
    checkedNodes.value = [];
@@ -345,19 +353,65 @@
}

function search() {
  treeRef.value?.filter(formData.value.dkbh);
  const keyword = formData.value.dkbh.trim();
  // 有搜索词时才过滤，无则清空标记
  if (keyword) {
    treeRef.value?.filter(keyword);
    isDisabledColor.value = true
  } else {
    filteredShowNodeIds.value.clear();
    treeRef.value?.filter('');
  }
}
function reset() {
  isDisabledColor.value = false
  formData.value.dkbh = '';
  treeRef.value?.filter('');
  filteredShowNodeIds.value.clear();
  nextTick(() => {
    treeRef.value?.filter('');
  });
}
function filterNode(value, data) {
  if (props.activeName === '国土空间规划') {
    if (!value) return data.level === 2 || data.level === 1;
    return (data.level === 2 || data.level === 1) && data.name.includes(value);
const isNodeOrChildrenMatch = (nodeData, keyword) => {
  // 无关键词时直接返回false
  if (!keyword || keyword.trim() === '') return false;
  // 自身包含关键词
  if (nodeData.name.includes(keyword)) return true;
  // 遍历子节点，判断是否有子节点包含
  if (nodeData.children && nodeData.children.length) {
    return nodeData.children.some(child => isNodeOrChildrenMatch(child, keyword));
  }
  if (!value) return true;
  return data.name.includes(value);
  return false;
};
function filterNode(value, data) {
  let isShow = false;
  const keyword = value?.trim() || ''; 

  if (props.activeName === '国土空间规划') {
    if (!keyword) {
      isShow = data.level === 2 || data.level === 1;
    } else {
      isShow = (data.level === 2 || data.level === 1) && data.name.includes(keyword);
    }
  } else {
    if (!keyword) {
      isShow = true;
    } else {
      // 非国土空间规划：节点自身/子节点匹配则显示
      isShow = isNodeOrChildrenMatch(data, keyword);
    }
  }
  // 仅当有搜索词时，才更新标记（无搜索词清空）
  if (keyword) {
    if (isShow && data.id) {
      filteredShowNodeIds.value.add(data.id);
    } else if (data.id) {
      filteredShowNodeIds.value.delete(data.id);
    }
  } else {
    filteredShowNodeIds.value.clear();
  }

  return isShow;
}

// 同步信息