소스 검색

feat:修改date range默认显示

AmandaG 11 달 전
부모
커밋
a60f5053cc
1개의 변경된 파일8개의 추가작업 그리고 7개의 파일을 삭제
  1. 8 7
      src/components/DateRange/src/DateRange.vue

+ 8 - 7
src/components/DateRange/src/DateRange.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import emitter from '@/utils/bus'
-import { ref, computed, onMounted, onBeforeMount } from 'vue'
+import { ref, watch, onMounted, onBeforeMount } from 'vue'
 import IconDropDown from '@/components/IconDropDown'
 import CalendarDate from './components/CalendarDate.vue'
 import moment from 'moment'
@@ -249,13 +249,13 @@ const DateRangeSearch = () => {
   emit('DateRangeSearch', daterangeObj, daterangeObj2)
   Date_visible.value = false
 }
-const CalendarTitle = computed(() => {
-  if (DateType.value == 'undefined') {
-    return 'Date Range'
-  } else {
-    return DateType.value
+const CalendarTitle = ref('Date Range')
+watch(
+  () => DateType.value,
+  (current) => {
+    CalendarTitle.value = current
   }
-})
+)
 // 清除
 const clearrest = () => {
   emit('clearDaterangeTags')
@@ -281,6 +281,7 @@ const clearDateCreation = () => {
   DateCreation.value = []
   AddDateType.value = []
   DateType.value = ''
+  CalendarTitle.value = 'Date Range'
   delete daterangeObj['Creation Time']
   delete daterangeObj2['Creation Time']
 }