From a828e1b016ebfcd8939d7003737234804293feaa Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 26 Nov 2024 15:50:33 +0800
Subject: [PATCH] fix query

---
 src/graphql/fragments/async-profile.ts                |  2 +-
 src/store/modules/async-profiling.ts                  |  2 +-
 .../dashboard/related/async-profiling/Content.vue     |  1 -
 .../related/async-profiling/components/Filter.vue     | 11 ++++++++---
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/graphql/fragments/async-profile.ts b/src/graphql/fragments/async-profile.ts
index 7d3362a4..216895b8 100644
--- a/src/graphql/fragments/async-profile.ts
+++ b/src/graphql/fragments/async-profile.ts
@@ -65,7 +65,7 @@ export const GetAsyncProfileAnalyze = {
   variable: "$request: AsyncProfilerAnalyzationRequest!",
   query: `
   analysisResult: queryAsyncProfilerAnalyze(request: $request) {
-    trees {
+    tree {
       type
       elements {
         id
diff --git a/src/store/modules/async-profiling.ts b/src/store/modules/async-profiling.ts
index d4dd4771..69df45fe 100644
--- a/src/store/modules/async-profiling.ts
+++ b/src/store/modules/async-profiling.ts
@@ -110,7 +110,7 @@ export const asyncProfilingStore = defineStore({
       if (!params.instanceIds.length) {
         return new Promise((resolve) => resolve({}));
       }
-      const res: AxiosResponse = await graphql.query("GetAsyncProfileAnalyze").params(params);
+      const res: AxiosResponse = await graphql.query("getAsyncProfileAnalyze").params({ request: params });
 
       if (res.data.errors) {
         this.analyzeTrees = [];
diff --git a/src/views/dashboard/related/async-profiling/Content.vue b/src/views/dashboard/related/async-profiling/Content.vue
index 53676b58..6069628e 100644
--- a/src/views/dashboard/related/async-profiling/Content.vue
+++ b/src/views/dashboard/related/async-profiling/Content.vue
@@ -69,7 +69,6 @@ limitations under the License. -->
 
   .filter {
     height: 90px;
-    border-bottom: 1px solid $disabled-color;
     padding-right: 10px;
   }
 </style>
diff --git a/src/views/dashboard/related/async-profiling/components/Filter.vue b/src/views/dashboard/related/async-profiling/components/Filter.vue
index e4b27a53..0941ca99 100644
--- a/src/views/dashboard/related/async-profiling/components/Filter.vue
+++ b/src/views/dashboard/related/async-profiling/components/Filter.vue
@@ -24,7 +24,7 @@ limitations under the License. -->
       @change="changeInstances"
     />
     <Selector
-      class="filter-selector"
+      class="filter-events"
       :value="selectedEventType"
       size="small"
       :options="eventTypes"
@@ -49,7 +49,7 @@ limitations under the License. -->
   const serviceInstanceIds = ref<string[]>([]);
   const selectedEventType = ref<string>("");
   const eventTypes = computed(() =>
-    (asyncProfilingStore.selectedTask.eventTypes ?? []).map((d: string) => ({ label: d, value: d })),
+    (asyncProfilingStore.selectedTask.events ?? []).map((d: string) => ({ label: d, value: d })),
   );
   const instances = computed(() =>
     asyncProfilingStore.instances.filter((d: Instance) =>
@@ -79,7 +79,12 @@ limitations under the License. -->
 </script>
 <style>
   .filter-selector {
-    width: 300px;
+    width: 400px;
+    margin-right: 10px;
+  }
+
+  .filter-events {
+    width: 200px;
     margin-right: 10px;
   }
 </style>