场景树增加loading

src/views/cameras/preview/CameraPreview.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="cameraMain">
       <div class="cameraTree">
-        <CameraTree :data="data" v-if="data" />
+        <CameraTree />
       </div>
       <div class="cameraSettingWrapper">
         <div class="cameraView">
@@ -16,8 +16,6 @@
 <script lang="ts" setup>
   import CameraTree from './components/CameraTree/CameraTree.vue';
   import CameraViewSetting from './components/CameraViewSetting/CameraViewSetting.vue';
-  import useCameraTree from './hooks/useCameraTree';
-  const { data, loading } = useCameraTree();
 </script>
 <style lang="scss" scoped>
   .cameraView {

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

@@ -9,13 +9,14 @@
     />
 
     <el-tree
-      :data="props.data"
+      :data="data"
       :props="defaultProps"
       @node-click="handleNodeClick"
       node-key="code"
       :default-expand-all="true"
       :filter-node-method="filterNode"
       ref="treeRef"
+      v-loading="loading"
     >
       <template #default="{ node, data }">
         <span class="custom-tree-node">
@@ -42,7 +43,9 @@
 
   import useCameraDetail from '../../store/useCameraDetailStore';
   import { CameraTree, CameraTreeNodeType } from '@/api/camera/camera-preview';
-  const props = defineProps<{ data }>();
+  import useCameraTree from '../../hooks/useCameraTree';
+
+  const { data, loading } = useCameraTree();
 
   interface Tree {
     [key: string]: any;

src/views/cameras/preview/hooks/useFenceDetail.ts

@@ -1,10 +0,0 @@
-import useFenceStore from '../store/useFenceStore';
-
-// import
-const useFenceDetail = () => {
-  const fenceStore = useFenceStore();
-
-  const getFenceDetail = () => {
-    fenceStore.getFence({ algoId: '', cameraId: '', presetToken: '' });
-  };
-};