From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/ShortcutDateRangePicker/index.vue | 84 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 84 insertions(+), 0 deletions(-)
diff --git a/src/components/ShortcutDateRangePicker/index.vue b/src/components/ShortcutDateRangePicker/index.vue
new file mode 100644
index 0000000..78c5130
--- /dev/null
+++ b/src/components/ShortcutDateRangePicker/index.vue
@@ -0,0 +1,84 @@
+<template>
+ <div class="flex flex-row items-center gap-2">
+ <el-radio-group v-model="shortcutDays" @change="handleShortcutDaysChange">
+ <el-radio-button :value="1">鏄ㄥぉ</el-radio-button>
+ <el-radio-button :value="7">鏈�杩�7澶�</el-radio-button>
+ <el-radio-button :value="30">鏈�杩�30澶�</el-radio-button>
+ </el-radio-group>
+ <el-date-picker
+ v-model="times"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="daterange"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+ :shortcuts="shortcuts"
+ class="!w-240px"
+ @change="emitDateRangePicker"
+ />
+ <slot></slot>
+ </div>
+</template>
+<script lang="ts" setup>
+import dayjs from 'dayjs'
+import * as DateUtil from '@/utils/formatTime'
+
+/** 蹇嵎鏃ユ湡鑼冨洿閫夋嫨缁勪欢 */
+defineOptions({ name: 'ShortcutDateRangePicker' })
+
+const shortcutDays = ref(7) // 鏃ユ湡蹇嵎澶╂暟锛堝崟閫夋寜閽粍锛�, 榛樿7澶�
+const times = ref<[string, string]>(['', '']) // 鏃堕棿鑼冨洿鍙傛暟
+defineExpose({ times }) // 鏆撮湶鏃堕棿鑼冨洿鍙傛暟
+/** 鏃ユ湡蹇嵎閫夋嫨 */
+const shortcuts = [
+ {
+ text: '鏄ㄥぉ',
+ value: () => DateUtil.getDayRange(new Date(), -1)
+ },
+ {
+ text: '鏈�杩�7澶�',
+ value: () => DateUtil.getLast7Days()
+ },
+ {
+ text: '鏈湀',
+ value: () => [dayjs().startOf('M'), dayjs().subtract(1, 'd')]
+ },
+ {
+ text: '鏈�杩�30澶�',
+ value: () => DateUtil.getLast30Days()
+ },
+ {
+ text: '鏈�杩�1骞�',
+ value: () => DateUtil.getLast1Year()
+ }
+]
+
+/** 璁剧疆鏃堕棿鑼冨洿 */
+function setTimes() {
+ const beginDate = dayjs().subtract(shortcutDays.value, 'd')
+ const yesterday = dayjs().subtract(1, 'd')
+ times.value = DateUtil.getDateRange(beginDate, yesterday)
+}
+
+/** 蹇嵎鏃ユ湡鍗曢�夋寜閽�変腑 */
+const handleShortcutDaysChange = async () => {
+ // 璁剧疆鏃堕棿鑼冨洿
+ setTimes()
+ // 鍙戦�佹椂闂磋寖鍥撮�変腑浜嬩欢
+ await emitDateRangePicker()
+}
+
+/** 瑙﹀彂浜嬩欢锛氭椂闂磋寖鍥撮�変腑 */
+const emits = defineEmits<{
+ (e: 'change', times: [dayjs.ConfigType, dayjs.ConfigType]): void
+}>()
+/** 瑙﹀彂鏃堕棿鑼冨洿閫変腑浜嬩欢 */
+const emitDateRangePicker = async () => {
+ emits('change', times.value)
+}
+
+/** 鍒濆鍖� **/
+onMounted(() => {
+ handleShortcutDaysChange()
+})
+</script>
--
Gitblit v1.8.0