refactor association metrics

src/views/dashboard/related/event/Content.vue

@@ -105,22 +105,34 @@ function visTimeline() {
       return;
     }
     dashboardStore.selectWidget(props.data);
+    associateMetrics(properties.items, events);
+  });
+}
+function associateMetrics(
+  items: number[],
+  events: {
+    id: number;
+    content: string;
+    start: Date;
+    end: Date;
+    data: unknown;
+    className: string;
+  }[]
+) {
   const all = getDashboard(dashboardStore.currentDashboard).widgets;
-    const widgets = all.filter(
-      (d: { value: string; label: string } & LayoutConfig) => {
+  const widgets = all.filter((d: any) => {
     const isLinear = ["Bar", "Line", "Area"].includes(
       (d.graph && d.graph.type) || ""
     );
     if (isLinear) {
       return d;
     }
-      }
-    );
-    const index = properties.items[0];
+  });
+  const index = items[0];
   const i = events[index - 1 || 0];
 
   for (const widget of widgets) {
-      let end = i.end;
+    let end: Date | number = i.end;
     if (!isNaN(index)) {
       let diff = 60000;
       switch (appStore.duration.step) {
@@ -140,17 +152,19 @@ function visTimeline() {
     }
     const startTime = dateFormatTime(i.start, appStore.duration.step);
     const endTime = dateFormatTime(new Date(end), appStore.duration.step);
-      widget.filters = {
+    const item = {
+      ...widget,
+      filters: {
         sourceId: dashboardStore.selectedGrid.id || "",
         isRange: true,
         duration: {
           startTime,
           endTime,
         },
+      },
     };
-      dashboardStore.setWidget(widget);
+    dashboardStore.setWidget(item);
   }
-  });
 }
 function resize() {
   const observer = new ResizeObserver((entries) => {