From bab9598a87ba17d524b4180d2472d125cdde0272 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 30 Jan 2024 09:41:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6=E5=B9=B4bug=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-component/v-query/DynamicTimeRange.vue  | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
index e41738bc83..79cd6306ed 100644
--- a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
+++ b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
@@ -149,6 +149,7 @@ const init = () => {
     'end-config'
   )
 
+  console.log('startTime, endTime', startTime, endTime)
   selectValue.value = [startTime, endTime]
 }
 
@@ -164,7 +165,7 @@ const formatDate = computed(() => {
 <template>
   <el-date-picker
     disabled
-    v-if="rendering"
+    v-if="rendering && config.timeGranularityMultiple !== 'yearrange'"
     v-model="selectValue"
     :type="config.timeGranularityMultiple"
     :prefix-icon="Calendar"
@@ -173,4 +174,15 @@ const formatDate = computed(() => {
     :start-placeholder="$t('datasource.start_time')"
     :end-placeholder="$t('datasource.end_time')"
   />
+  <el-date-picker
+    v-else
+    disabled
+    v-model="selectValue"
+    type="yearrange"
+    :prefix-icon="Calendar"
+    format="YYYY"
+    :range-separator="$t('cron.to')"
+    :start-placeholder="$t('datasource.start_time')"
+    :end-placeholder="$t('datasource.end_time')"
+  />
 </template>