From a052d69f369c7c6b30fafd2e495ae03f53e92b91 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Thu, 12 May 2022 17:17:55 +0800
Subject: [PATCH] set tag keys with duration

---
 src/views/components/ConditionTags.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/components/ConditionTags.vue b/src/views/components/ConditionTags.vue
index c85ada38..34e60fa4 100644
--- a/src/views/components/ConditionTags.vue
+++ b/src/views/components/ConditionTags.vue
@@ -78,11 +78,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useTraceStore } from "@/store/modules/trace";
 import { useLogStore } from "@/store/modules/log";
 import { ElMessage } from "element-plus";
+import { useAppStoreWithOut } from "@/store/modules/app";
 
 /*global Nullable, defineEmits, defineProps */
 const emit = defineEmits(["update"]);
@@ -91,6 +92,7 @@ const props = defineProps({
 });
 const traceStore = useTraceStore();
 const logStore = useLogStore();
+const appStore = useAppStoreWithOut();
 const { t } = useI18n();
 const tags = ref<string>("");
 const tagsList = ref<string[]>([]);
@@ -176,6 +178,12 @@ function showClick() {
     dropdownTag.value.handleOpen();
   }
 }
+watch(
+  () => appStore.durationTime,
+  () => {
+    fetchTagKeys();
+  }
+);
 </script>
 <style lang="scss" scoped>
 .trace-tags {