Procházet zdrojové kódy

相机配置页面overview,当页面离开时,store要重置

louhangfei před 2 roky
rodič
revize
2adb55852a

+ 2 - 1
src/views/cameras/overview/CamerasOverview.vue

@@ -85,7 +85,7 @@
 
   const cameraOverview = useCameraOverview();
   const { cameraItems, loading, total, page, size } = storeToRefs(cameraOverview);
-  const { getCameraItems, openInterval, closeInterval } = cameraOverview;
+  const { getCameraItems, openInterval, closeInterval, reset } = cameraOverview;
 
   // 添加弹窗相关
   const showAddPopover = ref(false);
@@ -199,6 +199,7 @@
 
   onBeforeUnmount(() => {
     closeInterval();
+    reset();
   });
 </script>
 

+ 12 - 0
src/views/cameras/overview/stores/useCameraOverview.ts

@@ -104,6 +104,17 @@ export const useCameraOverview = defineStore('camera-overview', () => {
     clearInterval(interval);
   };
 
+  const reset = () => {
+    queryType.value = '';
+    queryTypeContent.value = '';
+    queryCameraType.value = '';
+    queryWorkSpace.value = '';
+    total.value = 0;
+    page.value = 1;
+    size.value = 10;
+    cameraItems.value = [];
+  };
+
   return {
     queryType,
     queryTypeContent,
@@ -121,6 +132,7 @@ export const useCameraOverview = defineStore('camera-overview', () => {
     closeInterval,
     getState,
     addSRSCamera,
+    reset,
   };
 });