From def0d758405fcc6ce0772884b2af8a47e3ff558d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Mon, 24 Nov 2025 11:16:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=87=AD=E8=AF=81?=
 =?UTF-8?q?=E5=92=8C=E5=BC=80=E7=A5=A8=E8=AE=B0=E5=BD=95=E7=9A=84=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E8=8C=83=E5=9B=B4=E6=9F=A5=E8=AF=A2=EF=BC=8C=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=20dayjs=20=E7=B2=BE=E7=A1=AE=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E8=B5=B7=E6=AD=A2=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/transaction/invoice/index.vue  | 19 ++++++++++++++++---
 web/src/views/transaction/receipts/index.vue | 19 ++++++++++++++++---
 2 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/web/src/views/transaction/invoice/index.vue b/web/src/views/transaction/invoice/index.vue
index 6294e38..bd0bdf4 100644
--- a/web/src/views/transaction/invoice/index.vue
+++ b/web/src/views/transaction/invoice/index.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import dayjs from 'dayjs'
 import { NButton, NInput, NTag, NSelect, NDatePicker } from 'naive-ui'
 
 import CommonPage from '@/components/page/CommonPage.vue'
@@ -7,7 +8,7 @@ import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
 import CrudTable from '@/components/table/CrudTable.vue'
 import InvoiceModal from './InvoiceModal.vue'
 
-import { formatDate } from '@/utils'
+import { formatDate, formatDateTime } from '@/utils'
 import api from '@/api'
 
 defineOptions({ name: '开票记录' })
@@ -20,6 +21,18 @@ const vPermission = resolveDirective('permission')
 const invoiceModalVisible = ref(false)
 const invoiceModalMode = ref('view') // 'send' 或 'view'
 const currentInvoice = ref(null)
+const submittedDateRange = ref(null)
+
+const handleDateRangeChange = (val) => {
+  if (val && val.length === 2) {
+    queryItems.value.submitted_start = dayjs(val[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss')
+    queryItems.value.submitted_end = dayjs(val[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  } else {
+    queryItems.value.submitted_start = null
+    queryItems.value.submitted_end = null
+  }
+  $table.value?.handleSearch()
+}
 
 // 状态选项
 const statusOptions = [
@@ -271,12 +284,12 @@ async function handleInvoiceConfirm(formData) {
       <template #queryBar>
         <QueryBarItem label="提交时间" :label-width="80">
           <NDatePicker
-            v-model:value="queryItems.submitted_at"
+            v-model:value="submittedDateRange"
             type="daterange"
             clearable
             placeholder="请选择提交时间"
             style="width: 280px"
-            @update:value="$table?.handleSearch()"
+            @update:value="handleDateRangeChange"
           />
         </QueryBarItem>
         <QueryBarItem label="手机号" :label-width="80">
diff --git a/web/src/views/transaction/receipts/index.vue b/web/src/views/transaction/receipts/index.vue
index 40e9a55..c834601 100644
--- a/web/src/views/transaction/receipts/index.vue
+++ b/web/src/views/transaction/receipts/index.vue
@@ -1,18 +1,31 @@
 <script setup>
 import { h, onMounted, ref } from 'vue'
+import dayjs from 'dayjs'
 import { NTag, NButton, NInput, NSelect, NDatePicker } from 'naive-ui'
 
 import CommonPage from '@/components/page/CommonPage.vue'
 import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
 import CrudTable from '@/components/table/CrudTable.vue'
 
-import { formatDate } from '@/utils'
+import { formatDate, formatDateTime } from '@/utils'
 import api from '@/api'
 
 defineOptions({ name: '交易记录' })
 
 const $table = ref(null)
 const queryItems = ref({})
+const submittedDateRange = ref(null)
+
+const handleDateRangeChange = (val) => {
+  if (val && val.length === 2) {
+    queryItems.value.submitted_start = dayjs(val[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss')
+    queryItems.value.submitted_end = dayjs(val[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  } else {
+    queryItems.value.submitted_start = null
+    queryItems.value.submitted_end = null
+  }
+  $table.value?.handleSearch()
+}
 
 const statusOptions = [
   { label: '全部', value: '' },
@@ -83,12 +96,12 @@ const columns = [
       <template #queryBar>
         <QueryBarItem label="凭证时间" :label-width="80">
           <NDatePicker
-            v-model:value="queryItems.created_at"
+            v-model:value="submittedDateRange"
             type="daterange"
             clearable
             placeholder="请选择凭证时间"
             style="width: 280px"
-            @update:value="$table?.handleSearch()"
+            @update:value="handleDateRangeChange"
           />
         </QueryBarItem>
         <QueryBarItem label="手机号" :label-width="80">