perf: 浏览器失去焦点停止查询、节省开销 (#1256)

1Panel-dev · Jun 5, 2023 · 5e3e580 · 5e3e580
1 parent 75fa498
commit 5e3e580
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
@@ -239,6 +239,7 @@ const isSafety = ref();
 const chartOption = ref('network');
 let timer: NodeJS.Timer | null = null;
 let isInit = ref<boolean>(true);
+let isActive = ref(true);
 
 const ioReadBytes = ref<Array<number>>([]);
 const ioWriteBytes = ref<Array<number>>([]);
@@ -353,12 +354,14 @@ const onLoadBaseInfo = async (isInit: boolean, range: string) => {
     const res = await loadBaseInfo(searchInfo.ioOption, searchInfo.netOption);
     baseInfo.value = res.data;
     currentInfo.value = baseInfo.value.currentInfo;
-    onLoadCurrentInfo();
+    await onLoadCurrentInfo();
     statuRef.value.acceptParams(currentInfo.value, baseInfo.value);
     appRef.value.acceptParams();
     if (isInit) {
         timer = setInterval(async () => {
-            onLoadCurrentInfo();
+            if (isActive.value) {
+                await onLoadCurrentInfo();
+            }
         }, 3000);
     }
 };
@@ -511,6 +514,12 @@ const loadSafeStatus = async () => {
 };
 
 onMounted(() => {
+    window.addEventListener('focus', () => {
+        isActive.value = true;
+    });
+    window.addEventListener('blur', () => {
+        isActive.value = false;
+    });
     loadSafeStatus();
     loadUpgradeStatus();
     onLoadNetworkOptions();