{
+ return [
+ {
+ title: '订单',
+ dataIndex: 'order_no',
+ width: 200,
+ fixed: 'left',
+ render: (_, row) => (
+
+
+
+ 结算 {formatText(row.settlement_status)}
+
+ ),
+ },
+ {
+ title: '用户',
+ key: 'users',
+ width: 170,
+ render: (_, row) => (
+
+ 租客 {formatText(row.renter_phone)}
+ 号主 {formatText(row.owner_phone)}
+
+ ),
+ },
+ {
+ title: '订单金额',
+ key: 'order_amount',
+ width: 140,
+ align: 'right',
+ render: (_, row) => (
+
+ {formatMoney(row.order_rent_amount_cent)}
+ 押金 {formatMoney(row.order_deposit_amount_cent)}
+
+ ),
+ },
+ {
+ title: '结账',
+ key: 'checkout',
+ width: 160,
+ align: 'right',
+ render: (_, row) => (
+
+ 租金 {formatMoney(row.checkout_rent_amount_cent)}
+ 号主 {formatMoney(row.checkout_owner_income_cent)}
+ 平台费 {formatMoney(row.checkout_platform_fee_cent)}
+
+ ),
+ },
+ {
+ title: '支付 / 退款',
+ key: 'payment',
+ width: 160,
+ align: 'right',
+ render: (_, row) => (
+
+ {formatMoney(row.paid_amount_cent)}
+ 退款 {formatMoney(row.refunded_amount_cent)}
+ 渠道净额 {formatMoney(row.channel_net_amount_cent)}
+
+ ),
+ },
+ {
+ title: '财务状态',
+ dataIndex: 'finance_status',
+ width: 130,
+ render: value => ,
+ },
+ {
+ title: '结算时间',
+ dataIndex: 'settled_at',
+ width: 170,
+ render: value => formatDateTime(value),
+ },
+ {
+ title: '操作',
+ key: 'actions',
+ width: 100,
+ fixed: 'right',
+ render: (_, row) => (
+
+ ),
+ },
+ ]
+}
+
+export function AdminFinancePage() {
+ const navigate = useNavigate()
+ const [range, setRange] = useState<[Dayjs, Dayjs]>([
+ dayjs().subtract(6, 'day'),
+ dayjs(),
+ ])
+ const [keyword, setKeyword] = useState('')
+ const [appliedKeyword, setAppliedKeyword] = useState('')
+ const [dateType, setDateType] = useState('settled')
+ const [page, setPage] = useState(1)
+ const [pageSize, setPageSize] = useState(20)
+
+ const startDate = range[0].format('YYYY-MM-DD')
+ const endDate = range[1].format('YYYY-MM-DD')
+
+ const dashboard = useQuery({
+ queryKey: ['finance-dashboard', startDate, endDate],
+ queryFn: () => fetchFinanceDashboard({ start_date: startDate, end_date: endDate }),
+ staleTime: 60_000,
+ })
+
+ const details = useQuery({
+ queryKey: ['finance-details', startDate, endDate, appliedKeyword, dateType, page, pageSize],
+ queryFn: () =>
+ fetchFinanceDetails({
+ start_date: startDate,
+ end_date: endDate,
+ order_no: appliedKeyword,
+ date_type: dateType,
+ page,
+ page_size: pageSize,
+ }),
+ placeholderData: keepPreviousData,
+ })
+
+ const detailColumns = useMemo(
+ () => buildDetailColumns(orderNo => navigate(`/orders?keyword=${encodeURIComponent(orderNo)}`)),
+ [navigate]
+ )
+
+ const summary = dashboard.data?.summary
+ const disbursement = dashboard.data?.disbursement_summary
+ const pickup = dashboard.data?.pickup_summary
+ const mohong = dashboard.data?.mohong_summary
+ const expense = dashboard.data?.operating_expense_summary
+ const daily = dashboard.data?.daily_items ?? []
+
+ const applyDetailFilters = () => {
+ setAppliedKeyword(keyword.trim())
+ setPage(1)
+ }
+
+ const resetDetailFilters = () => {
+ setKeyword('')
+ setAppliedKeyword('')
+ setPage(1)
+ }
+
+ const errorText =
+ dashboard.error instanceof Error ? dashboard.error.message : '请稍后重试或重新登录后台。'
+
+ return (
+
+
+
+ {startDate} ~ {endDate}
+
+ {dashboard.isFetching ? 正在更新 : null}
+
+ }
+ extra={
+
+ {
+ if (value?.[0] && value[1]) {
+ setRange([value[0], value[1]])
+ setPage(1)
+ }
+ }}
+ />
+ }
+ onClick={() => {
+ void dashboard.refetch()
+ void details.refetch()
+ }}
+ loading={dashboard.isFetching}
+ >
+ 刷新
+
+
+ }
+ />
+
+ {dashboard.isError ? (
+ void dashboard.refetch()}>
+ 重试
+
+ }
+ />
+ ) : null}
+
+
+
+
+
+
+
+ 支付 {summary?.successful_pay_count ?? 0} 笔 · 退款{' '}
+ {summary?.successful_refund_count ?? 0} 笔
+
+
+
+
+
+
+
+
+
+
+ 待退款 {formatMoney(summary?.pending_refund_amount_cent ?? 0)} ·{' '}
+ {summary?.pending_refund_count ?? 0} 笔
+
+
+
+
+
+
+
+
+
+
+ 订单 {formatMoney(summary?.normal_order_profit_amount_cent ?? 0)} · 提号{' '}
+ {formatMoney(summary?.pickup_profit_amount_cent ?? 0)}
+
+
+
+
+
+
+
+
+
+
+ 钱包入账 {formatMoney(summary?.owner_wallet_income_amount_cent ?? 0)}
+
+
+
+
+
+
+
+
+
+
+ 已结算订单 {summary?.settled_order_count ?? 0} 笔
+
+
+
+
+
+
+
+
+
+
+ 结算差异 {formatMoney(summary?.settlement_diff_amount_cent ?? 0)}
+
+
+
+
+
+
+
+
+
+
+ {disbursement?.pending_payment_count ?? 0} 笔 · 已打款{' '}
+ {formatMoney(disbursement?.paid_amount_cent ?? 0)}
+
+
+
+
+
+
+
+
+
+
+ {disbursement?.withdrawal_review_count ?? 0} 笔 · 待打款{' '}
+ {formatMoney(disbursement?.withdrawal_pending_amount_cent ?? 0)}
+
+
+
+
+
+
+
+
+
+ 待结算订单
+ {summary?.pending_settle_order_count ?? 0}
+
+ 待线下结算 {formatMoney(summary?.offline_settlement_pending_amount_cent ?? 0)}
+
+
+
+
+
+ 线下提号
+ {pickup?.completed_count ?? 0}
+
+
+ 利润 {formatMoney(pickup?.profit_amount_cent ?? 0)} · 待结{' '}
+ {formatMoney(pickup?.pending_amount_cent ?? 0)}
+
+
+
+
+
+
+ 撞车商城净额
+ {formatMoney(mohong?.net_amount_cent ?? 0)}
+
+
+ 流水 {formatMoney(mohong?.flow_amount_cent ?? 0)} · 退款{' '}
+ {formatMoney(mohong?.refund_amount_cent ?? 0)}
+
+
+
+
+
+
+ 运营支出
+ {formatMoney(expense?.amount_cent ?? 0)}
+
+ {expense?.count ?? 0} 笔已登记支出
+
+
+
+
+
+ className="admin-finance-daily"
+ title={每日趋势}
+ extra={数据更新于 {formatDateTime(dashboard.data?.generated_at)}}
+ rowKey="date"
+ columns={dailyColumns}
+ dataSource={daily}
+ loading={dashboard.isFetching}
+ emptyDescription="所选区间没有财务数据"
+ />
+
+ {
+ setDateType(value)
+ setPage(1)
+ }}
+ />
+ }
+ >
+
+ setKeyword(event.target.value)}
+ />
+
+
+
+
+ title={财务明细}
+ extra={
+
+ {details.data ? `共 ${details.data.total} 条` : '加载中'}
+
+ }
+ rowKey="order_id"
+ columns={detailColumns}
+ dataSource={details.data?.items ?? []}
+ loading={details.isFetching}
+ total={details.data?.total ?? 0}
+ page={details.data?.page ?? page}
+ pageSize={details.data?.page_size ?? pageSize}
+ onPageChange={(nextPage, nextPageSize) => {
+ setPage(nextPageSize !== pageSize ? 1 : nextPage)
+ setPageSize(nextPageSize)
+ }}
+ emptyDescription="所选区间没有财务明细"
+ />
+