feat: 添加日期快捷选择功能并更新多个组件以使用新选择器

src/views/dashboard/smfCDRByIMSI/index.vue

@@ -38,6 +38,7 @@ import { message } from 'ant-design-vue';
 import useNeInfoStore from '@/store/modules/neinfo';
 import dayjs, { Dayjs } from 'dayjs';
 import { parseDateToStr } from '@/utils/date-utils';
+import { dayjsRanges } from '@/hooks/useRangePicker';
 const { t, currentLocale } = useI18n();
 const ws = new WS();
 
@@ -246,21 +247,6 @@ let queryRangePicker = ref<[Dayjs, Dayjs] | undefined>([
   dayjs().startOf('hour'),
   dayjs().endOf('hour'),
 ]);
-/**时间范围 */
-let rangePickerPresets = ref([
-  {
-    label: 'Now hour',
-    value: [dayjs().startOf('hour'), dayjs().endOf('hour')],
-  },
-  { label: 'Today', value: [dayjs().startOf('day'), dayjs().endOf('day')] },
-  {
-    label: 'Yesterday',
-    value: [
-      dayjs().subtract(1, 'day').startOf('day'),
-      dayjs().subtract(1, 'day').endOf('day'),
-    ],
-  },
-]);
 
 /**查询参数 */
 let queryParams = reactive({
@@ -667,7 +653,7 @@ onBeforeUnmount(() => {
             >
               <a-range-picker
                 v-model:value="queryRangePicker"
-                :presets="rangePickerPresets"
+                :presets="dayjsRanges()"
                 :bordered="true"
                 :allow-clear="false"
                 style="width: 100%"