diff --git a/ui/config/routes.ts b/ui/config/routes.ts
index 898ca3dbb..c7a76ae7f 100644
--- a/ui/config/routes.ts
+++ b/ui/config/routes.ts
@@ -5,110 +5,117 @@ export default [
     routes: [
       {
         path: '/',
-        component: 'Layouts/BasicLayout',
+        component: 'Layouts/StatisticsLayout',
         name: '系统布局',
         routes: [
-          {
-            path: 'cluster',
-            component: 'Cluster',
-            name: '集群页',
-          },
-          {
-            path:'cluster/new',
-            component:'Cluster/New',
-            name: '创建集群',
-          },
-          {
-            path:'tenant',
-            component:'Tenant',
-            name:'租户页'
-          },
-          {
-            path:'tenant/new',
-            component:'Tenant/New',
-            name:'创建租户'
-          },
-          {
-            path: 'overview',
-            component: 'Overview',
-            name: '系统概览页',
-          },
           {
             path: '/',
-            redirect: 'overview',
-            name: '系统概览页',
-          },
-        ],
-      },
-      {
-        path: 'cluster/:clusterId',
-        component: 'Cluster/Detail',
-        name: '集群详情',
-        routes: [
-          {
-            path: 'overview',
-            component: 'Cluster/Detail/Overview',
-            name: '概览页',
-          },
-          {
-            path: 'topo',
-            component: 'Cluster/Detail/Topo',
-            name: '集群拓扑图',
-          },
-          {
-            path:'monitor',
-            component:'Cluster/Detail/Monitor',
-            name:'集群详情监控'
-          },
-          {
-            path:'tenant',
-            component:'Cluster/Detail/Tenant',
-            name:'集群下的租户'
-          },
-          {
-            path: '/cluster/:clusterId',
-            redirect: 'overview',
-            name: '概览页',
+            component: 'Layouts/BasicLayout',
+            name: '概览布局',
+            routes: [
+              {
+                path: 'cluster',
+                component: 'Cluster',
+                name: '集群页',
+              },
+              {
+                path: 'cluster/new',
+                component: 'Cluster/New',
+                name: '创建集群',
+              },
+              {
+                path: 'tenant',
+                component: 'Tenant',
+                name: '租户页',
+              },
+              {
+                path: 'tenant/new',
+                component: 'Tenant/New',
+                name: '创建租户',
+              },
+              {
+                path: 'overview',
+                component: 'Overview',
+                name: '系统概览页',
+              },
+              {
+                path: '/',
+                redirect: 'overview',
+                name: '系统概览页',
+              },
+            ],
+          },
+          {
+            path: 'cluster/:clusterId',
+            component: 'Cluster/Detail',
+            name: '集群详情',
+            routes: [
+              {
+                path: 'overview',
+                component: 'Cluster/Detail/Overview',
+                name: '概览页',
+              },
+              {
+                path: 'topo',
+                component: 'Cluster/Detail/Topo',
+                name: '集群拓扑图',
+              },
+              {
+                path: 'monitor',
+                component: 'Cluster/Detail/Monitor',
+                name: '集群详情监控',
+              },
+              {
+                path: 'tenant',
+                component: 'Cluster/Detail/Tenant',
+                name: '集群下的租户',
+              },
+              {
+                path: '/cluster/:clusterId',
+                redirect: 'overview',
+                name: '概览页',
+              },
+            ],
+          },
+          {
+            path: 'tenant/:tenantId',
+            component: 'Tenant/Detail',
+            name: '租户详情',
+            routes: [
+              {
+                path: 'overview',
+                component: 'Tenant/Detail/Overview',
+                name: '概览页',
+              },
+              {
+                path: 'topo',
+                component: 'Tenant/Detail/Topo',
+                name: '租户拓扑图',
+              },
+              {
+                path: 'backup',
+                component: 'Tenant/Detail/Backup',
+                name: '租户备份',
+              },
+              {
+                path: 'backup/new',
+                component: 'Tenant/Detail/NewBackup',
+                name: '新建租户备份',
+              },
+              {
+                path: 'monitor',
+                component: 'Tenant/Detail/Monitor',
+                name: '租户详情监控',
+              },
+              {
+                path: '/tenant/:tenantId',
+                redirect: 'overview',
+                name: '概览页',
+              },
+            ],
           },
         ],
       },
-      {
-        path:'tenant/:tenantId',
-        component:'Tenant/Detail',
-        name:'租户详情',
-        routes:[
-          {
-            path: 'overview',
-            component: 'Tenant/Detail/Overview',
-            name: '概览页',
-          },
-          {
-            path: 'topo',
-            component: 'Tenant/Detail/Topo',
-            name: '租户拓扑图',
-          },
-          {
-            path: 'backup',
-            component: 'Tenant/Detail/Backup',
-            name: '租户备份',
-          },
-          {
-            path: 'backup/new',
-            component: 'Tenant/Detail/NewBackup',
-            name: '新建租户备份',
-          },
-          {
-            path:'monitor',
-            component:'Tenant/Detail/Monitor',
-            name:'租户详情监控'
-          },
-          {
-            path: '/tenant/:tenantId',
-            redirect: 'overview',
-            name: '概览页',
-          },
-        ]
-      },
       {
         path: '/login',
         component: 'Login',
diff --git a/ui/src/components/TopoComponent/index.tsx b/ui/src/components/TopoComponent/index.tsx
index e51437efb..3dc258c3c 100644
--- a/ui/src/components/TopoComponent/index.tsx
+++ b/ui/src/components/TopoComponent/index.tsx
@@ -48,7 +48,6 @@ export default function TopoComponent({
   refreshTenant,
   defaultUnitCount,
 }: TopoProps) {
-  const { appInfo } = useModel('global');
   const clusterOperateList = tenantReplicas
     ? clusterOperateOfTenant
     : clusterOperate;
@@ -124,7 +123,7 @@ export default function TopoComponent({
   };
   //delete cluster
   const clusterDelete = async () => {
-    const res = await deleteClusterReportWrap({ ns, name, version: appInfo.version });
+    const res = await deleteClusterReportWrap({ ns, name });
     if (res.successful) {
       message.success(res.message);
       getTopoData({ ns, name, useFor: 'topo', tenantReplicas });
@@ -136,7 +135,6 @@ export default function TopoComponent({
       ns,
       name,
       zoneName: chooseZoneName.current,
-      version: appInfo.version
     });
     if (res.successful) {
       message.success(
diff --git a/ui/src/components/customModal/AddZoneModal.tsx b/ui/src/components/customModal/AddZoneModal.tsx
index 7f9afdad8..e39bd5d0e 100644
--- a/ui/src/components/customModal/AddZoneModal.tsx
+++ b/ui/src/components/customModal/AddZoneModal.tsx
@@ -5,7 +5,6 @@ import { RULER_ZONE } from '@/constants/rules';
 import { getNSName } from '@/pages/Cluster/Detail/Overview/helper';
 import { addObzoneReportWrap } from '@/services/reportRequest/clusterReportReq';
 import InputNumber from '../InputNumber';
-import { useModel } from '@umijs/max';
 import type { CommonModalType } from '.';
 import CustomModal from '.';
 import NodeSelector from '../NodeSelector';
@@ -20,7 +19,6 @@ export default function AddZoneModal({
   successCallback,
 }: CommonModalType) {
   const [form] = Form.useForm();
-  const { appInfo } = useModel('global');
   const handleSubmit = async () => {
     try {
       await form.validateFields();
@@ -34,7 +32,7 @@ export default function AddZoneModal({
   } 
   const onFinish = async (values: any) => {
     const [namespace, name] = getNSName();
-    const res = await addObzoneReportWrap({ namespace, name, ...values, version: appInfo.version });
+    const res = await addObzoneReportWrap({ namespace, name, ...values});
     if (res.successful) {
       message.success(res.message);
       if(successCallback) successCallback();
diff --git a/ui/src/components/customModal/ModifyUnitDetailModal.tsx b/ui/src/components/customModal/ModifyUnitDetailModal.tsx
index 25cfcb146..d2b48b3ea 100644
--- a/ui/src/components/customModal/ModifyUnitDetailModal.tsx
+++ b/ui/src/components/customModal/ModifyUnitDetailModal.tsx
@@ -20,7 +20,6 @@ import { formatPatchPoolData } from '@/utils/helper';
 import { intl } from '@/utils/intl';
 import { useEffect,useState } from 'react';
 import SelectWithTooltip from '../SelectWithTooltip';
-import { useModel } from '@umijs/max';
 
 import { Col,Form,Row,Select,message } from 'antd';
 import type { CommonModalType } from '.';
@@ -84,7 +83,6 @@ export default function ModifyUnitDetailModal({
     zoneName,
   },
 }: CommonModalType & UnitConfigType) {
-  const { appInfo } = useModel('global');
   const [form] = Form.useForm<PoolDetailType>();
   const [maxResource, setMaxResource] = useState<MaxResourceType>({});
   const [minResource, setMinResource] = useState<MinResourceConfig>(
@@ -123,7 +121,6 @@ export default function ModifyUnitDetailModal({
       ns,
       name,
       zoneName,
-      version:appInfo.version,
       ...reqData,
     });
     if (res.successful) {
diff --git a/ui/src/components/customModal/ModifyUnitModal.tsx b/ui/src/components/customModal/ModifyUnitModal.tsx
index bfc878b10..3e082fd25 100644
--- a/ui/src/components/customModal/ModifyUnitModal.tsx
+++ b/ui/src/components/customModal/ModifyUnitModal.tsx
@@ -1,6 +1,5 @@
 import { getNSName } from '@/pages/Cluster/Detail/Overview/helper';
 import { modifyUnitNumReportWrap } from '@/services/reportRequest/tenantReportReq';
-import { useModel } from '@umijs/max';
 import { intl } from '@/utils/intl';
 import { Form,InputNumber,message } from 'antd';
 import { useEffect } from 'react';
@@ -19,7 +18,6 @@ export default function ModifyUnitModal({
   },
   successCallback,
 }: CommonModalType & { params: { defaultUnitCount: number } }) {
-  const { appInfo } = useModel('global');
   const [form] = Form.useForm();
   const { defaultUnitCount } = params;
   const handleSubmit = async () => {
@@ -36,7 +34,6 @@ export default function ModifyUnitModal({
       ns: namespace,
       name,
       ...values,
-      version: appInfo.version
     });
     if (res.successful) {
       message.success(
diff --git a/ui/src/components/customModal/ScaleModal.tsx b/ui/src/components/customModal/ScaleModal.tsx
index 054c0fd36..2bc90b3d6 100644
--- a/ui/src/components/customModal/ScaleModal.tsx
+++ b/ui/src/components/customModal/ScaleModal.tsx
@@ -4,7 +4,6 @@ import CustomModal from '.';
 
 import { getNSName } from '@/pages/Cluster/Detail/Overview/helper';
 import { scaleObserverReportWrap } from '@/services/reportRequest/clusterReportReq';
-import { useModel } from '@umijs/max';
 import { useEffect } from 'react';
 import type { CommonModalType } from '.';
 
@@ -21,7 +20,6 @@ export default function ScaleModal({
   successCallback,
   params,
 }: ScaleModalProps & CommonModalType) {
-  const { appInfo } = useModel('global');
   const zoneName = params?.zoneName;
   const defaultValue = params?.defaultValue;
   const [form] = Form.useForm();
@@ -39,7 +37,6 @@ export default function ScaleModal({
       name,
       zoneName,
       replicas: val.replicas,
-      version: appInfo.version
     });
     if (res.successful) {
       message.success(res.message);
diff --git a/ui/src/components/customModal/UpgradeModal.tsx b/ui/src/components/customModal/UpgradeModal.tsx
index 00b6d15e5..ef145912e 100644
--- a/ui/src/components/customModal/UpgradeModal.tsx
+++ b/ui/src/components/customModal/UpgradeModal.tsx
@@ -3,7 +3,6 @@ import { Form, Input, message } from 'antd';
 
 import { getNSName } from '@/pages/Cluster/Detail/Overview/helper';
 import { upgradeClusterReportWrap } from '@/services/reportRequest/clusterReportReq';
-import { useModel } from '@umijs/max';
 import type { CommonModalType } from '.';
 import CustomModal from '.';
 
@@ -16,7 +15,6 @@ export default function UpgradeModal({
   successCallback,
 }: CommonModalType) {
   const [form] = Form.useForm();
-  const { appInfo } = useModel('global');
   const handleSubmit = async () => {
     try {
       await form.validateFields();
@@ -27,7 +25,7 @@ export default function UpgradeModal({
   const handleCancel = () => setVisible(false);
   const onFinish = async ({ image }: any) => {
     const [ns, name] = getNSName();
-    const res = await upgradeClusterReportWrap({ ns, name, image, version: appInfo.version });
+    const res = await upgradeClusterReportWrap({ ns, name, image });
     if (res.successful) {
       message.success(res.message);
       if(successCallback) successCallback();
diff --git a/ui/src/constants/index.ts b/ui/src/constants/index.ts
index 63502c651..c63af7442 100644
--- a/ui/src/constants/index.ts
+++ b/ui/src/constants/index.ts
@@ -49,6 +49,12 @@ const REFRESH_FREQUENCY = 15;
 // Number of monitoring points
 const POINT_NUMBER = 15;
 
+// two minutes
+const CHECK_STORAGE_INTERVAL = 1000 * 120;
+
+// three hours
+const STATISTICS_INTERVAL = 1000 * 60 * 60 * 3;
+
 const SUFFIX_UNIT = 'GB';
 
 const MINIMAL_CONFIG = {
@@ -150,6 +156,7 @@ const MODE_MAP = new Map([
 export {
   BACKUP_RESULT_STATUS,
   BADGE_IMG_MAP,
+  CHECK_STORAGE_INTERVAL,
   CLUSTER_IMG_MAP,
   CLUSTER_INFO_CONFIG,
   COLOR_MAP,
@@ -163,6 +170,7 @@ export {
   RESOURCE_NAME_REG,
   RESULT_STATUS,
   SERVER_IMG_MAP,
+  STATISTICS_INTERVAL,
   STATUS,
   SUFFIX_UNIT,
   TOPO_INFO_CONFIG,
diff --git a/ui/src/hook/usePublicKey.ts b/ui/src/hook/usePublicKey.ts
index d6cd77638..4a09d4e47 100644
--- a/ui/src/hook/usePublicKey.ts
+++ b/ui/src/hook/usePublicKey.ts
@@ -1,13 +1,13 @@
 import React, { useEffect } from 'react';
-import { infoReq } from '@/services';
+import { getAppInfoFromStorage } from '@/utils/helper';
 import JSEncrypt from 'jsencrypt';
 
 export const usePublicKey = () => {
   const [publicKey, setPublicKey] = React.useState<string>('');
 
   useEffect(() => {
-    infoReq().then((res) => {
-      setPublicKey(res.data.publicKey); 
+    getAppInfoFromStorage().then((appInfo) => {
+      setPublicKey(appInfo.publicKey); 
     }).catch((err) => {
       console.log(err)
     });
diff --git a/ui/src/models/global.ts b/ui/src/models/global.ts
index 4e4ac88e5..668be4713 100644
--- a/ui/src/models/global.ts
+++ b/ui/src/models/global.ts
@@ -1,16 +1,15 @@
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 
 // Global shared data
 export default () => {
   const [chooseClusterName, setChooseClusterName] = useState<string>('');
   const [userName, setUsername] = useState<string>();
-  const [appInfo, setAppInfo] = useState({});
+  const reportDataInterval = useRef<NodeJS.Timer>();
   return {
     chooseClusterName,
     setChooseClusterName,
     userName,
     setUsername,
-    appInfo,
-    setAppInfo,
+    reportDataInterval,
   };
 };
diff --git a/ui/src/pages/Cluster/Detail/Overview/ZoneTable.tsx b/ui/src/pages/Cluster/Detail/Overview/ZoneTable.tsx
index 9be76c650..b788aac15 100644
--- a/ui/src/pages/Cluster/Detail/Overview/ZoneTable.tsx
+++ b/ui/src/pages/Cluster/Detail/Overview/ZoneTable.tsx
@@ -5,7 +5,6 @@ import type { ColumnType } from 'antd/es/table';
 import showDeleteConfirm from '@/components/customModal/DeleteModal';
 import { COLOR_MAP } from '@/constants';
 import { deleteObzoneReportWrap } from '@/services/reportRequest/clusterReportReq';
-import { useModel } from '@umijs/max';
 import { getNSName } from './helper';
 
 interface ZoneTableProps {
@@ -25,8 +24,6 @@ export default function ZoneTable({
   setChooseServerNum,
   clusterStatus,
 }: ZoneTableProps) {
-  const { appInfo } = useModel('global');
-
   const getZoneColumns = (remove, clickScale) => {
     const columns: ColumnType<API.Zone> = [
       {
@@ -89,7 +86,7 @@ export default function ZoneTable({
           return (
             <>
               <Button
-                style={{ marginRight: 10 }}
+                style={{ paddingLeft: 0 }}
                 onClick={() => {
                   clickScale(record.zone);
                   setChooseServerNum(record.replicas);
@@ -141,7 +138,6 @@ export default function ZoneTable({
       ns,
       name,
       zoneName,
-      version: appInfo.version
     });
     if (res.successful) {
       message.success(
diff --git a/ui/src/pages/Cluster/Detail/Overview/index.tsx b/ui/src/pages/Cluster/Detail/Overview/index.tsx
index 29b239233..558142596 100644
--- a/ui/src/pages/Cluster/Detail/Overview/index.tsx
+++ b/ui/src/pages/Cluster/Detail/Overview/index.tsx
@@ -18,7 +18,7 @@ import { getNSName } from './helper';
 
 //集群详情概览页
 const ClusterOverview: React.FC = () => {
-  const { setChooseClusterName, appInfo } = useModel('global');
+  const { setChooseClusterName } = useModel('global');
   const [operateModalVisible, setOperateModalVisible] =
     useState<boolean>(false);
   const [[ns, name]] = useState(getNSName());
@@ -44,7 +44,7 @@ const ClusterOverview: React.FC = () => {
     },
   );
   const handleDelete = async () => {
-    const res = await deleteClusterReportWrap({ ns, name, version: appInfo.version });
+    const res = await deleteClusterReportWrap({ ns, name });
     if (res.successful) {
       message.success(
         intl.formatMessage({
diff --git a/ui/src/pages/Cluster/Detail/index.tsx b/ui/src/pages/Cluster/Detail/index.tsx
index d1b6aac3f..9b757b416 100644
--- a/ui/src/pages/Cluster/Detail/index.tsx
+++ b/ui/src/pages/Cluster/Detail/index.tsx
@@ -1,11 +1,13 @@
 import logoImg from '@/assets/logo1.svg';
 import { logoutReq } from '@/services';
+import { getAppInfoFromStorage } from '@/utils/helper';
 import { intl } from '@/utils/intl';
 import { Menu } from '@oceanbase/design';
 import type { MenuItem } from '@oceanbase/design/es/BasicLayout';
 import { BasicLayout, IconFont } from '@oceanbase/ui';
-import { Outlet, history, useLocation, useParams, useModel } from '@umijs/max';
+import { Outlet, history, useLocation, useModel, useParams } from '@umijs/max';
 import { useRequest } from 'ahooks';
+import { useEffect, useState } from 'react';
 const subSideMenus: MenuItem[] = [
   {
     title: intl.formatMessage({
@@ -39,13 +41,15 @@ const subSideMenus: MenuItem[] = [
 const ClusterDetail: React.FC = () => {
   const params = useParams();
   const user = localStorage.getItem('user');
+  const [version, setVersion] = useState<string>('');
   const location = useLocation();
-  const { appInfo } = useModel('global');
+  const { reportDataInterval } = useModel('global');
   const { clusterId } = params;
   const { run: logout } = useRequest(logoutReq, {
     manual: true,
     onSuccess: (data) => {
       if (data.successful) {
+        clearInterval(reportDataInterval.current);
         history.push('/login');
       }
     },
@@ -98,6 +102,12 @@ const ClusterDetail: React.FC = () => {
     </Menu>
   );
 
+  useEffect(() => {
+    getAppInfoFromStorage().then((appInfo) => {
+      setVersion(appInfo.version);
+    });
+  }, []);
+
   return (
     <div>
       <BasicLayout
@@ -110,7 +120,7 @@ const ClusterDetail: React.FC = () => {
           locales: ['zh-CN', 'en-US'],
           appData: {
             shortName: 'ob dashboard',
-            version: appInfo?.version,
+            version,
           },
         }}
         menus={menus}
diff --git a/ui/src/pages/Cluster/New/index.tsx b/ui/src/pages/Cluster/New/index.tsx
index 6ce10de4a..26041a719 100644
--- a/ui/src/pages/Cluster/New/index.tsx
+++ b/ui/src/pages/Cluster/New/index.tsx
@@ -2,7 +2,7 @@ import { getStorageClasses } from '@/services';
 import { createClusterReportWrap } from '@/services/reportRequest/clusterReportReq';
 import { intl } from '@/utils/intl';
 import { PageContainer } from '@ant-design/pro-components';
-import { useNavigate, useModel } from '@umijs/max';
+import { useNavigate } from '@umijs/max';
 import { useRequest } from 'ahooks';
 import { Button,Form,Row,message } from 'antd';
 import { useState } from 'react';
@@ -17,7 +17,6 @@ import Parameters from './Parameters';
 import Topo from './Topo';
 
 export default function New() {
-  const { appInfo } = useModel('global');
   const navigate = useNavigate();
   const [form] = Form.useForm();
   const [passwordVal, setPasswordVal] = useState('');
@@ -45,7 +44,7 @@ export default function New() {
     values.clusterId = new Date().getTime() % 4294901759;
     values.rootPassword = encryptText(values.rootPassword, publicKey) as string;
     
-    const res = await createClusterReportWrap({...values, version: appInfo.version});
+    const res = await createClusterReportWrap({...values});
     if (res.successful) {
       message.success(res.message, 3);
       form.resetFields();
diff --git a/ui/src/pages/Layouts/BasicLayout/index.tsx b/ui/src/pages/Layouts/BasicLayout/index.tsx
index ce2e980db..c078ba5c8 100644
--- a/ui/src/pages/Layouts/BasicLayout/index.tsx
+++ b/ui/src/pages/Layouts/BasicLayout/index.tsx
@@ -1,29 +1,35 @@
 import logoImg from '@/assets/logo1.svg';
-import { infoReq, logoutReq } from '@/services';
+import { logoutReq } from '@/services';
+import { getAppInfoFromStorage } from '@/utils/helper';
 import { intl } from '@/utils/intl';
 import { Menu } from '@oceanbase/design';
 import type { MenuItem } from '@oceanbase/design/es/BasicLayout';
 import { IconFont, BasicLayout as OBLayout } from '@oceanbase/ui';
 import { Outlet, history, useLocation, useModel } from '@umijs/max';
 import { useRequest } from 'ahooks';
+import { useEffect, useState } from 'react';
 
 const BasicLayout: React.FC = () => {
   const location = useLocation();
   const user = localStorage.getItem('user');
-  const { appInfo, setAppInfo } = useModel('global');
+  const [version, setVersion] = useState<string>('');
+  const { reportDataInterval } = useModel('global');
   const { run: logout } = useRequest(logoutReq, {
     manual: true,
     onSuccess: (data) => {
       if (data.successful) {
         history.push('/login');
+        clearInterval(reportDataInterval.current);
       }
     },
   });
-  useRequest(infoReq, {
-    onSuccess: ({ data }) => {
-      setAppInfo(data);
-    },
-  });
+
+  useEffect(() => {
+    getAppInfoFromStorage().then((appInfo) => {
+      setVersion(appInfo.version);
+    });
+  }, []);
+
   // const Title = () => (
   //   <img
   //     style={{ height: 20, marginLeft: -16, paddingLeft: 6,cursor:'pointer' }}
@@ -89,7 +95,7 @@ const BasicLayout: React.FC = () => {
           locales: ['zh-CN', 'en-US'],
           appData: {
             shortName: 'ob dashboard',
-            version: appInfo?.version,
+            version,
           },
         }}
       >
diff --git a/ui/src/pages/Layouts/StatisticsLayout/index.tsx b/ui/src/pages/Layouts/StatisticsLayout/index.tsx
new file mode 100644
index 000000000..de841cb99
--- /dev/null
+++ b/ui/src/pages/Layouts/StatisticsLayout/index.tsx
@@ -0,0 +1,30 @@
+import { Outlet } from '@umijs/max';
+import { useEffect } from 'react';
+
+import { CHECK_STORAGE_INTERVAL } from '@/constants';
+import { isReportTimeExpired, reportPollData } from '@/utils/helper';
+import { useModel } from '@umijs/max';
+
+export default function StatisticsLayout() {
+  const { reportDataInterval } = useModel('global');
+  useEffect(() => {
+    const lastReportTimestamp = Number(localStorage.getItem('lastReportTime'));
+    if (!lastReportTimestamp || isReportTimeExpired(lastReportTimestamp)) {
+      reportPollData();
+    }
+
+    if (!reportDataInterval.current) {
+      reportDataInterval.current = setInterval(() => {
+        const reportTimestamp = Number(localStorage.getItem('lastReportTime'));
+        if (isReportTimeExpired(reportTimestamp)) {
+          reportPollData();
+        }
+      }, CHECK_STORAGE_INTERVAL);
+    }
+
+    return () => {
+      clearInterval(reportDataInterval.current);
+    };
+  }, []);
+  return <Outlet />;
+}
diff --git a/ui/src/pages/Layouts/index.less b/ui/src/pages/Layouts/index.less
index 8d6fd577b..bf8fc924e 100644
--- a/ui/src/pages/Layouts/index.less
+++ b/ui/src/pages/Layouts/index.less
@@ -15,8 +15,8 @@
   }
 }
 
-// :global {
-//   .ant-table-tbody p {
-//     margin-bottom: 0px;
-//   }
-// }
\ No newline at end of file
+:global {
+  .ant-table-tbody p {
+    margin-bottom: 0px;
+  }
+}
\ No newline at end of file
diff --git a/ui/src/pages/Layouts/index.tsx b/ui/src/pages/Layouts/index.tsx
index 69962a7a6..3a59406c7 100644
--- a/ui/src/pages/Layouts/index.tsx
+++ b/ui/src/pages/Layouts/index.tsx
@@ -1,12 +1,13 @@
 import { ConfigProvider } from '@oceanbase/design';
+import { getAppInfoFromStorage } from '@/utils/helper';
 import enUS from '@oceanbase/ui/es/locale/en-US';
 import zhCN from '@oceanbase/ui/es/locale/zh-CN';
 import { Outlet, getLocale, useNavigate } from '@umijs/max';
 import { Layout } from 'antd';
 
+import { useEffect } from 'react';
 import styles from './index.less';
 
-//前置处理
 const PreLayout: React.FC = () => {
   const navigate = useNavigate();
   const locale = getLocale() || 'zh-CN';
@@ -14,6 +15,13 @@ const PreLayout: React.FC = () => {
     'zh-CN': zhCN,
     'en-US': enUS,
   };
+  
+  useEffect(() => {
+    getAppInfoFromStorage().then((appInfo) => {
+      sessionStorage.setItem('appInfo', JSON.stringify(appInfo));
+    });
+  }, []);
+
   return (
     <ConfigProvider locale={localeMap[locale]} navigate={navigate}>
       <div className={styles.rootContainer}>
diff --git a/ui/src/pages/Login/index.tsx b/ui/src/pages/Login/index.tsx
index 59153ad40..ffe005ad8 100644
--- a/ui/src/pages/Login/index.tsx
+++ b/ui/src/pages/Login/index.tsx
@@ -1,23 +1,23 @@
-import { intl } from '@/utils/intl'
-import { LockOutlined, UserOutlined } from '@ant-design/icons'
-import { useNavigate } from '@umijs/max'
-import { Button, Form, Input } from 'antd'
-import React from 'react'
+import { intl } from '@/utils/intl';
+import { LockOutlined, UserOutlined } from '@ant-design/icons';
+import { useNavigate } from '@umijs/max';
+import { Button, Form, Input } from 'antd';
+import React from 'react';
 
-import logoSrc from '@/assets/oceanbase_logo.svg'
-import { encryptText, usePublicKey } from '@/hook/usePublicKey'
-import { loginReq } from '@/services'
-import styles from './index.less'
+import logoSrc from '@/assets/oceanbase_logo.svg';
+import { encryptText, usePublicKey } from '@/hook/usePublicKey';
+import { loginReq } from '@/services';
+import styles from './index.less';
 
 const Login: React.FC = () => {
   const navigate = useNavigate();
   const publicKey = usePublicKey();
 
-  const onFinish = async(values: API.User) => {
+  const onFinish = async (values: API.User) => {
     values.password = encryptText(values.password, publicKey) as string;
     const res = await loginReq(values);
-    
-    if(res.successful){
+
+    if (res.successful) {
       navigate('/overview');
       localStorage.setItem('user', values.username);
     }
@@ -38,7 +38,11 @@ const Login: React.FC = () => {
           name="username"
           rules={[{ required: true, message: 'Please input your Username!' }]}
         >
-          <Input style={{width:300}} prefix={<UserOutlined />} placeholder="Username" />
+          <Input
+            style={{ width: 300 }}
+            prefix={<UserOutlined />}
+            placeholder="Username"
+          />
         </Form.Item>
         <Form.Item
           name="password"
@@ -51,8 +55,8 @@ const Login: React.FC = () => {
           />
         </Form.Item>
 
-        <Form.Item style={{display:'flex',justifyContent:'center'}}>
-          <Button style={{width:270}} type="primary" htmlType="submit">
+        <Form.Item style={{ display: 'flex', justifyContent: 'center' }}>
+          <Button style={{ width: 270 }} type="primary" htmlType="submit">
             {intl.formatMessage({
               id: 'dashboard.pages.Login.Login',
               defaultMessage: '登录',
@@ -65,4 +69,3 @@ const Login: React.FC = () => {
 };
 
 export default Login;
-
diff --git a/ui/src/pages/Tenant/Detail/Backup/BackupConfiguration.tsx b/ui/src/pages/Tenant/Detail/Backup/BackupConfiguration.tsx
index 75a0401ed..bc36f1c42 100644
--- a/ui/src/pages/Tenant/Detail/Backup/BackupConfiguration.tsx
+++ b/ui/src/pages/Tenant/Detail/Backup/BackupConfiguration.tsx
@@ -7,7 +7,6 @@ import {
   editBackupReportWrap,
 } from '@/services/reportRequest/backupReportReq';
 import { intl } from '@/utils/intl';
-import { useModel } from '@umijs/max';
 import { useRequest } from 'ahooks';
 import {
   Button,
@@ -46,7 +45,6 @@ export default function BackupConfiguration({
   setBackupPolicy,
   backupPolicyRefresh,
 }: BackupConfigurationProps) {
-  const { appInfo } = useModel('global');
   const [form] = Form.useForm();
   const scheduleValue = Form.useWatch(['scheduleDates'], form);
   const [isEdit, setIsEdit] = useState<boolean>(false);
@@ -138,10 +136,7 @@ export default function BackupConfiguration({
       name,
       status: backupPolicy.status === 'PAUSED' ? 'RUNNING' : 'PAUSED',
     };
-    const { successful, data } = await editBackupReportWrap({
-      ...param,
-      version: appInfo.version,
-    });
+    const { successful, data } = await editBackupReportWrap(param);
     if (successful) {
       if (data.status === backupPolicy.status) {
         backupPolicyRefresh();
@@ -195,7 +190,6 @@ export default function BackupConfiguration({
       ns,
       name,
       ...formatBackupForm(values, publicKey),
-      version: appInfo.version,
     });
     if (successful) {
       curConfig.current = formatBackupForm(form.getFieldsValue(), publicKey);
@@ -258,7 +252,7 @@ export default function BackupConfiguration({
             onClick={() =>
               showDeleteConfirm({
                 onOk: () =>
-                  deleteBackupPolicyReq({ ns, name, version: appInfo.version }),
+                  deleteBackupPolicyReq({ ns, name }),
                 title: intl.formatMessage({
                   id: 'Dashboard.Detail.Backup.BackupConfiguration.AreYouSureYouWant',
                   defaultMessage: '确定要删除该备份策略吗？',
diff --git a/ui/src/pages/Tenant/Detail/NewBackup/index.tsx b/ui/src/pages/Tenant/Detail/NewBackup/index.tsx
index f941f9127..8563883ff 100644
--- a/ui/src/pages/Tenant/Detail/NewBackup/index.tsx
+++ b/ui/src/pages/Tenant/Detail/NewBackup/index.tsx
@@ -4,7 +4,7 @@ import { getTenant } from '@/services/tenant';
 import { createBackupReportWrap } from '@/services/reportRequest/backupReportReq';
 import { intl } from '@/utils/intl';
 import { PageContainer } from '@ant-design/pro-components';
-import { useNavigate, useModel } from '@umijs/max';
+import { useNavigate } from '@umijs/max';
 import { useRequest } from 'ahooks';
 import { Button, Card, Col, Form, Input, Row, Select, message } from 'antd';
 import { checkScheduleDatesHaveFull, formatBackupForm } from '../../helper';
@@ -15,7 +15,6 @@ import SchduleSelectFormItem from './SchduleSelectFormItem';
 import ScheduleTimeFormItem from './ScheduleTimeFormItem';
 const { Password } = Input;
 export default function NewBackup() {
-  const { appInfo } = useModel('global');
   const navigate = useNavigate();
   const [ns, name] = getNSName();
   const [form] = Form.useForm();
@@ -40,8 +39,7 @@ export default function NewBackup() {
     const res = await createBackupReportWrap({
       ns,
       name,
-      ...formatBackupForm(values, publicKey),
-      version: appInfo.version
+      ...formatBackupForm(values, publicKey)
     });
     if (res.successful) {
       message.success(
diff --git a/ui/src/pages/Tenant/Detail/Overview/index.tsx b/ui/src/pages/Tenant/Detail/Overview/index.tsx
index ffa4a74ff..2adababc9 100644
--- a/ui/src/pages/Tenant/Detail/Overview/index.tsx
+++ b/ui/src/pages/Tenant/Detail/Overview/index.tsx
@@ -16,7 +16,7 @@ import { deleteTenantReportWrap } from '@/services/reportRequest/tenantReportReq
 import { intl } from '@/utils/intl';
 import { EllipsisOutlined } from '@ant-design/icons';
 import { PageContainer } from '@ant-design/pro-components';
-import { history, useModel } from '@umijs/max';
+import { history } from '@umijs/max';
 import { useRequest } from 'ahooks';
 import { Button,Row,Tooltip,message } from 'antd';
 import { cloneDeep } from 'lodash';
@@ -40,7 +40,6 @@ export type OperateType = 'edit'|'create';
 export type ClusterNSName = { ns?: string; name?: string };
 
 export default function TenantOverview() {
-  const { appInfo } = useModel('global');
   const [operateModalVisible, setOperateModalVisible] =
     useState<boolean>(false);
   //Current operation and maintenance modal type
@@ -77,7 +76,7 @@ export default function TenantOverview() {
   };
 
   const handleDelete = async () => {
-    const res = await deleteTenantReportWrap({ ns, name, version: appInfo.version });
+    const res = await deleteTenantReportWrap({ ns, name });
     if (res.successful) {
       message.success(
         intl.formatMessage({
diff --git a/ui/src/pages/Tenant/Detail/index.tsx b/ui/src/pages/Tenant/Detail/index.tsx
index 3a4275cb8..f43403ab6 100644
--- a/ui/src/pages/Tenant/Detail/index.tsx
+++ b/ui/src/pages/Tenant/Detail/index.tsx
@@ -1,11 +1,13 @@
 import logoImg from '@/assets/logo1.svg';
 import { logoutReq } from '@/services';
+import { getAppInfoFromStorage } from '@/utils/helper';
 import { intl } from '@/utils/intl';
 import { Menu } from '@oceanbase/design';
 import type { MenuItem } from '@oceanbase/design/es/BasicLayout';
 import { BasicLayout, IconFont } from '@oceanbase/ui';
-import { Outlet, history, useLocation, useParams, useModel } from '@umijs/max';
+import { Outlet, history, useLocation, useParams } from '@umijs/max';
 import { useRequest } from 'ahooks';
+import { useEffect, useState } from 'react';
 const subSideMenus: MenuItem[] = [
   {
     title: intl.formatMessage({
@@ -39,8 +41,8 @@ const subSideMenus: MenuItem[] = [
 const TenantDetail: React.FC = () => {
   const params = useParams();
   const user = localStorage.getItem('user');
+  const [version, setVersion] = useState<string>('');
   const location = useLocation();
-  const { appInfo } = useModel('global');
   const { tenantId } = params;
 
   const { run: logout } = useRequest(logoutReq, {
@@ -98,6 +100,12 @@ const TenantDetail: React.FC = () => {
     </Menu>
   );
 
+  useEffect(() => {
+    getAppInfoFromStorage().then((appInfo) => {
+      setVersion(appInfo.version);
+    });
+  }, []);
+
   return (
     <div>
       <BasicLayout
@@ -110,7 +118,7 @@ const TenantDetail: React.FC = () => {
           locales: ['zh-CN', 'en-US'],
           appData: {
             shortName: 'ob dashboard',
-            version: appInfo?.version,
+            version,
           },
         }}
         menus={menus}
diff --git a/ui/src/pages/Tenant/New/index.tsx b/ui/src/pages/Tenant/New/index.tsx
index 37b677870..7460b6da4 100644
--- a/ui/src/pages/Tenant/New/index.tsx
+++ b/ui/src/pages/Tenant/New/index.tsx
@@ -6,7 +6,7 @@ import {
 import { createTenantReportWrap } from '@/services/reportRequest/tenantReportReq';
 import { intl } from '@/utils/intl';
 import { PageContainer } from '@ant-design/pro-components';
-import { useNavigate, useModel } from '@umijs/max';
+import { useNavigate } from '@umijs/max';
 import { useRequest, useUpdateEffect } from 'ahooks';
 import { Button, Col, Form, Row, message } from 'antd';
 import { useEffect, useState } from 'react';
@@ -16,7 +16,6 @@ import ResourcePools from './ResourcePools';
 import TenantSource from './TenantSource';
 // New tenant page
 export default function New() {
-  const { appInfo } = useModel('global');
   const navigate = useNavigate();
   const publicKey = usePublicKey();
   const [form] = Form.useForm();
@@ -64,7 +63,6 @@ export default function New() {
     const res = await createTenantReportWrap({
       namespace: ns,
       ...reqData,
-      version: appInfo.version
     });
     if (res.successful) {
       message.success(
diff --git a/ui/src/services/index.ts b/ui/src/services/index.ts
index a3098ba74..6f783ecd1 100644
--- a/ui/src/services/index.ts
+++ b/ui/src/services/index.ts
@@ -22,12 +22,18 @@ export async function logoutReq() {
   });
 }
 
-export async function infoReq() {
+export async function getAppInfo():Promise<API.AppInfoResponse> {
   return request('/api/v1/info', {
     method: 'GET',
   });
 }
 
+export async function getStatistics(): Promise<API.SysStatisticsDataResponse> {
+  return request('/api/v1/statistics', {
+    method: 'GET',
+  });
+}
+
 /**
  * If no parameters are passed, all events will be returned.
  */
diff --git a/ui/src/services/reportRequest/backupReportReq.ts b/ui/src/services/reportRequest/backupReportReq.ts
index 20da30f4a..4ae5781ea 100644
--- a/ui/src/services/reportRequest/backupReportReq.ts
+++ b/ui/src/services/reportRequest/backupReportReq.ts
@@ -6,60 +6,51 @@ import {
 } from '../tenant';
 
 export async function createBackupReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName &
-  API.TenantPolicy & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.TenantPolicy): Promise<API.CommonResponse> {
   const r = await createBackupPolicyOfTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['createBackup'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['createBackup'], data: r.data });
   }
   return r;
 }
 
 export async function deleteBackupReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName): Promise<API.CommonResponse> {
   const r = await deletePolicyOfTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['deleteBackup'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['deleteBackup'], data: r.data });
   }
   return r;
 }
 
 export async function editBackupReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName &
-  API.UpdateTenantPolicy & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.UpdateTenantPolicy): Promise<API.CommonResponse> {
   const r = await updateBackupPolicyOfTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['editBackup'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['editBackup'], data: r.data });
   }
   return r;
 }
 
 export async function pauseBackupReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName &
-  API.UpdateTenantPolicy & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.UpdateTenantPolicy): Promise<API.CommonResponse> {
   const r = await updateBackupPolicyOfTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['pauseBackup'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['pauseBackup'], data: r.data });
   }
   return r;
 }
 
 export async function resumeBackupReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName &
-  API.UpdateTenantPolicy & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.UpdateTenantPolicy): Promise<API.CommonResponse> {
   const r = await updateBackupPolicyOfTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['resumeBackup'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['resumeBackup'], data: r.data });
   }
   return r;
 }
diff --git a/ui/src/services/reportRequest/clusterReportReq.ts b/ui/src/services/reportRequest/clusterReportReq.ts
index c2748e70e..9a8328c77 100644
--- a/ui/src/services/reportRequest/clusterReportReq.ts
+++ b/ui/src/services/reportRequest/clusterReportReq.ts
@@ -8,18 +8,11 @@ import {
   upgradeObcluster,
 } from '..';
 
-export async function createClusterReportWrap({
-  version,
-  ...params
-}: {
-  version: string;
-  body: any;
-}) {
+export async function createClusterReportWrap({ ...params }: { body: any }) {
   const r = await createObclusterReq(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['createCluster'],
-      version,
       data: r.data,
     });
   }
@@ -27,14 +20,12 @@ export async function createClusterReportWrap({
 }
 
 export async function deleteClusterReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string }) {
+}: API.NamespaceAndName) {
   const r = await deleteObcluster(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['deleteCluster'],
-      version,
       data: r.data,
     });
   }
@@ -42,52 +33,44 @@ export async function deleteClusterReportWrap({
 }
 
 export async function upgradeClusterReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string; image: string }) {
+}: API.NamespaceAndName & { image: string }) {
   const r = await upgradeObcluster(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['upgradeCluster'],
-      version,
       data: r.data,
     });
   }
   return r;
 }
 
-export async function addObzoneReportWrap({
-  version,
-  ...params
-}: API.AddZoneParams & { version: string }) {
+export async function addObzoneReportWrap({ ...params }: API.AddZoneParams) {
   const r = await addObzone(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['addZone'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['addZone'], data: r.data });
   }
   return r;
 }
 
 export async function deleteObzoneReportWrap({
-  version,
   ...params
 }: API.NamespaceAndName & {
   zoneName: string;
-  version: string;
 }) {
   const r = await deleteObzone(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['deleteZone'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['deleteZone'], data: r.data });
   }
   return r;
 }
 
 export async function scaleObserverReportWrap({
-  version,
   ...params
-}: API.ScaleObserverPrams & { version: string }) {
+}: API.ScaleObserverPrams) {
   const r = await scaleObserver(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['scaleZone'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['scaleZone'], data: r.data });
   }
   return r;
 }
diff --git a/ui/src/services/reportRequest/index.ts b/ui/src/services/reportRequest/index.ts
index f8d7b0cc7..e63058cb2 100644
--- a/ui/src/services/reportRequest/index.ts
+++ b/ui/src/services/reportRequest/index.ts
@@ -1,3 +1,4 @@
+import { getAppInfoFromStorage } from '@/utils/helper';
 import { request } from '@umijs/max';
 
 type ResourceType =
@@ -29,7 +30,7 @@ type EventType =
 type ReportDataParms = {
   resourceType: ResourceType;
   eventType: EventType;
-  version: string;
+  version?: string;
   data: any;
 };
 
@@ -41,6 +42,11 @@ const REPORT_URL = 'http://openwebapi.test.alipay.net/api/web/oceanbase/report';
 // const queryUrl = 'http://openwebapi.test.alipay.net/api/web/oceanbase/query';
 const REPORT_COMPONENT = 'oceanbase-dashboard';
 export const REPORT_PARAMS_MAP: ReportMapType = {
+  // polling
+  polling: {
+    resourceType: 'Statistics',
+    eventType: 'Normal',
+  },
   // cluster
   createCluster: {
     resourceType: 'OBCluster',
@@ -133,19 +139,20 @@ export const REPORT_PARAMS_MAP: ReportMapType = {
 export async function reportData({
   resourceType,
   eventType,
-  version,
   data,
-}: ReportDataParms) {
-  await request(REPORT_URL, {
+}: ReportDataParms): Promise<any> {
+  const appInfo = await getAppInfoFromStorage();
+
+  return await request(REPORT_URL, {
     method: 'POST',
     data: {
       content: JSON.stringify({
         resourceType,
         eventType,
-        version,
+        version: appInfo.version,
         body: data,
       }),
       component: REPORT_COMPONENT,
     },
   });
-}
\ No newline at end of file
+}
diff --git a/ui/src/services/reportRequest/tenantReportReq.ts b/ui/src/services/reportRequest/tenantReportReq.ts
index ae7751a55..4320bb087 100644
--- a/ui/src/services/reportRequest/tenantReportReq.ts
+++ b/ui/src/services/reportRequest/tenantReportReq.ts
@@ -1,50 +1,45 @@
 import { REPORT_PARAMS_MAP, reportData } from '.';
 import {
   changeTenantPassword,
+  changeTenantRole,
   createObtenantPool,
   createTenant,
   deleteObtenantPool,
   deleteTenent,
   patchObtenantPool,
   patchTenantConfiguration,
-  changeTenantRole,
-  replayLogOfTenant
+  replayLogOfTenant,
 } from '../tenant';
 
 export async function createTenantReportWrap({
-  version,
   ...params
-}: API.TenantBody & { version: string }): Promise<API.CommonResponse> {
+}: API.TenantBody): Promise<API.CommonResponse> {
   const r = await createTenant(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['createTenant'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['createTenant'], data: r.data });
   }
   return r;
 }
 
 export async function deleteTenantReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName): Promise<API.CommonResponse> {
   const r = await deleteTenent(params);
   if (r.successful) {
-    reportData({ ...REPORT_PARAMS_MAP['deleteTenant'], version, data: r.data });
+    reportData({ ...REPORT_PARAMS_MAP['deleteTenant'], data: r.data });
   }
   return r;
 }
 
 export async function modifyUnitNumReportWrap({
-  version,
   ...params
 }: API.NamespaceAndName &
-  API.PatchTenantConfiguration & {
-    version: string;
-  }): Promise<API.CommonResponse> {
+  API.PatchTenantConfiguration): Promise<API.CommonResponse> {
   const r = await patchTenantConfiguration(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['modifyUnitNum'],
-      version,
+
       data: r.data,
     });
   }
@@ -52,18 +47,16 @@ export async function modifyUnitNumReportWrap({
 }
 
 export async function createObtenantPoolReportWrap({
-  version,
   ...params
 }: API.PoolConfig &
   API.NamespaceAndName & {
     zoneName: string;
-    version: string;
   }): Promise<API.CommonResponse> {
   const r = await createObtenantPool(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['addPool'],
-      version,
+
       data: r.data,
     });
   }
@@ -71,18 +64,16 @@ export async function createObtenantPoolReportWrap({
 }
 
 export async function patchObtenantPoolReportWrap({
-  version,
   ...params
 }: API.PoolConfig &
   API.NamespaceAndName & {
     zoneName: string;
-    version: string;
   }): Promise<API.CommonResponse> {
   const r = await patchObtenantPool(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['editPool'],
-      version,
+
       data: r.data,
     });
   }
@@ -90,17 +81,15 @@ export async function patchObtenantPoolReportWrap({
 }
 
 export async function deleteObtenantPoolReportWrap({
-  version,
   ...params
 }: API.NamespaceAndName & {
   zoneName: string;
-  version: string;
 }): Promise<API.CommonResponse> {
   const r = await deleteObtenantPool(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['deletePool'],
-      version,
+
       data: r.data,
     });
   }
@@ -108,15 +97,13 @@ export async function deleteObtenantPoolReportWrap({
 }
 
 export async function changeTenantPasswordReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName &
-  API.UserCredentials & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.UserCredentials): Promise<API.CommonResponse> {
   const r = await changeTenantPassword(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['modifyRootPwd'],
-      version,
+
       data: r.data,
     });
   }
@@ -124,14 +111,13 @@ export async function changeTenantPasswordReportWrap({
 }
 
 export async function activateTenantReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName): Promise<API.CommonResponse> {
   const r = await changeTenantRole(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['activateStandby'],
-      version,
+
       data: r.data,
     });
   }
@@ -139,14 +125,13 @@ export async function activateTenantReportWrap({
 }
 
 export async function switchRoleReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName): Promise<API.CommonResponse> {
   const r = await changeTenantRole(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['Switchover'],
-      version,
+
       data: r.data,
     });
   }
@@ -154,14 +139,13 @@ export async function switchRoleReportWrap({
 }
 
 export async function replayLogTenantReportWrap({
-  version,
   ...params
-}: API.NamespaceAndName & API.ReplayLogType & { version: string }): Promise<API.CommonResponse> {
+}: API.NamespaceAndName & API.ReplayLogType): Promise<API.CommonResponse> {
   const r = await replayLogOfTenant(params);
   if (r.successful) {
     reportData({
       ...REPORT_PARAMS_MAP['Switchover'],
-      version,
+
       data: r.data,
     });
   }
diff --git a/ui/src/services/typings.d.ts b/ui/src/services/typings.d.ts
index 3bbdef17c..e16301c3e 100644
--- a/ui/src/services/typings.d.ts
+++ b/ui/src/services/typings.d.ts
@@ -7,6 +7,196 @@ declare namespace API {
     password: string;
   }
 
+  type AppInfo = {
+    appName: string;
+    publicKey: string;
+    reportStatistics: boolean;
+    version: string;
+  };
+
+  type SysStatisticsData = {
+    data: {
+      backupPolicies: [
+        {
+          archiveDestType: string;
+          archiveSwitchPieceInterval: string;
+          bakDataDestType: string;
+          bakDataFullCrontab: string;
+          bakDataIncrCrontab: string;
+          encryptBakData: boolean;
+          name: string;
+          namespace: string;
+          runningFlow: string;
+          runningTask: string;
+          status: string;
+          taskStatus: string;
+          tenantCR: string;
+          tenantName: string;
+          uid: string;
+        },
+      ];
+      clusters: [
+        {
+          clusterId: number;
+          clusterMode: string;
+          clusterName: string;
+          configuredBackupVolume: boolean;
+          configuredMonitor: boolean;
+          cpu: number;
+          dataStorage: {
+            storageClass: string;
+            storageSize: number;
+          };
+          image: string;
+          independentPVC: boolean;
+          memory: number;
+          name: string;
+          namespace: string;
+          redoLogStorage: {
+            storageClass: string;
+            storageSize: number;
+          };
+          runningFlow: string;
+          runningTask: string;
+          singlePVC: boolean;
+          status: string;
+          sysLogStorage: {
+            storageClass: string;
+            storageSize: number;
+          };
+          taskStatus: string;
+          uid: string;
+          zones: [
+            {
+              replica: number;
+              status: string;
+              zoneName: string;
+            },
+          ];
+        },
+      ];
+      k8sNodes: [
+        {
+          info: {
+            conditions: [
+              {
+                message: string;
+                reason: string;
+                type: string;
+              },
+            ];
+            cri: string;
+            externalIP: string;
+            internalIP: string;
+            kernel: string;
+            labels: [
+              {
+                key: string;
+                value: string;
+              },
+            ];
+            name: string;
+            os: string;
+            roles: [string];
+            status: string;
+            uptime: number;
+            version: string;
+          };
+          resource: {
+            cpuFree: number;
+            cpuTotal: number;
+            cpuUsed: number;
+            memoryFree: number;
+            memoryTotal: number;
+            memoryUsed: number;
+          };
+        },
+      ];
+      operatorVersion: string;
+      servers: [
+        {
+          clusterCR: string;
+          clusterId: number;
+          clusterName: string;
+          cni: string;
+          image: string;
+          name: string;
+          namespace: string;
+          podIPHash: string;
+          podPhase: string;
+          runningFlow: string;
+          runningTask: string;
+          serviceIPHash: string;
+          status: string;
+          taskStatus: string;
+          uid: string;
+          zoneName: string;
+        },
+      ];
+      tenants: [
+        {
+          archiveDestType: string;
+          bakDataDestType: string;
+          clusterName: string;
+          name: string;
+          namespace: string;
+          primaryTenant: string;
+          runningFlow: string;
+          runningTask: string;
+          status: string;
+          taskStatus: string;
+          tenantName: string;
+          tenantRole: string;
+          topology: [
+            {
+              IOPSWeight: number;
+              logDiskSize: number;
+              maxCPU: number;
+              maxIOPS: number;
+              memorySize: number;
+              minCPU: number;
+              minIOPS: number;
+              priority: number;
+              type: string;
+              unitNumber: number;
+              zone: string;
+            },
+          ];
+          uid: string;
+          unitNumber: number;
+        },
+      ];
+      warningEvents: [
+        {
+          count: number;
+          firstTimestamp: string;
+          kind: string;
+          lastTimestamp: string;
+          message: string;
+          name: string;
+          namespace: string;
+          reason: string;
+          resourceName: string;
+        },
+      ];
+      zones: [
+        {
+          clusterCR: string;
+          clusterId: number;
+          clusterName: string;
+          image: string;
+          name: string;
+          namespace: string;
+          runningFlow: string;
+          runningTask: string;
+          status: string;
+          taskStatus: string;
+          uid: string;
+        },
+      ];
+    };
+  };
+
   type Metrics = {
     cpuPercent: number;
     diskPercent: number;
@@ -21,9 +211,9 @@ declare namespace API {
   };
 
   type Storage = {
-    size:number;
-    storageClass:string;
-  }
+    size: number;
+    storageClass: string;
+  };
 
   type ClusterInfo = {
     name: string;
@@ -33,7 +223,7 @@ declare namespace API {
     image: string;
     rootPasswordSecret: string;
     mode: ClusterMode;
-    resource?:{
+    resource?: {
       cpu: number;
       memory: number;
     };
@@ -82,7 +272,7 @@ declare namespace API {
     zone: string;
     replicas: number;
     nodeSelector: { key: string; value: string }[];
-  }
+  };
 
   type Server = {
     name: string;
@@ -99,7 +289,7 @@ declare namespace API {
     name: string;
     zoneName: string;
     replicas: number;
-  }
+  };
 
   type ClusterDetail = {
     info: ClusterInfo;
@@ -126,22 +316,22 @@ declare namespace API {
   } & ClusterInfo;
 
   type TooltipData = {
-    label:string | Element;
-    value:string;
-    toolTipData:any[]
-  }
+    label: string | Element;
+    value: string;
+    toolTipData: any[];
+  };
 
   type OptionsType = {
-    label:string;
-    value:string;
-  }[]
+    label: string;
+    value: string;
+  }[];
 
   type EventParams = {
     type?: API.EventType;
     objectType?: API.EventObjectType;
     name?: string;
     namespace?: string;
-  }
+  };
 
   interface ClusterListResponse extends CommonResponse {
     data: ClusterItem[];
@@ -158,7 +348,7 @@ declare namespace API {
     namespace: string;
     topology: Topology[];
     status: string;
-  }
+  };
 
   type SimpleClusterList = SimpleCluster[];
 
@@ -182,7 +372,7 @@ declare namespace API {
     | 'createResourcePools'
     | 'deleteResourcePool'
     | 'deleteCluster'
-    | 'deleteZone'
+    | 'deleteZone';
 
   type LableKeys =
     | 'ob_cluster_name'
@@ -203,7 +393,7 @@ declare namespace API {
     filterData?: API.ClusterItem[] | API.TenantDetail[];
   };
 
-  type ClusterMode = 'NORMAL' | 'STANDALONE' | 'SERVICE'
+  type ClusterMode = 'NORMAL' | 'STANDALONE' | 'SERVICE';
 
   type MonitorUseFor = 'cluster' | 'tenant';
 
@@ -211,7 +401,11 @@ declare namespace API {
 
   type MonitorUseTarget = 'OVERVIEW' | 'DETAIL';
 
-  type EventObjectType = 'OBCLUSTER' | 'OBTENANT' | 'OBBACKUPPOLICY' | EventObjectType[];
+  type EventObjectType =
+    | 'OBCLUSTER'
+    | 'OBTENANT'
+    | 'OBBACKUPPOLICY'
+    | EventObjectType[];
 
   type TenantRole = 'PRIMARY' | 'STANDBY';
 
@@ -289,7 +483,7 @@ declare namespace API {
     maxIops?: number;
     memorySize: string;
     minIops?: number;
-  }
+  };
 
   type PoolConfig = {
     priority: number;
@@ -306,7 +500,7 @@ declare namespace API {
   type TenantBody = {
     connectWhiteList?: string;
     name: string;
-    namespace?:string;
+    namespace?: string;
     obcluster: string;
     pools?: {
       priority: number;
@@ -398,6 +592,14 @@ declare namespace API {
     successful: boolean;
   }
 
+  interface SysStatisticsDataResponse extends CommonResponse {
+    data: SysStatisticsData;
+  }
+
+  interface AppInfoResponse extends CommonResponse {
+    data: AppInfo;
+  }
+
   interface StatisticDataResponse extends CommonResponse {
     data: StatisticData;
   }
@@ -467,7 +669,7 @@ declare namespace API {
     scheduleDates: ScheduleDatesType;
     scheduleTime: string;
     scheduleType: string;
-  }
+  };
 
   type ReplayLogType = {
     timestamp: string;
diff --git a/ui/src/utils/helper.ts b/ui/src/utils/helper.ts
index 062cacbe7..41633ea1e 100644
--- a/ui/src/utils/helper.ts
+++ b/ui/src/utils/helper.ts
@@ -1,4 +1,7 @@
 import type { PoolDetailType } from '@/components/customModal/ModifyUnitDetailModal';
+import { getAppInfo, getStatistics } from '@/services';
+import { REPORT_PARAMS_MAP, reportData } from '@/services/reportRequest';
+import { STATISTICS_INTERVAL } from '@/constants';
 import { intl } from '@/utils/intl';
 type StatisticStatus = 'running' | 'deleting' | 'operating' | 'failed';
 
@@ -40,7 +43,10 @@ export const formatStatisticData = (
   return r;
 };
 
-export const formatPatchPoolData = (originUnitData: PoolDetailType,type:'edit'|'create') => {
+export const formatPatchPoolData = (
+  originUnitData: PoolDetailType,
+  type: 'edit' | 'create',
+) => {
   let newOriginUnitData: PoolDetailType = {
     unitConfig: {},
   };
@@ -50,13 +56,13 @@ export const formatPatchPoolData = (originUnitData: PoolDetailType,type:'edit'|'
     memorySize: originUnitData.unitConfig.memorySize + 'Gi',
     cpuCount: String(originUnitData.unitConfig.cpuCount),
   };
-  if(type === 'create'){
+  if (type === 'create') {
     newOriginUnitData.zoneName = originUnitData.zoneName;
     newOriginUnitData.priority = originUnitData.priority;
   }
-  if(type === 'edit'){
+  if (type === 'edit') {
     Object.keys(originUnitData).forEach((key) => {
-      if(key !== 'unitConfig'){
+      if (key !== 'unitConfig') {
         newOriginUnitData.zoneName = key;
       }
       if (originUnitData[key]?.priority) {
@@ -66,3 +72,35 @@ export const formatPatchPoolData = (originUnitData: PoolDetailType,type:'edit'|'
   }
   return newOriginUnitData;
 };
+
+export const getAppInfoFromStorage = async (): Promise<API.AppInfo> => {
+  try {
+    let appInfo: API.AppInfo = JSON.parse(sessionStorage.getItem('appInfo'));
+    if (!appInfo) {
+      appInfo = (await getAppInfo()).data;
+    }
+    return appInfo;
+  }catch(err){
+    throw new Error(err)
+  }
+};
+
+export const isReportTimeExpired = (lastTimestamp: number): boolean => {
+  return Date.now() - lastTimestamp >= STATISTICS_INTERVAL;
+};
+
+export const reportPollData = async () => {
+  try {
+    const appInfo = await getAppInfoFromStorage();
+    if (!appInfo.reportStatistics) return;
+    let { data } = await getStatistics();
+    await reportData({
+      ...REPORT_PARAMS_MAP['polling'],
+      version: appInfo.version,
+      data,
+    });
+    localStorage.setItem('lastReportTime', Date.now().toString());
+  } catch (err) {
+    throw new Error(err);
+  }
+};