[skywalking-booster-ui] branch main updated: fix: set filter ID when ReadRecords metric associates with trace (#247)

[wu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git


The following commit(s) were added to refs/heads/main by this push:
     new 1d189e8  fix: set filter ID when ReadRecords metric associates with trace (#247)
1d189e8 is described below

commit 1d189e82a77a58c38ab2a62dddde14ab8e1ee826
Author: Fine0830 <fa...@gmail.com>
AuthorDate: Thu Mar 23 21:40:38 2023 +0800

    fix: set filter ID when ReadRecords metric associates with trace (#247)
---
 src/views/dashboard/graphs/TopList.vue       | 4 +++-
 src/views/dashboard/related/trace/Header.vue | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/graphs/TopList.vue b/src/views/dashboard/graphs/TopList.vue
index 1b96469..b03c5d5 100644
--- a/src/views/dashboard/graphs/TopList.vue
+++ b/src/views/dashboard/graphs/TopList.vue
@@ -64,7 +64,7 @@ limitations under the License. -->
   import copy from "@/utils/copy";
   import { TextColors } from "@/views/dashboard/data";
   import Trace from "@/views/dashboard/related/trace/Index.vue";
-  import { QueryOrders, Status, RefIdTypes } from "../data";
+  import { QueryOrders, Status, RefIdTypes, ProtocolTypes } from "../data";
   /*global defineProps */
   const props = defineProps({
     data: {
@@ -77,6 +77,7 @@ limitations under the License. -->
       type: Object as PropType<{
         color: string;
         metrics: string[];
+        metricTypes: string[];
         relatedTrace: any;
       }>,
       default: () => ({ color: "purple" }),
@@ -112,6 +113,7 @@ limitations under the License. -->
       status: Status[2].value,
       id: item.id || item.name,
       metricValue: [{ label: props.config.metrics[0], data: item.value, value: item.name }],
+      isReadRecords: props.config.metricTypes.includes(ProtocolTypes.ReadRecords) || undefined,
     };
     traceOptions.value = {
       ...traceOptions.value,
diff --git a/src/views/dashboard/related/trace/Header.vue b/src/views/dashboard/related/trace/Header.vue
index 22f2edd..340aa40 100644
--- a/src/views/dashboard/related/trace/Header.vue
+++ b/src/views/dashboard/related/trace/Header.vue
@@ -144,6 +144,10 @@ limitations under the License. -->
       await queryTraces();
       return;
     }
+    if (filters.isReadRecords) {
+      await queryTraces();
+      return;
+    }
     if (dashboardStore.entity === EntityType[1].value) {
       await getService();
     }