diff --git a/src/graphql/fragments/app.ts b/src/graphql/fragments/app.ts
index bb9377d4..a91f07e6 100644
--- a/src/graphql/fragments/app.ts
+++ b/src/graphql/fragments/app.ts
@@ -59,7 +59,7 @@ export const RecordsTTL = {
   }`,
 };
 export const MetricsTTL = {
-  query: `MetricsTTL {
+  query: `getMetricsTTL {
     minute
     hour
     day
diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 94a9ebf1..942f4ada 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -228,29 +228,17 @@ limitations under the License. -->
     changeDataMode();
   }
   async function getRecordsTTL() {
-    // const resp = await appStore.queryRecordsTTL();
-    // mock data
-    const recordsData = {
-      value: 6,
-      superDataset: 2,
-      coldValue: 3,
-      coldSuperDataset: 5,
-    };
-    appStore.setRecordsTTL(recordsData.value);
+    const resp = await appStore.queryRecordsTTL();
+    if (resp.errors) {
+      ElMessage.error(resp.errors);
+    }
   }
 
   async function getMetricsTTL() {
-    // const resp = await appStore.queryMetricsTTL();
-    // mock data
-    const data = {
-      minute: 20,
-      hour: 2,
-      day: 3,
-      coldMinute: 19,
-      coldHour: 10,
-      coldDay: 9,
-    };
-    appStore.setMetricsTTL(data);
+    const resp = await appStore.queryMetricsTTL();
+    if (resp.errors) {
+      ElMessage.error(resp.errors);
+    }
   }
 
   function handleMetricsTTL({ minute, hour, day }: { minute: number; hour: number; day: number }) {
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 98651e93..06efae15 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -135,12 +135,6 @@ export const appStore = defineStore({
     setMaxRange(times: Date[]) {
       this.maxRange = times;
     },
-    setMetricsTTL(data: MetricsTTL) {
-      this.metricsTTL = data;
-    },
-    setRecordsTTL(data: RecordsTTL) {
-      this.recordsTTL = data;
-    },
     setTheme(data: string) {
       this.theme = data;
     },
@@ -233,7 +227,16 @@ export const appStore = defineStore({
       if (res.errors) {
         return res;
       }
-
+      // mock data
+      // const data = {
+      //   minute: 20,
+      //   hour: 2,
+      //   day: 3,
+      //   coldMinute: 19,
+      //   coldHour: 10,
+      //   coldDay: 9,
+      // };
+      this.metricsTTL = res.data.getMetricsTTL;
       return res.data;
     },
     async queryRecordsTTL() {
@@ -241,7 +244,14 @@ export const appStore = defineStore({
       if (res.errors) {
         return res;
       }
-
+      // mock data
+      // const recordsData = {
+      //   value: 6,
+      //   superDataset: 2,
+      //   coldValue: 3,
+      //   coldSuperDataset: 5,
+      // };
+      this.recordsTTL = res.data.getRecordsTTL;
       return res.data;
     },
     setReloadTimer(timer: IntervalHandle) {