冀北数据总览添加导出功能

src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue

@@ -54,6 +54,9 @@
                                 :value="item"></el-option>
                         </el-select>
                     </el-form-item>
+                    <el-form-item label="关键字筛选:">
+<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字"></el-input>
+                    </el-form-item>
                 </template>
                 <template #operation>
                     <el-button type="primary" icon="el-icon-Tickets" @click="makeUp" v-if="!VITE_FLAG">补招</el-button>
@@ -285,7 +288,7 @@ const tableStore = new TableStore({
         // tableStore.table.params.searchEndTime =  tableHeaderRef.value.datePickerRef.timeValue[1]
     },
     loadCallback: () => {
-        tableStore.table.data = tree2List(tableStore.table.data, Math.random() * 1000)
+        tableStore.table.data = tree2List(filterTreeByKeyword( tableStore.table.data,tableStore.table.params.searchValue), Math.random() * 1000)
         tableStore.table.column[0].title = formData.value.statisticalType.name
 
         chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
@@ -305,6 +308,7 @@ const tableStore = new TableStore({
 
 tableStore.table.params.deptIndex = ''
 tableStore.table.params.filterName = ''
+tableStore.table.params.searchValue = ''
 tableStore.table.params.statisticalType = []
 tableStore.table.params.scale = []
 tableStore.table.params.manufacturer = []
@@ -339,6 +343,78 @@ const tree2List = (list: any, id?: string) => {
     return arr
 }
 
+
+
+
+/**
+ * 树形结构按名称筛选：保留匹配节点+所有上级+所有下级，保持原树形层级
+ * @param {Array} treeData - 原始嵌套树形数据（根节点数组）
+ * @param {string} keyword - 筛选关键词（name包含该关键词即匹配）
+ * @returns {Array} 筛选后的嵌套树形数据，保持原层级
+ */
+function filterTreeByKeyword(treeData, keyword) {
+  // 关键词为空，直接返回原树（深拷贝，避免修改原数据）
+  if (!keyword || keyword.trim() === '') {
+    return JSON.parse(JSON.stringify(treeData));
+  }
+  const targetKey = keyword.trim();
+  // 存储需要保留的节点ID（匹配节点+所有上级+所有下级）
+  const keepIdSet = new Set();
+
+  // 第一步：递归遍历树形，标记所有需要保留的节点ID
+  const markKeepNodes = (node, parentNodes = []) => {
+    // 1. 若当前节点名称包含关键词，标记自身+所有上级+所有下级
+    const isMatch = node.name && node.name.includes(targetKey);
+    if (isMatch) {
+      // 标记自身
+      keepIdSet.add(node.id);
+      // 标记所有上级父节点
+      parentNodes.forEach(pNode => keepIdSet.add(pNode.id));
+      // 标记所有下级子节点（递归）
+      const markChildren = (childNode) => {
+        keepIdSet.add(childNode.id);
+        if (childNode.children && childNode.children.length) {
+          childNode.children.forEach(markChildren);
+        }
+      };
+      if (node.children && node.children.length) {
+        node.children.forEach(markChildren);
+      }
+    }
+
+    // 2. 递归遍历子节点，传递当前节点的上级链（parentNodes + 当前节点）
+    if (node.children && node.children.length) {
+      node.children.forEach(child => markKeepNodes(child, [...parentNodes, node]));
+    }
+  };
+
+  // 遍历根节点，开始标记
+  treeData.forEach(rootNode => markKeepNodes(rootNode));
+
+  // 第二步：递归重构树形，只保留标记过的节点，保持层级
+  const rebuildTree = (node) => {
+    // 若当前节点无需保留，直接返回null
+    if (!keepIdSet.has(node.id)) {
+      return null;
+    }
+    // 深拷贝当前节点，避免修改原数据
+    const newNode = { ...node };
+    // 递归处理子节点，过滤掉无需保留的，只保留有效子节点
+    if (newNode.children && newNode.children.length) {
+      const newChildren = newNode.children.map(child => rebuildTree(child)).filter(Boolean);
+      newNode.children = newChildren;
+    } else {
+      newNode.children = [];
+    }
+    return newNode;
+  };
+
+  // 重构根节点，过滤掉null的根节点
+  const filteredTree = treeData.map(rootNode => rebuildTree(rootNode)).filter(Boolean);
+  return filteredTree;
+}
+
+
 // 禁用超过当前日期的选择
 const disabledDate = (date: Date) => {
     return date > new Date() // 如果日期大于当前日期，则禁用