admin模块接入数据库

pages/mall/admin/order/write-off-records/index.uvue

@@ -5,12 +5,12 @@
       <view class="filter-card border-shadow">
         <view class="filter-item">
           <text class="label-txt">核销日期:</text>
-          <view class="date-picker-mock">
-            <text class="date-txt">开始日期</text>
-            <text class="date-split">-</text>
-            <text class="date-txt">结束日期</text>
-            <text class="calendar-ic">📅</text>
-          </view>
+          <AnalyticsDateRangePicker
+            :initialStartDate="startDate"
+            :initialEndDate="endDate"
+            @apply="onApplyRange"
+            @clear="onClearRange"
+          />
         </view>
 
         <view class="filter-item">
@@ -104,6 +104,7 @@
 
 <script setup lang="uts">
 import { ref, onMounted, computed } from 'vue'
+import AnalyticsDateRangePicker from '@/components/analytics/AnalyticsDateRangePicker.uvue'
 import { fetchWriteOffRecordPage } from '@/services/orderService.uts'
 
 interface WriteOffRecord {
@@ -127,6 +128,9 @@ const page = ref(1)
 const pageSize = ref(15)
 const jumpPage = ref('')
 
+const startDate = ref('')
+const endDate = ref('')
+
 const totalPages = computed((): number => {
   if (pageSize.value <= 0) return 1
   return Math.ceil(total.value / pageSize.value)
@@ -135,10 +139,15 @@ const totalPages = computed((): number => {
 const loadRecords = async () => {
   loading.value = true
   try {
+    const st = startDate.value ? (startDate.value + ' 00:00:00') : null
+    const et = endDate.value ? (endDate.value + ' 23:59:59') : null
+
     const res = await fetchWriteOffRecordPage(
       page.value,
       pageSize.value,
-      searchQuery.value || null
+      searchQuery.value || null,
+      st,
+      et
     )
     
     recordList.value = res.items.map((item: any): WriteOffRecord => {
@@ -172,6 +181,18 @@ const handleQuery = () => {
   loadRecords()
 }
 
+function onApplyRange(payload : any) {
+  startDate.value = payload?.start ?? ''
+  endDate.value = payload?.end ?? ''
+  handleQuery()
+}
+
+function onClearRange() {
+  startDate.value = ''
+  endDate.value = ''
+  handleQuery()
+}
+
 const prevPage = () => {
   if (page.value > 1) {
     page.value--