From c40a98375fb69f319aabb88d6f6a3bf01a55a509 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 31 Jan 2023 15:17:24 +0800
Subject: [PATCH] feat: watch duration

---
 src/views/dashboard/Widget.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/Widget.vue b/src/views/dashboard/Widget.vue
index 59be4ca4..85f20e4e 100644
--- a/src/views/dashboard/Widget.vue
+++ b/src/views/dashboard/Widget.vue
@@ -45,7 +45,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts">
-  import { computed, ref, defineComponent } from "vue";
+  import { computed, ref, defineComponent, watch } from "vue";
   import { useI18n } from "vue-i18n";
   import { useAppStoreWithOut } from "@/store/modules/app";
   import { useRoute } from "vue-router";
@@ -134,6 +134,12 @@ limitations under the License. -->
         };
         source.value = useSourceProcessor(json, d);
       }
+      watch(
+        () => appStoreWithOut.durationTime,
+        () => {
+          queryMetrics();
+        },
+      );
       return {
         t,
         graph,