From ef7e48cfc5e5e96b7c86997ee0901db4c5920d4f Mon Sep 17 00:00:00 2001
From: qian <wuchengqian5@163.com>
Date: Thu, 13 Aug 2026 23:44:42 +0800
Subject: [PATCH] =?UTF-8?q?improve(ui):=E4=BC=98=E5=8C=96=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=90=8E=E5=8F=B0=E7=9A=84=E6=97=B6=E9=97=B4=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/admin/src/views/ai/TaskLogsPage.vue        | 18 ++++--------------
 .../views/security/RequestAuditLogsPage.vue    | 18 ++++--------------
 web/admin/src/views/tenant/UsageLogsPage.vue   | 18 ++++--------------
 3 files changed, 12 insertions(+), 42 deletions(-)

diff --git a/web/admin/src/views/ai/TaskLogsPage.vue b/web/admin/src/views/ai/TaskLogsPage.vue
index f438c0d..e9d38d3 100644
--- a/web/admin/src/views/ai/TaskLogsPage.vue
+++ b/web/admin/src/views/ai/TaskLogsPage.vue
@@ -9,21 +9,9 @@ import PageHeader from '@/components/PageHeader.vue'
 import TableStats from '@/components/TableStats.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-  return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-  const d = new Date()
-  return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const loading = ref(false)
 const data = ref<any[]>([])
@@ -271,6 +259,8 @@ onMounted(() => {
         <ARangePicker
           v-model="filterDateRange"
           show-time
+          :shortcuts="quickDateRanges"
+          shortcuts-position="bottom"
           style="width: 340px"
           @change="handleFilter"
         />
diff --git a/web/admin/src/views/security/RequestAuditLogsPage.vue b/web/admin/src/views/security/RequestAuditLogsPage.vue
index 2d0c094..c40b8d2 100644
--- a/web/admin/src/views/security/RequestAuditLogsPage.vue
+++ b/web/admin/src/views/security/RequestAuditLogsPage.vue
@@ -10,21 +10,9 @@ import TableStats from '@/components/TableStats.vue'
 import ForwardingTracePanel from '@/components/ForwardingTracePanel.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-	return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-	return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-	const d = new Date()
-	return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const router = useRouter()
 
@@ -295,6 +283,8 @@ onMounted(() => {
 				<a-range-picker
 					v-model="filter.date_range"
 					show-time
+					:shortcuts="quickDateRanges"
+					shortcuts-position="bottom"
 					style="width: 340px"
 					@change="handleFilter"
 				/>
diff --git a/web/admin/src/views/tenant/UsageLogsPage.vue b/web/admin/src/views/tenant/UsageLogsPage.vue
index 930a134..02b62ed 100644
--- a/web/admin/src/views/tenant/UsageLogsPage.vue
+++ b/web/admin/src/views/tenant/UsageLogsPage.vue
@@ -11,21 +11,9 @@ import ForwardingTracePanel from '@/components/ForwardingTracePanel.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
 import { useExport } from '@/composables/useExport'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-	return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-	return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-	const d = new Date()
-	return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const loading = ref(false)
 const data = ref<any[]>([])
@@ -505,6 +493,8 @@ const { exporting, exportFile } = useExport({
 				<a-range-picker
 					v-model="filterDateRange"
 					show-time
+					:shortcuts="quickDateRanges"
+					shortcuts-position="bottom"
 					style="width: 340px"
 					@change="handleFilter"
 				/>