{
+ return [
+ {
+ title: '提现单',
+ dataIndex: 'withdraw_no',
+ width: 230,
+ fixed: 'left',
+ render: (_, row) => (
+
+ {canView ? (
+
+ ) : (
+ {row.withdraw_no}
+ )}
+ {row.user_nickname || row.user_phone || `UID ${row.user_id}`}
+
+ {formatText(row.user_phone)}
+ {row.distribution_site_name ? ` · ${row.distribution_site_name}` : ''}
+
+
+ ),
+ },
+ {
+ title: '提现金额',
+ key: 'amount',
+ width: 150,
+ align: 'right',
+ render: (_, row) => (
+
+ {formatMoney(row.amount_cent)}
+ 手续费 {formatMoney(row.fee_cent)}
+ 到账 {formatMoney(row.actual_amount_cent)}
+
+ ),
+ },
+ {
+ title: '收款账户',
+ key: 'account',
+ width: 220,
+ render: (_, row) => (
+
+
+ {formatText(row.account_type)} · {formatText(row.account_name)}
+
+ {formatText(row.account_no)}
+
+ {formatText(row.bank_name)}
+ {row.bank_branch ? ` · ${row.bank_branch}` : ''}
+
+
+ ),
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ width: 110,
+ render: value => ,
+ },
+ {
+ title: '申请时间',
+ dataIndex: 'created_at',
+ width: 170,
+ render: value => formatDateTime(value),
+ },
+ {
+ title: '审核 / 打款',
+ key: 'audit',
+ width: 190,
+ render: (_, row) => (
+
+ 审核 {row.reviewed_by_name || '—'}
+ 打款 {row.paid_by_name || '—'}
+ {formatDateTime(row.paid_at || row.reviewed_at)}
+
+ ),
+ },
+ {
+ title: '操作',
+ key: 'actions',
+ width: 96,
+ fixed: 'right',
+ render: (_, row) =>
+ canView ? (
+ } onClick={() => onOpen(row)}>
+ 处理
+
+ ) : (
+ 无权限
+ ),
+ },
+ ]
+}
+
+export function AdminWithdrawalsPage() {
+ const [draft, setDraft] = useState(emptyFilters)
+ const [applied, setApplied] = useState(emptyFilters)
+ const [page, setPage] = useState(1)
+ const [pageSize, setPageSize] = useState(20)
+ const [detailId, setDetailId] = useState(null)
+ const [detailOpen, setDetailOpen] = useState(false)
+ const permissions = useAdminSessionStore(state => state.admin?.permissions)
+ const canView = Boolean(
+ permissions?.includes('*') ||
+ permissions?.includes('withdrawal:list') ||
+ permissions?.includes('withdrawal:detail')
+ )
+
+ const { data, isPending, isFetching, isError, error, refetch } = useQuery({
+ queryKey: ['admin-withdrawals', applied, page, pageSize],
+ queryFn: () => fetchAdminWithdrawals({ ...applied, page, page_size: pageSize }),
+ placeholderData: keepPreviousData,
+ })
+
+ const columns = useMemo(() => buildColumns(row => {
+ setDetailId(row.id)
+ setDetailOpen(true)
+ }, canView), [canView])
+
+ const patchFilter = (patch: Partial) => {
+ setDraft(current => ({ ...current, ...patch }))
+ }
+
+ const applyFilters = () => {
+ setApplied({ ...draft })
+ setPage(1)
+ }
+
+ const resetFilters = () => {
+ setDraft(emptyFilters)
+ setApplied(emptyFilters)
+ setPage(1)
+ }
+
+ const hasActiveFilters = Boolean(draft.status)
+ const errorText = error instanceof Error ? error.message : '请稍后重试或重新登录后台。'
+
+ return (
+
+
+ 共 {data?.total ?? 0} 笔
+ {isFetching && !isPending ? 正在更新 : null}
+
+ }
+ extra={
+ } onClick={() => void refetch()} loading={isFetching}>
+ 刷新数据
+
+ }
+ />
+
+
+
+
+
+
+ {isError ? (
+ void refetch()}>
+ 重试
+
+ }
+ />
+ ) : null}
+
+
+ title={提现申请}
+ extra={
+
+ {data ? `第 ${data.page} 页 · 当前 ${data.items.length} 条` : '加载中'}
+
+ }
+ rowKey="id"
+ columns={columns}
+ dataSource={data?.items ?? []}
+ loading={isFetching}
+ total={data?.total ?? 0}
+ page={data?.page ?? page}
+ pageSize={data?.page_size ?? pageSize}
+ onPageChange={(nextPage, nextPageSize) => {
+ setPage(nextPageSize !== pageSize ? 1 : nextPage)
+ setPageSize(nextPageSize)
+ }}
+ onRowClick={canView ? row => {
+ setDetailId(row.id)
+ setDetailOpen(true)
+ } : undefined}
+ emptyDescription="没有匹配的提现申请"
+ />
+
+ {canView ? (
+ setDetailOpen(false)}
+ onChanged={() => {
+ void refetch()
+ }}
+ />
+ ) : null}
+