fix: 搜索后展开搜索结果/搜索空恢复原样

src/views/cameras/preview/components/CameraTree/CameraTree.vue

@@ -28,10 +28,12 @@
       </div>
       <el-scrollbar class="tree-scroll">
         <el-tree
+          v-if="treeCollapse"
           ref="treeRef"
           node-key="code"
           :data="cameraTreeTemp"
           :props="defaultProps"
+          :default-expand-all="isSearch"
           @node-click="handleNodeClick"
         >
           <template #default="{ node, data }">
@@ -69,7 +71,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { onMounted, onUnmounted, ref } from 'vue';
+  import { nextTick, onMounted, onUnmounted, ref } from 'vue';
   import { ElMessage, ElTree } from 'element-plus';
   import { Search, VideoCamera, WarningFilled } from '@element-plus/icons-vue';
   import { useRouteQuery } from '@vueuse/router';
@@ -95,6 +97,8 @@
   const cameraTree = ref<CameraTree[]>([]); // 保存从接口获取的所有树节点信息
   const cameraTreeTemp = ref<CameraTree[]>([]); // 保存修改name之后的树
   const codeShowList = ref<string[]>([]); // 保存当前所有相机code列表
+  const isSearch = ref(false);
+  const treeCollapse = ref(true);
 
   const treeRef = ref<InstanceType<typeof ElTree>>();
   const defaultProps = {
@@ -174,7 +178,25 @@
 
   // 输入框回车搜索 + checkbox 搜索
   const handleSearchCamera = async () => {
-    await getCameraData(queryForm.value);
+    if (
+      queryForm.value.isEnableAlgo === false &&
+      queryForm.value.isEnableRender === false &&
+      queryForm.value.queryString === ''
+    ) {
+      treeCollapse.value = false;
+      await getCameraData(queryForm.value);
+      nextTick(() => {
+        isSearch.value = false;
+        treeCollapse.value = true;
+      });
+    } else {
+      treeCollapse.value = false;
+      await getCameraData(queryForm.value);
+      nextTick(() => {
+        isSearch.value = true;
+        treeCollapse.value = true;
+      });
+    }
   };
 
   const getCameraData = async (tempQuery) => {