fix handleVisibilityChange

Author: xlorne

admin-ui/src/pages/redux/test1.tsx

@@ -8,7 +8,6 @@ import {PageContainer} from "@ant-design/pro-components";
 const Test1 = () => {
     const counter = useSelector((state: RootState) => state.counter.value);
     const dispatch = useDispatch();
-
     return (
         <PageContainer>
             <div style={{
@@ -33,4 +32,4 @@ const Test1 = () => {
     );
 }
 
-export default Test1;
+export default Test1;

admin-ui/src/pages/redux/test2.tsx

@@ -9,7 +9,6 @@ const Test2 = () => {
     const counter = useSelector((state: RootState) => state.counter.value);
     const dispatch = useDispatch();
 
-
     return (
         <PageContainer>
             <div style={{
@@ -35,4 +34,4 @@ const Test2 = () => {
     );
 }
 
-export default Test2;
+export default Test2;

admin-ui/src/pages/welcome/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import logo from '@/assets/logo.svg';
 import './index.scss';
 import {useSelector} from "react-redux";
@@ -11,6 +11,26 @@ const Index = () => {
     const counter = useSelector((state: RootState) => state.counter.value);
     const username = localStorage.getItem('username');
 
+    useEffect(() => {
+        const handleVisibilityChange = () => {
+            if (document.visibilityState === 'visible') {
+                console.log('Tab is active');
+                // 执行页面重新激活时的操作
+            } else {
+                console.log('Tab is inactive');
+                // 执行页面被隐藏时的操作
+            }
+        };
+
+        // 监听 visibilitychange 事件
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+
+        // 清理事件监听器
+        return () => {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, []);
+
     return (
         <Page enablePageContainer={true}>
             <div className="App">