dachui/hfb_jysh
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(admin): 下推商品资产筛选并统一工作台缓存刷新

Browse Source
This commit is contained in:
yml2213
2026-11-01 20:54:51 +08:00
parent 6056afa436
commit 99899f4f11
8 changed files with 239 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/admin/AdminDisputeDetailDrawer.tsx
+20 -15
View File
@@ -1,11 +1,18 @@
import { useState } from 'react'
import { useQueryClient } from '@tanstack/react-query'
import { App, Button, Image, Input, InputNumber, Modal, Select, Space, Tag, Typography } from 'antd'
import { CheckCircleOutlined } from '@ant-design/icons'
import { arbitrateAdminDispute } from '@/features/admin/api'
import { invalidateAdminDashboard } from '@/features/admin/cache'
import { DetailDrawer, type DetailSection } from '@/features/admin/components/DetailDrawer'
import { StatusTag } from '@/features/admin/components/StatusTag'
import { handoffStatusMeta, orderStatusMap, readStatusMeta, settlementStatusMap } from '@/features/admin/labels'
import {
handoffStatusMeta,
orderStatusMap,
readStatusMeta,
settlementStatusMap,
} from '@/features/admin/labels'
import {
allowsAmount,
arbitrationResultLabel,
@@ -211,6 +218,7 @@ export function AdminDisputeDetailDrawer({
onUpdated,
}: AdminDisputeDetailDrawerProps) {
const { message } = App.useApp()
const queryClient = useQueryClient()
const permissions = useAdminSessionStore(state => state.admin?.permissions)
const canArbitrate = Boolean(
permissions?.includes('*') || permissions?.includes('dispute:arbitrate')
@@ -234,7 +242,8 @@ export function AdminDisputeDetailDrawer({
)
setCoinM(dispute.checkout_coin_consumed_m ?? null)
setConsumableYuan(
(dispute.checkout_consumable_amount_cent ?? dispute.extra_item_original_amount_cent ?? 0) / 100
(dispute.checkout_consumable_amount_cent ?? dispute.extra_item_original_amount_cent ?? 0) /
100
)
setModalOpen(true)
}
@@ -277,7 +286,7 @@ export function AdminDisputeDetailDrawer({
remark: text,
amount_cent:
allowsAmount(result) && amountYuan != null ? Math.round(amountYuan * 100) : undefined,
actual_coin_consumed_m: usesActualCheckout(result) ? coinM ?? undefined : undefined,
actual_coin_consumed_m: usesActualCheckout(result) ? (coinM ?? undefined) : undefined,
actual_consumable_amount_cent: usesActualCheckout(result)
? Math.round((consumableYuan ?? 0) * 100)
: undefined,
@@ -285,6 +294,7 @@ export function AdminDisputeDetailDrawer({
message.success('仲裁结果已保存')
setModalOpen(false)
onUpdated(updated)
void invalidateAdminDashboard(queryClient)
} catch (error) {
const text =
error && typeof error === 'object' && 'response' in error
@@ -299,7 +309,8 @@ export function AdminDisputeDetailDrawer({
}
}
const canHandle = dispute != null && ['open', 'processing'].includes(dispute.status) && canArbitrate
const canHandle =
dispute != null && ['open', 'processing'].includes(dispute.status) && canArbitrate
const showAmount = allowsAmount(result)
const showActual = usesActualCheckout(result)
@@ -312,8 +323,7 @@ export function AdminDisputeDetailDrawer({
subtitle={
dispute ? (
<span>
{dispute.order_no} · {disputeTypeLabel(dispute.type)} ·{' '}
{initiatorLabel(dispute)}
{dispute.order_no} · {disputeTypeLabel(dispute.type)} · {initiatorLabel(dispute)}
</span>
) : null
}
@@ -331,11 +341,7 @@ export function AdminDisputeDetailDrawer({
dispute ? (
<Space wrap>
{canHandle ? (
<Button
type="primary"
icon={<CheckCircleOutlined />}
onClick={openArbitration}
>
<Button type="primary" icon={<CheckCircleOutlined />} onClick={openArbitration}>
提交仲裁
</Button>
) : null}
@@ -360,7 +366,8 @@ export function AdminDisputeDetailDrawer({
>
{dispute ? (
<Typography.Paragraph type="secondary">
订单 {dispute.order_no}，申诉 #{dispute.id}。裁决会立即影响订单、钱包与商品状态，请核对后提交。
订单 {dispute.order_no}，申诉 #{dispute.id}
。裁决会立即影响订单、钱包与商品状态，请核对后提交。
</Typography.Paragraph>
) : null}
@@ -395,9 +402,7 @@ export function AdminDisputeDetailDrawer({
precision={2}
value={consumableYuan}
addonBefore="¥"
onChange={value =>
setConsumableYuan(typeof value === 'number' ? value : null)
}
onChange={value => setConsumableYuan(typeof value === 'number' ? value : null)}
/>
</div>
</>
frontend/src/features/admin/AdminListingDetailDrawer.tsx
+24 -18
View File
@@ -1,16 +1,7 @@
import { useState } from 'react'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import axios from 'axios'
import {
App,
Button,
Image,
Input,
Modal,
Space,
Tag,
Typography,
} from 'antd'
import { App, Button, Image, Input, Modal, Space, Tag, Typography } from 'antd'
import { CopyOutlined, DownOutlined, StopOutlined, WarningOutlined } from '@ant-design/icons'
import {
@@ -20,6 +11,7 @@ import {
offlineAdminListing,
rejectAdminListing,
} from '@/features/admin/api'
import { invalidateAdminDashboard } from '@/features/admin/cache'
import { DetailDrawer, type DetailSection } from '@/features/admin/components/DetailDrawer'
import { StatusTag } from '@/features/admin/components/StatusTag'
import { handoffModeMap, readStatusMeta, settlementModeMap } from '@/features/admin/labels'
@@ -78,8 +70,16 @@ function buildSections(listing: AdminListing): DetailSection[] {
key: 'overview',
title: '商品概览',
fields: [
{ key: 'listing_no', label: '商品编号', value: <span className="admin-mono">{listing.listing_no}</span> },
{ key: 'status', label: '商品状态', value: <StatusTag meta={listingStatusMeta(listing.status)} /> },
{
key: 'listing_no',
label: '商品编号',
value: <span className="admin-mono">{listing.listing_no}</span>,
},
{
key: 'status',
label: '商品状态',
value: <StatusTag meta={listingStatusMeta(listing.status)} />,
},
{
key: 'review_status',
label: '审核状态',
@@ -185,9 +185,7 @@ function buildSections(listing: AdminListing): DetailSection[] {
{
key: 'reason',
label: '审核意见',
value: (
<div className="admin-detail__pre">{listing.review_reason || '暂无审核意见'}</div>
),
value: <div className="admin-detail__pre">{listing.review_reason || '暂无审核意见'}</div>,
span: 2,
},
{
@@ -212,7 +210,8 @@ function buildSections(listing: AdminListing): DetailSection[] {
}
if (listing.screenshot_urls.length > 0 || listing.cover_url) {
const images = listing.screenshot_urls.length > 0 ? listing.screenshot_urls : [listing.cover_url]
const images =
listing.screenshot_urls.length > 0 ? listing.screenshot_urls : [listing.cover_url]
sections.push({
key: 'screenshots',
title: '商品截图',
@@ -273,6 +272,7 @@ export function AdminListingDetailDrawer({
await query.refetch()
await queryClient.invalidateQueries({ queryKey: ['admin-listings'] })
await queryClient.invalidateQueries({ queryKey: ['admin-pending-listings'] })
await invalidateAdminDashboard(queryClient)
onChanged?.()
}
@@ -345,7 +345,9 @@ export function AdminListingDetailDrawer({
!['offline', 'completed', 'sealed'].includes(listing.status) &&
can('listing:offline')
const canMarkAbnormal =
listing != null && !['abnormal', 'completed', 'sealed'].includes(listing.status) && can('listing:offline')
listing != null &&
!['abnormal', 'completed', 'sealed'].includes(listing.status) &&
can('listing:offline')
const actionCopyItem = reasonAction ? actionCopy[reasonAction] : null
@@ -398,7 +400,11 @@ export function AdminListingDetailDrawer({
标记异常
</Button>
) : null}
<Button icon={<CopyOutlined />} onClick={() => void copyListingNo()} disabled={!listing}>
<Button
icon={<CopyOutlined />}
onClick={() => void copyListingNo()}
disabled={!listing}
>
复制编号
</Button>
<Button onClick={onClose}>关闭</Button>
frontend/src/features/admin/AdminRefundReviewPage.tsx
+29 -11
View File
@@ -1,18 +1,29 @@
import { useState } from 'react'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import { Alert, App, Button, Modal, Radio, Space, Tag, Typography, type TableColumnsType } from 'antd'
import {
Alert,
App,
Button,
Modal,
Radio,
Space,
Tag,
Typography,
type TableColumnsType,
} from 'antd'
import { EyeOutlined, ReloadOutlined } from '@ant-design/icons'
import { approveAdminRefund, fetchPendingRefundOrders, rejectAdminRefund } from '@/features/admin/api'
import {
approveAdminRefund,
fetchPendingRefundOrders,
rejectAdminRefund,
} from '@/features/admin/api'
import { AdminOrderDetailDrawer } from '@/features/admin/AdminOrderDetailDrawer'
import { invalidateAdminDashboard } from '@/features/admin/cache'
import { AdminPageHeader } from '@/features/admin/components/AdminPageHeader'
import { DataTable } from '@/features/admin/components/DataTable'
import { StatusTag } from '@/features/admin/components/StatusTag'
import {
handoffStatusMeta,
orderStatusMap,
readStatusMeta,
} from '@/features/admin/labels'
import { handoffStatusMeta, orderStatusMap, readStatusMeta } from '@/features/admin/labels'
import type { AdminOrderDetail } from '@/features/admin/types'
import { useAdminSessionStore } from '@/stores/adminSession'
import { formatDateTime, formatMoney, formatText } from '@/shared/utils/format'
@@ -137,7 +148,7 @@ export function AdminRefundReviewPage() {
const refreshAll = async () => {
await query.refetch()
await queryClient.invalidateQueries({ queryKey: ['admin-orders'] })
await queryClient.invalidateQueries({ queryKey: ['admin-dashboard'] })
await invalidateAdminDashboard(queryClient)
}
const openDetail = (row: AdminOrderDetail) => {
@@ -174,7 +185,9 @@ export function AdminRefundReviewPage() {
setSubmitting(true)
try {
await rejectAdminRefund(rejectOrder.id, rejectMode)
message.success(rejectMode === 'restore' ? '退款已驳回，订单恢复待交接' : '退款已驳回，订单已关闭')
message.success(
rejectMode === 'restore' ? '退款已驳回，订单恢复待交接' : '退款已驳回，订单已关闭'
)
setRejectOrder(null)
await refreshAll()
} catch (error) {
@@ -185,7 +198,8 @@ export function AdminRefundReviewPage() {
}
const columns = buildColumns(openDetail, approve, openReject, canClose, canView)
const errorText = query.error instanceof Error ? query.error.message : '请稍后重试或重新登录后台。'
const errorText =
query.error instanceof Error ? query.error.message : '请稍后重试或重新登录后台。'
return (
<div className="admin-page">
@@ -200,7 +214,11 @@ export function AdminRefundReviewPage() {
</Space>
}
extra={
<Button icon={<ReloadOutlined />} onClick={() => void query.refetch()} loading={query.isFetching}>
<Button
icon={<ReloadOutlined />}
onClick={() => void query.refetch()}
loading={query.isFetching}
>
刷新队列
</Button>
}
frontend/src/features/admin/AdminWithdrawalDetailDrawer.tsx
+18 -10
View File
@@ -1,5 +1,5 @@
import { useState } from 'react'
import { useQuery } from '@tanstack/react-query'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import { App, Button, Image, Input, Modal, Space, Tag, Typography } from 'antd'
import { CheckOutlined, CloseOutlined, WalletOutlined } from '@ant-design/icons'
@@ -8,6 +8,7 @@ import {
fetchAdminWithdrawal,
reviewAdminWithdrawal,
} from '@/features/admin/api'
import { invalidateAdminDashboard } from '@/features/admin/cache'
import { DetailDrawer, type DetailSection } from '@/features/admin/components/DetailDrawer'
import { StatusTag } from '@/features/admin/components/StatusTag'
import { readStatusMeta, withdrawalStatusMap } from '@/features/admin/labels'
@@ -51,7 +52,11 @@ function buildSections(item: AdminWithdrawal): DetailSection[] {
label: '提现状态',
value: <StatusTag meta={readStatusMeta(withdrawalStatusMap, item.status)} />,
},
{ key: 'user', label: '用户', value: `${item.user_nickname || '未设置昵称'} · ${item.user_phone}` },
{
key: 'user',
label: '用户',
value: `${item.user_nickname || '未设置昵称'} · ${item.user_phone}`,
},
{ key: 'user_id', label: '用户 ID', value: `UID ${item.user_id}` },
{
key: 'site',
@@ -103,7 +108,12 @@ function buildSections(item: AdminWithdrawal): DetailSection[] {
{ key: 'review_remark', label: '审核备注', value: formatText(item.review_remark), span: 2 },
{ key: 'paid_by', label: '打款人', value: formatText(item.paid_by_name) },
{ key: 'paid_at', label: '打款时间', value: formatDateTime(item.paid_at) },
{ key: 'payment_remark', label: '打款备注', value: formatText(item.payment_remark), span: 2 },
{
key: 'payment_remark',
label: '打款备注',
value: formatText(item.payment_remark),
span: 2,
},
{
key: 'proof',
label: '打款凭证',
@@ -167,6 +177,7 @@ export function AdminWithdrawalDetailDrawer({
onChanged,
}: AdminWithdrawalDetailDrawerProps) {
const { message } = App.useApp()
const queryClient = useQueryClient()
const permissions = useAdminSessionStore(state => state.admin?.permissions)
const can = (code: string) => Boolean(permissions?.includes('*') || permissions?.includes(code))
const [action, setAction] = useState<WithdrawalAction | null>(null)
@@ -216,6 +227,7 @@ export function AdminWithdrawalDetailDrawer({
}
setAction(null)
await query.refetch()
await invalidateAdminDashboard(queryClient)
onChanged?.()
} catch (error) {
const text =
@@ -278,11 +290,7 @@ export function AdminWithdrawalDetailDrawer({
</>
) : null}
{canPay ? (
<Button
type="primary"
icon={<WalletOutlined />}
onClick={() => openAction('pay')}
>
<Button type="primary" icon={<WalletOutlined />} onClick={() => openAction('pay')}>
确认已打款
</Button>
) : null}
@@ -308,8 +316,8 @@ export function AdminWithdrawalDetailDrawer({
{item ? (
<Typography.Paragraph>
提现单 {item.withdraw_no}，申请 {formatMoney(item.amount_cent)}，到账{' '}
{formatMoney(item.actual_amount_cent)}，收款人 {item.account_name}（
{item.account_no}）。
{formatMoney(item.actual_amount_cent)}，收款人 {item.account_name}（{item.account_no}
）。
</Typography.Paragraph>
) : null}
<Input.TextArea
frontend/src/features/admin/cache.ts
+9
View File
@@ -0,0 +1,9 @@
import type { QueryClient } from '@tanstack/react-query'
/**
* 后台写操作统一失效工作台缓存。
* 商品审核、订单处理、退款、提现、申诉等操作都会改变看板数字，写成功后调用。
*/
export function invalidateAdminDashboard(queryClient: QueryClient) {
return queryClient.invalidateQueries({ queryKey: ['admin-dashboard'] })
}