接单工单与资金申请列表支持创建时间区间筛选

apps/frontend/src/pages/admin/panels/FinancePanel.tsx

@@ -34,6 +34,8 @@ import type {
   WorkerFinanceConfig,
   WorkerFinanceRequest,
 } from '@/types/worker-platform'
+import { AdminRangePicker } from '@/components/admin/AdminDatePicker'
+import dayjs, { ADMIN_DATE_FORMAT } from '@/lib/dayjs'
 import { ADMIN_DEFAULT_PAGE_SIZE, buildAdminTablePagination } from '@/utils/admin-pagination'
 import { formatAdminDateTime } from '@/utils/admin-time'
 import { asRecord, formatMoney } from './shared'
@@ -69,6 +71,7 @@ export default function FinancePanel() {
   const [requestType, setRequestType] = useState('')
   const [keywordInput, setKeywordInput] = useState('')
   const [keyword, setKeyword] = useState('')
+  const [createdRange, setCreatedRange] = useState<[string, string] | null>(null)
   const [page, setPage] = useState(1)
   const [pageSize, setPageSize] = useState(ADMIN_DEFAULT_PAGE_SIZE)
   const [savingConfig, setSavingConfig] = useState(false)
@@ -109,6 +112,8 @@ export default function FinancePanel() {
       keyword,
       page,
       pageSize,
+      createdRange ? createdRange[0] : '',
+      createdRange ? createdRange[1] : '',
     ],
     queryFn: () =>
       fetchAdminWorkerFinanceRequests({
@@ -118,6 +123,7 @@ export default function FinancePanel() {
         keyword,
         page,
         pageSize,
+        ...(createdRange ? { createdFrom: createdRange[0], createdTo: createdRange[1] } : {}),
       }),
   })
   const financeRequestsPagination = financeRequestsQuery.data?.data.pagination
@@ -466,6 +472,18 @@ export default function FinancePanel() {
                 setPage(1)
               }}
             />
+            <AdminRangePicker
+              value={createdRange ? [dayjs(createdRange[0]), dayjs(createdRange[1])] : null}
+              onChange={(dates) => {
+                const [start, end] = dates || []
+                setCreatedRange(
+                  start && end
+                    ? [start.format(ADMIN_DATE_FORMAT), end.format(ADMIN_DATE_FORMAT)]
+                    : null,
+                )
+                setPage(1)
+              }}
+            />
             <Button
               icon={<ReloadOutlined />}
               loading={financeRequestsQuery.isFetching}