充值申请增加付款凭证与付款时间,管理端可核对后审核
- 打手端充值表单新增付款时间(必填)与付款凭证上传(最多5张) - 后端存储 paidAt 与 proofFiles 归一化数据 - 管理端资金申请列表新增付款凭证缩略图列,审核弹窗展示付款时间与凭证预览
This commit is contained in:
@@ -1617,6 +1617,16 @@ function FinancePanel() {
|
||||
minWidth: 240,
|
||||
render: (_, row) => renderFinanceRequestAccount(row),
|
||||
},
|
||||
{
|
||||
title: '付款凭证',
|
||||
minWidth: 140,
|
||||
render: (_, row) =>
|
||||
row.requestType === 'recharge' ? (
|
||||
<ImagePreviewList files={getRechargeProofs(row)} size={48} />
|
||||
) : (
|
||||
'-'
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
minWidth: 260,
|
||||
@@ -1851,6 +1861,18 @@ function FinancePanel() {
|
||||
<Descriptions.Item label="收款信息">
|
||||
{renderFinanceRequestAccountText(reviewState.request)}
|
||||
</Descriptions.Item>
|
||||
{reviewState.request.requestType === 'recharge' ? (
|
||||
<>
|
||||
<Descriptions.Item label="付款时间">
|
||||
{getRechargePaidAt(reviewState.request)
|
||||
? formatAdminDateTime(getRechargePaidAt(reviewState.request))
|
||||
: '-'}
|
||||
</Descriptions.Item>
|
||||
<Descriptions.Item label="付款凭证">
|
||||
<ImagePreviewList files={getRechargeProofs(reviewState.request)} size={88} />
|
||||
</Descriptions.Item>
|
||||
</>
|
||||
) : null}
|
||||
<Descriptions.Item label="申请备注">
|
||||
{reviewState.request.note || '-'}
|
||||
</Descriptions.Item>
|
||||
@@ -2370,6 +2392,29 @@ function getRechargeSnapshot(request: WorkerFinanceRequest) {
|
||||
}
|
||||
}
|
||||
|
||||
function getRechargeProofs(request: WorkerFinanceRequest): UploadedFile[] {
|
||||
if (request.requestType !== 'recharge') return []
|
||||
const payload = asRecord(request.payload)
|
||||
const rawFiles = Array.isArray(payload.proofFiles) ? payload.proofFiles : []
|
||||
return rawFiles
|
||||
.map((item) => {
|
||||
const file = asRecord(item)
|
||||
const url = String(file.url || '').trim()
|
||||
if (!url) return null
|
||||
return {
|
||||
url,
|
||||
mediumUrl: String(file.mediumUrl || '').trim(),
|
||||
thumbnailUrl: String(file.thumbnailUrl || '').trim(),
|
||||
} as UploadedFile
|
||||
})
|
||||
.filter((item): item is UploadedFile => Boolean(item))
|
||||
}
|
||||
|
||||
function getRechargePaidAt(request: WorkerFinanceRequest): string {
|
||||
const payload = asRecord(request.payload)
|
||||
return String(payload.paidAt || '').trim()
|
||||
}
|
||||
|
||||
function formatFinanceChannel(channel: string) {
|
||||
if (channel === 'alipay') return '支付宝'
|
||||
if (channel === 'wechat') return '微信收款'
|
||||
|
||||
@@ -17,6 +17,7 @@ import {
|
||||
Button,
|
||||
Card,
|
||||
Col,
|
||||
DatePicker,
|
||||
Descriptions,
|
||||
Empty,
|
||||
Form,
|
||||
@@ -38,6 +39,7 @@ import type { TableColumnsType } from 'antd'
|
||||
import { useState } from 'react'
|
||||
import { useNavigate } from 'react-router'
|
||||
|
||||
import ImageUpload from '@/components/files/ImageUpload'
|
||||
import {
|
||||
changeWorkerPassword,
|
||||
createWorkerRechargeRequest,
|
||||
@@ -48,6 +50,7 @@ import {
|
||||
logoutWorker,
|
||||
} from '@/services/worker'
|
||||
import type {
|
||||
UploadedFile,
|
||||
WorkerFinanceRequest,
|
||||
WorkerProfileSummary,
|
||||
WorkerUser,
|
||||
@@ -59,6 +62,8 @@ import { clearWorkerSession } from '@/utils/worker-auth'
|
||||
type RechargeFormValues = {
|
||||
amount?: number
|
||||
note?: string
|
||||
paidAt?: string
|
||||
proofFiles?: UploadedFile[]
|
||||
}
|
||||
|
||||
type WithdrawFormValues = {
|
||||
@@ -224,6 +229,8 @@ export default function WorkerProfilePage() {
|
||||
await createWorkerRechargeRequest({
|
||||
amount: values.amount,
|
||||
note: String(values.note || '').trim(),
|
||||
paidAt: values.paidAt || '',
|
||||
proofFiles: values.proofFiles || [],
|
||||
})
|
||||
message.success('充值申请已提交,请等待管理员处理')
|
||||
setRechargeOpen(false)
|
||||
@@ -842,6 +849,25 @@ export default function WorkerProfilePage() {
|
||||
>
|
||||
<InputNumber min={0.01} step={1} addonAfter="元" className="full-width" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="付款时间"
|
||||
name="paidAt"
|
||||
rules={[{ required: true, message: '请选择付款时间' }]}
|
||||
>
|
||||
<DatePicker
|
||||
showTime
|
||||
style={{ width: '100%' }}
|
||||
placeholder="选择转账完成时间"
|
||||
format="YYYY-MM-DD HH:mm"
|
||||
/>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="付款凭证"
|
||||
name="proofFiles"
|
||||
extra="上传转账成功截图,便于管理员快速核对入账"
|
||||
>
|
||||
<ImageUpload scene="worker-finance-proof" scope="worker" maxCount={5} />
|
||||
</Form.Item>
|
||||
<Form.Item label="备注说明" name="note">
|
||||
<Input.TextArea
|
||||
rows={4}
|
||||
|
||||
@@ -62,6 +62,8 @@ export function fetchWorkerFinanceRequests(params?: Record<string, unknown>) {
|
||||
export function createWorkerRechargeRequest(payload: {
|
||||
amount?: number
|
||||
note?: string
|
||||
paidAt?: string
|
||||
proofFiles?: UploadedFile[]
|
||||
}) {
|
||||
return apiPost<{ request: WorkerFinanceRequest }>(
|
||||
'/api/v1/worker/profile/recharge-requests',
|
||||
|
||||
Reference in New Issue
Block a user