wujingjing
2024-10-15 f9ffa3b42a98edcb1c901c3ad1fde98c9ad8589a
src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue
@@ -2,7 +2,7 @@
   <div class="flex items-center">
      <div class="flex items-center space-x-1">
         <div
            class="ywicon icon-pre"
            class="ywifont ywicon-pre"
            :class="{ 'cursor-not-allowed': !offsetClickIsAllow, 'cursor-pointer': offsetClickIsAllow }"
            @click="preDayClick"
         ></div>
@@ -17,13 +17,14 @@
            :disabled-date="disabledDate"
            :clearable="false"
            :disabled="disabled"
            @change="datePickerChange"
         >
            <template v-for="(value, name) in $slots" #[name]="slotData">
               <slot :name="name" v-bind="slotData || {}"></slot>
            </template>
         </el-date-picker>
         <div
            class="ywicon icon-next"
            class="ywifont ywicon-next"
            :class="{ 'cursor-not-allowed': !offsetClickIsAllow, 'cursor-pointer': offsetClickIsAllow }"
            @click="nextDayClick"
         ></div>
@@ -95,6 +96,10 @@
const disabledDate = (date: Date) => {
   return date > CURRENT_DAY;
};
const resetQuickPickValue = () =>{
   quickPickValue.value = null;
}
const quickPickValue = ref<TimeRangeEnum>(null);
const quickPickRangeClick = (val: TimeRangeEnum) => {
   if (quickPickValue.value === val) return;
@@ -108,12 +113,19 @@
   if (!dateValue.value) return;
   dateValue.value[0] = moment(dateValue.value[0]).subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss');
   dateValue.value = [...dateValue.value];
   resetQuickPickValue();
};
const nextDayClick = () => {
   if (!dateValue.value) return;
   dateValue.value[1] = moment(dateValue.value[1]).add(1, 'day').format('YYYY-MM-DD HH:mm:ss');
   dateValue.value = [...dateValue.value];
   resetQuickPickValue();
};
const datePickerChange = (va) => {
   resetQuickPickValue();
};
watch(