feat: add hooks for querys

src/store/data.ts

@@ -51,39 +51,3 @@ export const ConfigData: any = {
   },
   children: [],
 };
-export const RespFields: any = {
-  readMetricsValues: `{
-    label
-    values {
-      values {value}
-    }
-  }`,
-  readMetricsValue: "",
-  sortMetrics: `{
-    name
-    id
-    value
-    refId
-  }`,
-  readLabeledMetricsValues: `{
-    label
-    values {
-      values {value}
-    }
-  }`,
-  readHeatMap: `{
-    values {
-      id
-      values
-    }
-    buckets {
-      min
-      max
-    }
-  }`,
-  readSampledRecords: `{
-    name
-    value
-    refId
-  }`,
-};

src/store/modules/dashboard.ts

@@ -21,7 +21,7 @@ import graph from "@/graph";
 import { ConfigData } from "../data";
 import { useAppStoreWithOut } from "@/store/modules/app";
 import { useSelectorStore } from "@/store/modules/selectors";
-import { NewControl, RespFields } from "../data";
+import { NewControl } from "../data";
 import { Duration } from "@/types/app";
 import axios, { AxiosResponse } from "axios";
 import { cancelToken } from "@/utils/cancelToken";
@@ -179,84 +179,12 @@ export const dashboardStore = defineStore({
 
       return res.data;
     },
-    async fetchMetricValue(config: LayoutConfig) {
-      if (!(config.metrics && config.metrics.length)) {
-        return;
-      }
-      const conditions: any = {
-        duration: this.durationTime,
-      };
-      const variables: string[] = [`$duration: Duration!`];
-      const { currentPod, currentService, currentDestPod, currentDestService } =
-        this.selectorStore;
-      const isRelation = [
-        "ServiceRelation",
-        "ServiceInstanceRelation",
-        "EndpointRelation",
-      ].includes(this.entity);
-      const fragment = config.metrics.map((name: string, index: number) => {
-        const metricTypes = config.metricTypes[index] || "";
-        if (["readSampledRecords", "sortMetrics"].includes(metricTypes)) {
-          variables.push(`$condition${index}: TopNCondition!`);
-          conditions[`condition${index}`] = {
-            name,
-            parentService: currentService,
-            normal: true,
-            scope: this.entity,
-            topN: Number(config.standard.maxItemNum || 10),
-            order: config.standard.sortOrder || "DES",
-          };
-        } else {
-          variables.push(`$condition${index}: MetricsCondition!`);
-          conditions[`condition${index}`] = {
-            name,
-            entity: {
-              scope: this.entity,
-              serviceName: currentService,
-              normal: true,
-              serviceInstanceName: this.entity.includes("ServiceInstance")
-                ? currentPod
-                : undefined,
-              endpointName: this.entity.includes("Endpoint")
-                ? currentPod
-                : undefined,
-              destNormal: true,
-              destServiceName: isRelation ? currentDestService : undefined,
-              destServiceInstanceName:
-                this.entity === "ServiceInstanceRelation"
-                  ? currentDestPod
-                  : undefined,
-              destEndpointName:
-                this.entity === "EndpointRelation" ? currentDestPod : undefined,
-            },
-          };
-        }
-
-        return `${name}${index}: ${metricTypes}(condition: $condition${index}, duration: $duration)${RespFields[metricTypes]}`;
-      });
-      const graphStr = `query queryData(${variables}) {${fragment}}`;
+    async fetchMetricValue(param: { queryStr: string; conditions: any }) {
       const res: AxiosResponse = await axios.post(
         "/graphql",
-        { query: graphStr, variables: { ...conditions } },
+        { query: param.queryStr, variables: { ...param.conditions } },
         { cancelToken: cancelToken() }
       );
-
-      // const appStoreWithOut = useAppStoreWithOut();
-      // const variable = {
-      //   condition: {
-      //     name: "service_resp_time",
-      //     entity: {
-      //       normal: true,
-      //       scope: "Service",
-      //       serviceName: "agentless::app",
-      //     },
-      //   },
-      //   duration: appStoreWithOut.durationTime,
-      // };
-      // const res: AxiosResponse = await graph
-      //   .query("readMetricsValues")
-      //   .params(variable);
-
       return res.data;
     },
   },