feat: 对接订单管理页面相关接口字段
This commit is contained in:
@@ -0,0 +1,106 @@
|
|||||||
|
/**
|
||||||
|
* 订单管理 API
|
||||||
|
* 注意:/admin 前缀已通过 VITE_API_BASE_URL 统一注入(见 .env.*),此文件中只写业务路径。
|
||||||
|
*/
|
||||||
|
import { get, post } from '@/utils/request';
|
||||||
|
import { USE_MOCK, MOCK_DELAY } from '@/config/mock';
|
||||||
|
import { buildMockOrderListPage } from '@/config/mock/orderList';
|
||||||
|
import { MOCK_ORDER_DETAIL } from '@/config/mock/orderDetail';
|
||||||
|
import {
|
||||||
|
MOCK_ORDER_PLAYER_LIST,
|
||||||
|
buildMockOrderPlayerListPage,
|
||||||
|
} from '@/config/mock/orderPlayerList';
|
||||||
|
import type {
|
||||||
|
OrderListQueryParams,
|
||||||
|
OrderDetailQueryParams,
|
||||||
|
OrderPlayerListQueryParams,
|
||||||
|
RetryRefundParams,
|
||||||
|
TournamentAdminOrderPageVO,
|
||||||
|
TournamentAdminOrderInfoVO,
|
||||||
|
TournamentAdminOrderInfoPageVO,
|
||||||
|
PageData,
|
||||||
|
ApiResult,
|
||||||
|
} from './types';
|
||||||
|
|
||||||
|
export type {
|
||||||
|
TournamentAdminOrderPageVO,
|
||||||
|
TournamentAdminOrderInfoVO,
|
||||||
|
TournamentAdminOrderInfoPageVO,
|
||||||
|
InnerRefundInfo,
|
||||||
|
OrderListQueryParams,
|
||||||
|
OrderDetailQueryParams,
|
||||||
|
OrderPlayerListQueryParams,
|
||||||
|
RetryRefundParams,
|
||||||
|
PageData,
|
||||||
|
ApiResult,
|
||||||
|
} from './types';
|
||||||
|
|
||||||
|
const delay = (ms: number) => new Promise<void>((resolve) => setTimeout(resolve, ms));
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 订单管理 - 订单分页
|
||||||
|
* GET /admin/manager/order/page → /manager/order/page
|
||||||
|
*/
|
||||||
|
export async function getOrderList(
|
||||||
|
params: OrderListQueryParams,
|
||||||
|
): Promise<ApiResult<PageData<TournamentAdminOrderPageVO>>> {
|
||||||
|
if (USE_MOCK) {
|
||||||
|
await delay(MOCK_DELAY);
|
||||||
|
const page = Number(params.page) || 1;
|
||||||
|
const limit = Number(params.limit) || 10;
|
||||||
|
return {
|
||||||
|
code: 200,
|
||||||
|
msg: 'success',
|
||||||
|
data: buildMockOrderListPage(page, limit),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return get('/manager/order/page', params as Record<string, any>);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 订单管理 - 订单详情
|
||||||
|
* GET /admin/manager/order/info → /manager/order/info
|
||||||
|
*/
|
||||||
|
export async function getOrderDetail(
|
||||||
|
params: OrderDetailQueryParams,
|
||||||
|
): Promise<ApiResult<TournamentAdminOrderInfoVO>> {
|
||||||
|
if (USE_MOCK) {
|
||||||
|
await delay(MOCK_DELAY);
|
||||||
|
return {
|
||||||
|
code: 200,
|
||||||
|
msg: 'success',
|
||||||
|
data: { ...MOCK_ORDER_DETAIL },
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return get('/manager/order/info', params as Record<string, any>);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 订单管理 - 订单详情 - 选手列表
|
||||||
|
* GET /admin/manager/order/info/page → /manager/order/info/page
|
||||||
|
*/
|
||||||
|
export async function getOrderPlayerList(
|
||||||
|
params: OrderPlayerListQueryParams,
|
||||||
|
): Promise<ApiResult<PageData<TournamentAdminOrderInfoPageVO>>> {
|
||||||
|
if (USE_MOCK) {
|
||||||
|
await delay(MOCK_DELAY);
|
||||||
|
const page = Number(params.page) || 1;
|
||||||
|
const limit = Number(params.limit) || 10;
|
||||||
|
return {
|
||||||
|
code: 200,
|
||||||
|
msg: 'success',
|
||||||
|
data: buildMockOrderPlayerListPage(page, limit),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return get('/manager/order/info/page', params as Record<string, any>);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 订单管理 - 重新退款
|
||||||
|
* POST /admin/manager/order/retryRefund → /manager/order/retryRefund
|
||||||
|
*/
|
||||||
|
export function retryRefundOrder(
|
||||||
|
params: RetryRefundParams,
|
||||||
|
): Promise<ApiResult<Record<string, never>>> {
|
||||||
|
return post('/manager/order/retryRefund', params);
|
||||||
|
}
|
||||||
@@ -0,0 +1,185 @@
|
|||||||
|
/**
|
||||||
|
* 订单管理 — 类型定义
|
||||||
|
* 对应 OpenAPI: /admin/manager/order/page
|
||||||
|
*/
|
||||||
|
|
||||||
|
/** 订单列表项 */
|
||||||
|
export interface TournamentAdminOrderPageVO {
|
||||||
|
/** 订单编号 */
|
||||||
|
orderNo: string;
|
||||||
|
/** 选手ID */
|
||||||
|
uniqueId: number;
|
||||||
|
/** 赛事名称 */
|
||||||
|
name: string;
|
||||||
|
/** 选手名称 */
|
||||||
|
realName: string;
|
||||||
|
/** 手机号 */
|
||||||
|
phone: string;
|
||||||
|
/** 报名比赛组别名称 */
|
||||||
|
categoryName: string;
|
||||||
|
/** 报名人名称 */
|
||||||
|
creatorName: string;
|
||||||
|
/** 报名人手机号 */
|
||||||
|
creatorPhone: string;
|
||||||
|
/** 报名人一共报名人数 */
|
||||||
|
creatorSignupCount: number;
|
||||||
|
/** 订单金额;0.00格式 */
|
||||||
|
creatorSignupFee: string;
|
||||||
|
/** 优惠金额;0.00格式 */
|
||||||
|
creatorSignupFeeDiscount: string;
|
||||||
|
/** 实付金额;0.00格式 */
|
||||||
|
creatorSignupFeeActual: string;
|
||||||
|
/** 退款金额;0.00格式 */
|
||||||
|
creatorSignupFeeRefund: string;
|
||||||
|
/** 订单时间;yyyy.MM.dd HH:mm:ss */
|
||||||
|
orderTime: string;
|
||||||
|
/** 支付时间;yyyy.MM.dd HH:mm:ss */
|
||||||
|
payTime: string;
|
||||||
|
/** 订单状态;1=已支付,2=部分退款,3=全部退款,4=已关闭,-1=其他 */
|
||||||
|
orderStatus: number;
|
||||||
|
/** 退款状态;1=无退款,2=退款成功,3=退款失败,-1=其他 */
|
||||||
|
refundStatus: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 订单列表查询参数 */
|
||||||
|
export interface OrderListQueryParams {
|
||||||
|
page?: string;
|
||||||
|
limit?: string;
|
||||||
|
/** 订单时间开始 yyyy-MM-dd */
|
||||||
|
orderDate?: string;
|
||||||
|
/** 订单时间结束 yyyy-MM-dd */
|
||||||
|
orderDateEnd?: string;
|
||||||
|
/** 订单编号 */
|
||||||
|
orderNo?: string;
|
||||||
|
/** 赛事名称 */
|
||||||
|
tName?: string;
|
||||||
|
/** 选手名称 */
|
||||||
|
sName?: string;
|
||||||
|
/**
|
||||||
|
* 订单状态
|
||||||
|
* 不传=全部、1=支付成功,2=部分退款,3=全部退款,4=超时关闭
|
||||||
|
*/
|
||||||
|
status?: string;
|
||||||
|
/**
|
||||||
|
* 退款状态
|
||||||
|
* 不传=全部、0=退款失败,1=退款成功
|
||||||
|
*/
|
||||||
|
refundStatus?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 分页数据 */
|
||||||
|
export interface PageData<T> {
|
||||||
|
total: number;
|
||||||
|
list: T[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 统一响应包裹 */
|
||||||
|
export interface ApiResult<T> {
|
||||||
|
code: number;
|
||||||
|
msg: string;
|
||||||
|
data: T;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================
|
||||||
|
// 订单详情(对应 /manager/order/info)
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
/** 退款记录 */
|
||||||
|
export interface InnerRefundInfo {
|
||||||
|
/** 已退金额;0.00格式 */
|
||||||
|
refundedAmount: string;
|
||||||
|
/** 总退款次数(接口实际返回 string) */
|
||||||
|
totalRefundCount: string;
|
||||||
|
/** 退款金额;0.00格式 */
|
||||||
|
refundAmount: string;
|
||||||
|
/** 是否全部退款;0=否,1=是(接口实际返回 string) */
|
||||||
|
isFullRefund: string;
|
||||||
|
/** 退款方式 */
|
||||||
|
refundMethod: string;
|
||||||
|
/** 退款申请时间 */
|
||||||
|
refundApplyTime: string;
|
||||||
|
/** 第三方退款单号 */
|
||||||
|
refundOutTradeNo: string;
|
||||||
|
/** 退款完成时间 */
|
||||||
|
refundTime: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 订单详情 */
|
||||||
|
export interface TournamentAdminOrderInfoVO {
|
||||||
|
/** 赛事名称 */
|
||||||
|
tournamentName: string;
|
||||||
|
/** 订单编号 */
|
||||||
|
orderNumber: string;
|
||||||
|
/** 订单时间 */
|
||||||
|
orderTime: string;
|
||||||
|
/** 支付时间 */
|
||||||
|
payTime: string;
|
||||||
|
/** 订单金额;0.00格式 */
|
||||||
|
orderAmount: string;
|
||||||
|
/** 优惠金额;0.00格式 */
|
||||||
|
discountAmount: string;
|
||||||
|
/** 实付金额;0.00格式 */
|
||||||
|
payAmount: string;
|
||||||
|
/** 退款金额;0.00格式 */
|
||||||
|
refundAmount: string;
|
||||||
|
/** 退款信息list */
|
||||||
|
refundInfoList: InnerRefundInfo[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 订单详情查询参数 */
|
||||||
|
export interface OrderDetailQueryParams {
|
||||||
|
/** 订单编号 */
|
||||||
|
orderNo: string;
|
||||||
|
/** 选手ID */
|
||||||
|
uniqueId: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================
|
||||||
|
// 订单详情 — 选手列表(对应 /manager/order/info/page)
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
/** 订单下选手信息 */
|
||||||
|
export interface TournamentAdminOrderInfoPageVO {
|
||||||
|
/** 姓名 */
|
||||||
|
realName: string;
|
||||||
|
/** 性别;1=男,2=女(接口实际返回 string) */
|
||||||
|
gender: string;
|
||||||
|
/** 手机号 */
|
||||||
|
phone: string;
|
||||||
|
/** 证件号 */
|
||||||
|
idCard: string;
|
||||||
|
/** 证件号图片 */
|
||||||
|
idCardImg: string;
|
||||||
|
/** 选手身份证图片列表 */
|
||||||
|
idCardImgList: string[];
|
||||||
|
/** 选手组别名称 */
|
||||||
|
categoryName: string;
|
||||||
|
/** 订单金额;0.00 */
|
||||||
|
orderAmount: string;
|
||||||
|
/** 优惠金额;0.00 */
|
||||||
|
discountAmount: string;
|
||||||
|
/** 实付金额;0.00 */
|
||||||
|
payAmount: string;
|
||||||
|
/** 退款金额;0.00 */
|
||||||
|
refundAmount: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 选手列表查询参数 */
|
||||||
|
export interface OrderPlayerListQueryParams {
|
||||||
|
/** 订单编号 */
|
||||||
|
orderNo: string;
|
||||||
|
/** 选手ID */
|
||||||
|
uniqueId: string;
|
||||||
|
page: string;
|
||||||
|
limit: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================
|
||||||
|
// 重新退款(对应 /manager/order/retryRefund)
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
/** 重新退款请求参数 */
|
||||||
|
export interface RetryRefundParams {
|
||||||
|
/** 支付单号 */
|
||||||
|
payOrderNo: string;
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@
|
|||||||
* 对应接口:`GET /manager/tm/info`
|
* 对应接口:`GET /manager/tm/info`
|
||||||
* 类型:`TournamentAdminInfoVO`
|
* 类型:`TournamentAdminInfoVO`
|
||||||
*/
|
*/
|
||||||
import type { TournamentAdminInfoVO } from '@/api/events';
|
import type { TournamentAdminInfoVO } from '@/api/events/types';
|
||||||
|
|
||||||
export const MOCK_EVENT_DETAIL: TournamentAdminInfoVO = {
|
export const MOCK_EVENT_DETAIL: TournamentAdminInfoVO = {
|
||||||
name: '第二届全国地学羽毛球邀请赛',
|
name: '第二届全国地学羽毛球邀请赛',
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
* 对应接口:`GET /manager/tm/page`
|
* 对应接口:`GET /manager/tm/page`
|
||||||
* 类型:`TournamentAdminVO[]`
|
* 类型:`TournamentAdminVO[]`
|
||||||
*/
|
*/
|
||||||
import type { TournamentAdminVO, PageData } from '@/api/events';
|
import type { TournamentAdminVO, PageData } from '@/api/events/types';
|
||||||
|
|
||||||
export const MOCK_EVENT_LIST: TournamentAdminVO[] = [
|
export const MOCK_EVENT_LIST: TournamentAdminVO[] = [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -5,7 +5,11 @@
|
|||||||
* 对应接口:`GET /manager/tm/info/signupPage`
|
* 对应接口:`GET /manager/tm/info/signupPage`
|
||||||
* 类型:`TournamentAdminInfoSignupVO[]`
|
* 类型:`TournamentAdminInfoSignupVO[]`
|
||||||
*/
|
*/
|
||||||
import type { TournamentAdminInfoSignupVO, PageData, SignupListQueryParams } from '@/api/events';
|
import type {
|
||||||
|
TournamentAdminInfoSignupVO,
|
||||||
|
PageData,
|
||||||
|
SignupListQueryParams,
|
||||||
|
} from '@/api/events/types';
|
||||||
|
|
||||||
export const MOCK_SIGNUP_LIST: TournamentAdminInfoSignupVO[] = [
|
export const MOCK_SIGNUP_LIST: TournamentAdminInfoSignupVO[] = [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -0,0 +1,41 @@
|
|||||||
|
/**
|
||||||
|
* 订单详情弹窗假数据
|
||||||
|
*
|
||||||
|
* 使用页面:`src/pages/events/orders/components/OrderDetailModal.tsx`
|
||||||
|
* 对应接口:`GET /manager/order/info`
|
||||||
|
* 类型:`TournamentAdminOrderInfoVO`
|
||||||
|
*/
|
||||||
|
import type { TournamentAdminOrderInfoVO } from '@/api/orders/types';
|
||||||
|
|
||||||
|
export const MOCK_ORDER_DETAIL: TournamentAdminOrderInfoVO = {
|
||||||
|
tournamentName: '2026全国青少年羽毛球锦标赛暨体育文化交流大会',
|
||||||
|
orderNumber: 'ORD20260700001',
|
||||||
|
orderTime: '2026.07.12 08:11:07',
|
||||||
|
payTime: '2026.07.12 08:12:30',
|
||||||
|
orderAmount: '188.00',
|
||||||
|
discountAmount: '20.00',
|
||||||
|
payAmount: '168.00',
|
||||||
|
refundAmount: '50.00',
|
||||||
|
refundInfoList: [
|
||||||
|
{
|
||||||
|
refundedAmount: '30.00',
|
||||||
|
totalRefundCount: '2',
|
||||||
|
refundAmount: '30.00',
|
||||||
|
isFullRefund: '0',
|
||||||
|
refundMethod: '原路退回(微信支付)',
|
||||||
|
refundApplyTime: '2026.07.15 09:30:00',
|
||||||
|
refundOutTradeNo: '5030000789202607150930000123',
|
||||||
|
refundTime: '2026.07.15 09:35:00',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
refundedAmount: '20.00',
|
||||||
|
totalRefundCount: '2',
|
||||||
|
refundAmount: '20.00',
|
||||||
|
isFullRefund: '1',
|
||||||
|
refundMethod: '原路退回(微信支付)',
|
||||||
|
refundApplyTime: '2026.07.16 14:00:00',
|
||||||
|
refundOutTradeNo: '5030000789202607161400000456',
|
||||||
|
refundTime: '',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
@@ -0,0 +1,256 @@
|
|||||||
|
/**
|
||||||
|
* 订单列表页假数据
|
||||||
|
*
|
||||||
|
* 使用页面:`src/pages/events/orders/index.tsx`
|
||||||
|
* 对应接口:`GET /manager/order/page`
|
||||||
|
* 类型:`TournamentAdminOrderPageVO[]`
|
||||||
|
*/
|
||||||
|
import type { TournamentAdminOrderPageVO, PageData } from '@/api/orders/types';
|
||||||
|
|
||||||
|
export const MOCK_ORDER_LIST: TournamentAdminOrderPageVO[] = [
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700001',
|
||||||
|
uniqueId: 101,
|
||||||
|
name: '2026全国青少年羽毛球锦标赛暨体育文化交流大会',
|
||||||
|
realName: '张选手',
|
||||||
|
phone: '13800138001',
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
creatorName: '张报名',
|
||||||
|
creatorPhone: '13800138001',
|
||||||
|
creatorSignupCount: 2,
|
||||||
|
creatorSignupFee: '188.00',
|
||||||
|
creatorSignupFeeDiscount: '20.00',
|
||||||
|
creatorSignupFeeActual: '168.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.12 08:11:07',
|
||||||
|
payTime: '2026.07.12 08:12:30',
|
||||||
|
orderStatus: 1,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700002',
|
||||||
|
uniqueId: 102,
|
||||||
|
name: '国际马拉松城市联赛',
|
||||||
|
realName: '李选手',
|
||||||
|
phone: '13900139002',
|
||||||
|
categoryName: '女子青年组',
|
||||||
|
creatorName: '李报名',
|
||||||
|
creatorPhone: '13900139002',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '256.50',
|
||||||
|
creatorSignupFeeDiscount: '10.00',
|
||||||
|
creatorSignupFeeActual: '246.50',
|
||||||
|
creatorSignupFeeRefund: '50.00',
|
||||||
|
orderTime: '2026.07.11 11:28:20',
|
||||||
|
payTime: '2026.07.11 11:30:05',
|
||||||
|
orderStatus: 2,
|
||||||
|
refundStatus: 2,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700003',
|
||||||
|
uniqueId: 103,
|
||||||
|
name: '全民健身运动会',
|
||||||
|
realName: '王选手',
|
||||||
|
phone: '13700137003',
|
||||||
|
categoryName: '男子中年组',
|
||||||
|
creatorName: '王报名',
|
||||||
|
creatorPhone: '13700137003',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '399.00',
|
||||||
|
creatorSignupFeeDiscount: '0.00',
|
||||||
|
creatorSignupFeeActual: '399.00',
|
||||||
|
creatorSignupFeeRefund: '399.00',
|
||||||
|
orderTime: '2026.07.10 14:45:33',
|
||||||
|
payTime: '2026.07.10 14:46:10',
|
||||||
|
orderStatus: 3,
|
||||||
|
refundStatus: 2,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700004',
|
||||||
|
uniqueId: 104,
|
||||||
|
name: '2026全国青少年羽毛球锦标赛暨体育文化交流大会',
|
||||||
|
realName: '赵选手',
|
||||||
|
phone: '13600136004',
|
||||||
|
categoryName: '女子中年组',
|
||||||
|
creatorName: '赵报名',
|
||||||
|
creatorPhone: '13600136004',
|
||||||
|
creatorSignupCount: 3,
|
||||||
|
creatorSignupFee: '128.00',
|
||||||
|
creatorSignupFeeDiscount: '20.00',
|
||||||
|
creatorSignupFeeActual: '108.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.09 18:02:46',
|
||||||
|
payTime: '2026.07.09 18:03:15',
|
||||||
|
orderStatus: 4,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700005',
|
||||||
|
uniqueId: 105,
|
||||||
|
name: '国际马拉松城市联赛',
|
||||||
|
realName: '张选手',
|
||||||
|
phone: '13800138001',
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
creatorName: '张报名',
|
||||||
|
creatorPhone: '13800138001',
|
||||||
|
creatorSignupCount: 2,
|
||||||
|
creatorSignupFee: '520.00',
|
||||||
|
creatorSignupFeeDiscount: '10.00',
|
||||||
|
creatorSignupFeeActual: '510.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.08 21:19:59',
|
||||||
|
payTime: '2026.07.08 21:21:20',
|
||||||
|
orderStatus: 1,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700006',
|
||||||
|
uniqueId: 106,
|
||||||
|
name: '全民健身运动会',
|
||||||
|
realName: '李选手',
|
||||||
|
phone: '13900139002',
|
||||||
|
categoryName: '女子青年组',
|
||||||
|
creatorName: '李报名',
|
||||||
|
creatorPhone: '13900139002',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '188.00',
|
||||||
|
creatorSignupFeeDiscount: '0.00',
|
||||||
|
creatorSignupFeeActual: '188.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.07 00:36:12',
|
||||||
|
payTime: '2026.07.07 00:37:00',
|
||||||
|
orderStatus: 1,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700007',
|
||||||
|
uniqueId: 107,
|
||||||
|
name: '2026全国青少年羽毛球锦标赛暨体育文化交流大会',
|
||||||
|
realName: '王选手',
|
||||||
|
phone: '13700137003',
|
||||||
|
categoryName: '男子中年组',
|
||||||
|
creatorName: '王报名',
|
||||||
|
creatorPhone: '13700137003',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '256.50',
|
||||||
|
creatorSignupFeeDiscount: '20.00',
|
||||||
|
creatorSignupFeeActual: '236.50',
|
||||||
|
creatorSignupFeeRefund: '236.50',
|
||||||
|
orderTime: '2026.07.06 03:53:25',
|
||||||
|
payTime: '2026.07.06 03:54:00',
|
||||||
|
orderStatus: 3,
|
||||||
|
refundStatus: 3,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700008',
|
||||||
|
uniqueId: 108,
|
||||||
|
name: '国际马拉松城市联赛',
|
||||||
|
realName: '赵选手',
|
||||||
|
phone: '13600136004',
|
||||||
|
categoryName: '女子中年组',
|
||||||
|
creatorName: '赵报名',
|
||||||
|
creatorPhone: '13600136004',
|
||||||
|
creatorSignupCount: 3,
|
||||||
|
creatorSignupFee: '399.00',
|
||||||
|
creatorSignupFeeDiscount: '10.00',
|
||||||
|
creatorSignupFeeActual: '389.00',
|
||||||
|
creatorSignupFeeRefund: '30.00',
|
||||||
|
orderTime: '2026.07.05 07:10:38',
|
||||||
|
payTime: '2026.07.05 07:11:00',
|
||||||
|
orderStatus: 2,
|
||||||
|
refundStatus: 2,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700009',
|
||||||
|
uniqueId: 109,
|
||||||
|
name: '全民健身运动会',
|
||||||
|
realName: '张选手',
|
||||||
|
phone: '13800138001',
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
creatorName: '张报名',
|
||||||
|
creatorPhone: '13800138001',
|
||||||
|
creatorSignupCount: 2,
|
||||||
|
creatorSignupFee: '128.00',
|
||||||
|
creatorSignupFeeDiscount: '0.00',
|
||||||
|
creatorSignupFeeActual: '128.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.04 10:27:51',
|
||||||
|
payTime: '2026.07.04 10:28:30',
|
||||||
|
orderStatus: 4,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700010',
|
||||||
|
uniqueId: 110,
|
||||||
|
name: '2026全国青少年羽毛球锦标赛暨体育文化交流大会',
|
||||||
|
realName: '李选手',
|
||||||
|
phone: '13900139002',
|
||||||
|
categoryName: '女子青年组',
|
||||||
|
creatorName: '李报名',
|
||||||
|
creatorPhone: '13900139002',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '520.00',
|
||||||
|
creatorSignupFeeDiscount: '20.00',
|
||||||
|
creatorSignupFeeActual: '500.00',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.03 13:44:04',
|
||||||
|
payTime: '2026.07.03 13:45:00',
|
||||||
|
orderStatus: 1,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700011',
|
||||||
|
uniqueId: 111,
|
||||||
|
name: '国际马拉松城市联赛',
|
||||||
|
realName: '王选手',
|
||||||
|
phone: '13700137003',
|
||||||
|
categoryName: '男子中年组',
|
||||||
|
creatorName: '王报名',
|
||||||
|
creatorPhone: '13700137003',
|
||||||
|
creatorSignupCount: 1,
|
||||||
|
creatorSignupFee: '188.00',
|
||||||
|
creatorSignupFeeDiscount: '10.00',
|
||||||
|
creatorSignupFeeActual: '178.00',
|
||||||
|
creatorSignupFeeRefund: '50.00',
|
||||||
|
orderTime: '2026.07.02 17:01:17',
|
||||||
|
payTime: '2026.07.02 17:02:00',
|
||||||
|
orderStatus: 2,
|
||||||
|
refundStatus: 3,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
orderNo: 'ORD20260700012',
|
||||||
|
uniqueId: 112,
|
||||||
|
name: '全民健身运动会',
|
||||||
|
realName: '赵选手',
|
||||||
|
phone: '13600136004',
|
||||||
|
categoryName: '女子中年组',
|
||||||
|
creatorName: '赵报名',
|
||||||
|
creatorPhone: '13600136004',
|
||||||
|
creatorSignupCount: 3,
|
||||||
|
creatorSignupFee: '256.50',
|
||||||
|
creatorSignupFeeDiscount: '0.00',
|
||||||
|
creatorSignupFeeActual: '256.50',
|
||||||
|
creatorSignupFeeRefund: '0.00',
|
||||||
|
orderTime: '2026.07.01 20:18:30',
|
||||||
|
payTime: '2026.07.01 20:19:00',
|
||||||
|
orderStatus: 1,
|
||||||
|
refundStatus: 1,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 金额汇总假数据(汇总接口独立,此为 mock 占位) */
|
||||||
|
export const MOCK_ORDER_SUMMARY = {
|
||||||
|
totalOrderAmount: 113255.0,
|
||||||
|
totalPaidAmount: 113255.0,
|
||||||
|
totalRefundAmount: 1255.0,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 构建分页响应 */
|
||||||
|
export function buildMockOrderListPage(
|
||||||
|
page: number,
|
||||||
|
limit: number,
|
||||||
|
): PageData<TournamentAdminOrderPageVO> {
|
||||||
|
const start = (page - 1) * limit;
|
||||||
|
const list = MOCK_ORDER_LIST.slice(start, start + limit);
|
||||||
|
return { total: MOCK_ORDER_LIST.length, list };
|
||||||
|
}
|
||||||
@@ -0,0 +1,104 @@
|
|||||||
|
/**
|
||||||
|
* 订单详情 — 选手列表假数据
|
||||||
|
*
|
||||||
|
* 使用页面:`src/pages/events/orders/components/OrderDetailModal.tsx`
|
||||||
|
* 对应接口:`GET /manager/order/info/page`
|
||||||
|
* 类型:`TournamentAdminOrderInfoPageVO[]`
|
||||||
|
*/
|
||||||
|
import type { TournamentAdminOrderInfoPageVO } from '@/api/orders/types';
|
||||||
|
|
||||||
|
export const MOCK_ORDER_PLAYER_LIST: TournamentAdminOrderInfoPageVO[] = [
|
||||||
|
{
|
||||||
|
realName: '张三',
|
||||||
|
gender: '1',
|
||||||
|
phone: '13800138001',
|
||||||
|
idCard: '110101199001011234',
|
||||||
|
idCardImg: 'https://picsum.photos/seed/idcard1/96/64',
|
||||||
|
idCardImgList: [
|
||||||
|
'https://picsum.photos/seed/idcard1a/96/64',
|
||||||
|
'https://picsum.photos/seed/idcard1b/96/64',
|
||||||
|
],
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
orderAmount: '100.00',
|
||||||
|
discountAmount: '10.00',
|
||||||
|
payAmount: '90.00',
|
||||||
|
refundAmount: '0.00',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
realName: '李四',
|
||||||
|
gender: '1',
|
||||||
|
phone: '13900139002',
|
||||||
|
idCard: '110101199002022345',
|
||||||
|
idCardImg: '',
|
||||||
|
idCardImgList: [],
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
orderAmount: '88.00',
|
||||||
|
discountAmount: '10.00',
|
||||||
|
payAmount: '78.00',
|
||||||
|
refundAmount: '50.00',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
realName: '王芳',
|
||||||
|
gender: '2',
|
||||||
|
phone: '13700137003',
|
||||||
|
idCard: '110101199103033456',
|
||||||
|
idCardImg: 'https://picsum.photos/seed/idcard3/96/64',
|
||||||
|
idCardImgList: ['https://picsum.photos/seed/idcard3a/96/64'],
|
||||||
|
categoryName: '女子双打',
|
||||||
|
orderAmount: '0.00',
|
||||||
|
discountAmount: '0.00',
|
||||||
|
payAmount: '0.00',
|
||||||
|
refundAmount: '-',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
realName: '赵六',
|
||||||
|
gender: '1',
|
||||||
|
phone: '13600136004',
|
||||||
|
idCard: '110101199204044567',
|
||||||
|
idCardImg: '',
|
||||||
|
idCardImgList: [],
|
||||||
|
categoryName: '女子双打',
|
||||||
|
orderAmount: '50.00',
|
||||||
|
discountAmount: '0.00',
|
||||||
|
payAmount: '50.00',
|
||||||
|
refundAmount: '-',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
realName: '孙七',
|
||||||
|
gender: '2',
|
||||||
|
phone: '13500135005',
|
||||||
|
idCard: '110101199305055678',
|
||||||
|
idCardImg: 'https://picsum.photos/seed/idcard5/96/64',
|
||||||
|
idCardImgList: [
|
||||||
|
'https://picsum.photos/seed/idcard5a/96/64',
|
||||||
|
'https://picsum.photos/seed/idcard5b/96/64',
|
||||||
|
],
|
||||||
|
categoryName: '男子青年组',
|
||||||
|
orderAmount: '60.00',
|
||||||
|
discountAmount: '5.00',
|
||||||
|
payAmount: '55.00',
|
||||||
|
refundAmount: '0.00',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
realName: '周八',
|
||||||
|
gender: '1',
|
||||||
|
phone: '13400134006',
|
||||||
|
idCard: '110101199406066789',
|
||||||
|
idCardImg: 'https://picsum.photos/seed/idcard6/96/64',
|
||||||
|
idCardImgList: ['https://picsum.photos/seed/idcard6a/96/64'],
|
||||||
|
categoryName: '男子中年组',
|
||||||
|
orderAmount: '120.00',
|
||||||
|
discountAmount: '20.00',
|
||||||
|
payAmount: '100.00',
|
||||||
|
refundAmount: '-',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export function buildMockOrderPlayerListPage(
|
||||||
|
page: number,
|
||||||
|
limit: number,
|
||||||
|
): { total: number; list: TournamentAdminOrderInfoPageVO[] } {
|
||||||
|
const start = (page - 1) * limit;
|
||||||
|
const list = MOCK_ORDER_PLAYER_LIST.slice(start, start + limit);
|
||||||
|
return { total: MOCK_ORDER_PLAYER_LIST.length, list };
|
||||||
|
}
|
||||||
@@ -194,7 +194,7 @@ export function useBannerModel() {
|
|||||||
setPagination({ ...pagination.value, total: SORTED_MOCK_DATA.length });
|
setPagination({ ...pagination.value, total: SORTED_MOCK_DATA.length });
|
||||||
message.success('查询成功');
|
message.success('查询成功');
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '查询失败');
|
console.error('Banner查询失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
@@ -247,7 +247,7 @@ export function useBannerModel() {
|
|||||||
handleCloseModal();
|
handleCloseModal();
|
||||||
handleSearch();
|
handleSearch();
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '操作失败');
|
console.error('Banner提交失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setFormSubmitting(false);
|
setFormSubmitting(false);
|
||||||
}
|
}
|
||||||
@@ -262,7 +262,7 @@ export function useBannerModel() {
|
|||||||
message.success('删除成功');
|
message.success('删除成功');
|
||||||
handleSearch();
|
handleSearch();
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '删除失败');
|
console.error('Banner删除失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
@@ -284,7 +284,7 @@ export function useBannerModel() {
|
|||||||
);
|
);
|
||||||
message.success(`${actionText}成功`);
|
message.success(`${actionText}成功`);
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '操作失败');
|
console.error('Banner状态切换失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -140,7 +140,7 @@ export default defineComponent({
|
|||||||
message.error(res.msg || '获取详情失败');
|
message.error(res.msg || '获取详情失败');
|
||||||
}
|
}
|
||||||
} catch (e: any) {
|
} catch (e: any) {
|
||||||
message.error(e.msg || '获取详情失败');
|
console.error('获取赛事详情失败:', e);
|
||||||
} finally {
|
} finally {
|
||||||
setDetailLoading(false);
|
setDetailLoading(false);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -159,7 +159,7 @@ export default defineComponent({
|
|||||||
message.error(res.msg || `${actionText}失败`);
|
message.error(res.msg || `${actionText}失败`);
|
||||||
}
|
}
|
||||||
} catch (e: any) {
|
} catch (e: any) {
|
||||||
message.error(e.msg || `${actionText}失败`);
|
console.error(`${actionText}失败:`, e);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -230,17 +230,23 @@ export default defineComponent({
|
|||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="赛事名称" name="name">
|
<Form.Item label="赛事名称" name="name">
|
||||||
<Input
|
<Input
|
||||||
|
value={filterForm.name}
|
||||||
placeholder="请输入赛事名称"
|
placeholder="请输入赛事名称"
|
||||||
style={{ width: '180px' }}
|
style={{ width: '180px' }}
|
||||||
allowClear
|
allowClear
|
||||||
|
onUpdate:value={(val: any) => (filterForm.name = val.target?.value ?? val ?? '')}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="创建人" name="createName">
|
<Form.Item label="创建人" name="createName">
|
||||||
<Input
|
<Input
|
||||||
|
value={filterForm.createName}
|
||||||
placeholder="请输入创建人"
|
placeholder="请输入创建人"
|
||||||
style={{ width: '150px' }}
|
style={{ width: '150px' }}
|
||||||
allowClear
|
allowClear
|
||||||
|
onUpdate:value={(val: any) =>
|
||||||
|
(filterForm.createName = val.target?.value ?? val ?? '')
|
||||||
|
}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|||||||
@@ -205,11 +205,11 @@ export function useEventListModel() {
|
|||||||
if (filterForm.region.length > 0) {
|
if (filterForm.region.length > 0) {
|
||||||
params.areaName = filterForm.region[filterForm.region.length - 1];
|
params.areaName = filterForm.region[filterForm.region.length - 1];
|
||||||
}
|
}
|
||||||
if (debouncedName.value.trim()) {
|
if (filterForm.name.trim()) {
|
||||||
params.name = debouncedName.value.trim();
|
params.name = filterForm.name.trim();
|
||||||
}
|
}
|
||||||
if (debouncedCreator.value.trim()) {
|
if (filterForm.createName.trim()) {
|
||||||
params.createName = debouncedCreator.value.trim();
|
params.createName = filterForm.createName.trim();
|
||||||
}
|
}
|
||||||
if (filterForm.status) {
|
if (filterForm.status) {
|
||||||
params.status = filterForm.status;
|
params.status = filterForm.status;
|
||||||
@@ -249,6 +249,7 @@ export function useEventListModel() {
|
|||||||
setLoading(true);
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
const queryParams = buildQueryParams();
|
const queryParams = buildQueryParams();
|
||||||
|
console.log('赛事列表查询参数:', queryParams);
|
||||||
const res = await getEventList(queryParams);
|
const res = await getEventList(queryParams);
|
||||||
|
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
@@ -258,7 +259,7 @@ export function useEventListModel() {
|
|||||||
message.error(res.msg || '查询失败');
|
message.error(res.msg || '查询失败');
|
||||||
}
|
}
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '查询失败');
|
console.error('赛事列表查询失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
@@ -277,6 +278,8 @@ export function useEventListModel() {
|
|||||||
filterForm.idCardImg = '';
|
filterForm.idCardImg = '';
|
||||||
setPagination({ current: 1, pageSize: 10, total: 0 });
|
setPagination({ current: 1, pageSize: 10, total: 0 });
|
||||||
setDataSource([]);
|
setDataSource([]);
|
||||||
|
// 等待 debounce 生效后自动查询
|
||||||
|
setTimeout(() => handleSearch(), 350);
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
const handlePageChange = (page: number, pageSize: number) => {
|
const handlePageChange = (page: number, pageSize: number) => {
|
||||||
|
|||||||
@@ -1,39 +1,74 @@
|
|||||||
import { defineComponent, computed } from 'vue';
|
import { defineComponent, computed, onMounted } from 'vue';
|
||||||
import { Modal, Table, Button, Pagination, Image, Space } from 'ant-design-vue';
|
import { Modal, Table, Button, Pagination, Image, Space, Spin } from 'ant-design-vue';
|
||||||
import { StatusTag, type StatusTagTone } from '@/components';
|
import { StatusTag, type StatusTagTone } from '@/components';
|
||||||
import { useState } from '@/hooks';
|
import { useState } from '@/hooks';
|
||||||
|
import {
|
||||||
|
getOrderDetail,
|
||||||
|
getOrderPlayerList,
|
||||||
|
type TournamentAdminOrderInfoVO,
|
||||||
|
type InnerRefundInfo,
|
||||||
|
type TournamentAdminOrderInfoPageVO,
|
||||||
|
} from '@/api/orders';
|
||||||
import styles from './OrderDetailModal.module.less';
|
import styles from './OrderDetailModal.module.less';
|
||||||
|
|
||||||
interface OrderDetailModalProps {
|
interface OrderDetailModalProps {
|
||||||
visible: boolean;
|
visible: boolean;
|
||||||
record: any;
|
orderNo: string;
|
||||||
|
uniqueId: string;
|
||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
/** 触发"重新退款"二次确认对话框 */
|
onReRefund: () => void;
|
||||||
onReRefund: (record: any) => void;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ===== 选手表格列(对齐 TournamentAdminOrderInfoPageVO) =====
|
||||||
|
const GENDER_MAP: Record<string, string> = { '1': '男', '2': '女' };
|
||||||
|
const formatGender = (v: string) => GENDER_MAP[v] ?? v;
|
||||||
|
const formatMoney = (v: string) => {
|
||||||
|
const n = parseFloat(v);
|
||||||
|
return isNaN(n) ? '-' : `${n.toFixed(2)}`;
|
||||||
|
};
|
||||||
|
|
||||||
const PLAYER_COLUMNS = [
|
const PLAYER_COLUMNS = [
|
||||||
{ title: '真实姓名', dataIndex: 'name', key: 'name', width: 100, align: 'center' as const },
|
{
|
||||||
{ title: '性别', dataIndex: 'gender', key: 'gender', width: 80, align: 'center' as const },
|
title: '真实姓名',
|
||||||
|
dataIndex: 'realName',
|
||||||
|
key: 'realName',
|
||||||
|
width: 100,
|
||||||
|
align: 'center' as const,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '性别',
|
||||||
|
dataIndex: 'gender',
|
||||||
|
key: 'gender',
|
||||||
|
width: 60,
|
||||||
|
align: 'center' as const,
|
||||||
|
customRender: ({ text }: { text: string }) => formatGender(text),
|
||||||
|
},
|
||||||
{ title: '手机号', dataIndex: 'phone', key: 'phone', width: 130 },
|
{ title: '手机号', dataIndex: 'phone', key: 'phone', width: 130 },
|
||||||
{ title: '证件号', dataIndex: 'idNo', key: 'idNo', width: 180 },
|
{ title: '证件号', dataIndex: 'idCard', key: 'idCard', width: 180 },
|
||||||
{
|
{
|
||||||
title: '证件图片',
|
title: '证件图片',
|
||||||
dataIndex: 'idImg',
|
key: 'idCardImg',
|
||||||
key: 'idImg',
|
|
||||||
width: 170,
|
width: 170,
|
||||||
customRender: ({ text }: { text: string[] }) => (
|
customRender: ({ record }: { record: TournamentAdminOrderInfoPageVO }) => {
|
||||||
<Space>
|
const urls = record.idCardImgList?.length
|
||||||
{(text || []).map((src) => (
|
? record.idCardImgList
|
||||||
<Image key={src} width={60} height={40} src={src} />
|
: record.idCardImg
|
||||||
))}
|
? [record.idCardImg]
|
||||||
</Space>
|
: [];
|
||||||
),
|
if (!urls.length) return <span>-</span>;
|
||||||
|
return (
|
||||||
|
<Space>
|
||||||
|
{urls.map((src) => (
|
||||||
|
<Image key={src} width={60} height={40} src={src} />
|
||||||
|
))}
|
||||||
|
</Space>
|
||||||
|
);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '比赛组别',
|
title: '比赛组别',
|
||||||
dataIndex: 'groupName',
|
dataIndex: 'categoryName',
|
||||||
key: 'groupName',
|
key: 'categoryName',
|
||||||
width: 110,
|
width: 110,
|
||||||
align: 'center' as const,
|
align: 'center' as const,
|
||||||
},
|
},
|
||||||
@@ -43,7 +78,7 @@ const PLAYER_COLUMNS = [
|
|||||||
key: 'orderAmount',
|
key: 'orderAmount',
|
||||||
width: 100,
|
width: 100,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '优惠金额',
|
title: '优惠金额',
|
||||||
@@ -51,15 +86,15 @@ const PLAYER_COLUMNS = [
|
|||||||
key: 'discountAmount',
|
key: 'discountAmount',
|
||||||
width: 100,
|
width: 100,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '实付金额',
|
title: '实付金额',
|
||||||
dataIndex: 'paidAmount',
|
dataIndex: 'payAmount',
|
||||||
key: 'paidAmount',
|
key: 'payAmount',
|
||||||
width: 100,
|
width: 100,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '退款金额',
|
title: '退款金额',
|
||||||
@@ -67,7 +102,7 @@ const PLAYER_COLUMNS = [
|
|||||||
key: 'refundAmount',
|
key: 'refundAmount',
|
||||||
width: 100,
|
width: 100,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => (text ? text.toFixed(2) : '-'),
|
customRender: ({ text }: { text: string }) => (text === '-' || !text ? '-' : formatMoney(text)),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -80,43 +115,79 @@ export default defineComponent({
|
|||||||
name: 'OrderDetailModal',
|
name: 'OrderDetailModal',
|
||||||
props: {
|
props: {
|
||||||
visible: { type: Boolean, default: false },
|
visible: { type: Boolean, default: false },
|
||||||
record: { type: Object, default: () => ({}) },
|
orderNo: { type: String, default: '' },
|
||||||
|
uniqueId: { type: String, default: '' },
|
||||||
onClose: { type: Function, required: true },
|
onClose: { type: Function, required: true },
|
||||||
onReRefund: { type: Function, required: true },
|
onReRefund: { type: Function, required: true },
|
||||||
},
|
},
|
||||||
setup(props: OrderDetailModalProps) {
|
setup(props: OrderDetailModalProps) {
|
||||||
const [refundPage, setRefundPage] = useState(1);
|
// ===== 数据状态 =====
|
||||||
const [refundPageSize, setRefundPageSize] = useState(2);
|
const [detail, setDetail] = useState<TournamentAdminOrderInfoVO | null>(null);
|
||||||
|
const [detailLoading, setDetailLoading] = useState(true);
|
||||||
|
|
||||||
/** 退款记录 */
|
// ===== 选手列表分页状态 =====
|
||||||
const refundRecords = computed<any[]>(() => props.record?.refundRecords || []);
|
const [players, setPlayers] = useState<TournamentAdminOrderInfoPageVO[]>([]);
|
||||||
|
const [playersLoading, setPlayersLoading] = useState(true);
|
||||||
|
const [playerPage, setPlayerPage] = useState(1);
|
||||||
|
const [playerTotal, setPlayerTotal] = useState(0);
|
||||||
|
const playerPageSize = 5;
|
||||||
|
|
||||||
|
/** 获取选手列表(分页) */
|
||||||
|
const fetchPlayers = async (page: number) => {
|
||||||
|
setPlayersLoading(true);
|
||||||
|
try {
|
||||||
|
const res = await getOrderPlayerList({
|
||||||
|
orderNo: props.orderNo,
|
||||||
|
uniqueId: props.uniqueId,
|
||||||
|
page: String(page),
|
||||||
|
limit: String(playerPageSize),
|
||||||
|
});
|
||||||
|
if (res.code === 200) {
|
||||||
|
setPlayers(res.data.list);
|
||||||
|
setPlayerTotal(res.data.total);
|
||||||
|
setPlayerPage(page);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
setPlayersLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// ===== 退款记录分页 =====
|
||||||
|
const [refundPage, setRefundPage] = useState(1);
|
||||||
|
const [refundPageSize] = useState(2);
|
||||||
|
|
||||||
|
const refundRecords = computed<InnerRefundInfo[]>(() => detail.value?.refundInfoList || []);
|
||||||
const hasRefund = computed(() => refundRecords.value.length > 0);
|
const hasRefund = computed(() => refundRecords.value.length > 0);
|
||||||
|
|
||||||
/** 当前页展示的退款记录 */
|
|
||||||
const pagedRefunds = computed(() => {
|
const pagedRefunds = computed(() => {
|
||||||
const start = (refundPage.value - 1) * refundPageSize.value;
|
const start = (refundPage.value - 1) * refundPageSize.value;
|
||||||
return refundRecords.value.slice(start, start + refundPageSize.value);
|
return refundRecords.value.slice(start, start + refundPageSize.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
/** 已退金额合计 */
|
const totalRefunded = computed(() => {
|
||||||
const totalRefunded = computed(() =>
|
const records = refundRecords.value;
|
||||||
refundRecords.value
|
if (!records.length) return 0;
|
||||||
.filter((r) => r.status === 'success')
|
return records.reduce((sum, r) => sum + parseFloat(r.refundAmount || '0'), 0);
|
||||||
.reduce((sum, r) => sum + (r.amount || 0), 0),
|
});
|
||||||
);
|
|
||||||
|
|
||||||
const handleRefundPageChange = (page: number, pageSize: number) => {
|
// ===== 初始化:获取详情 + 选手列表第一页 =====
|
||||||
|
onMounted(async () => {
|
||||||
|
const params = { orderNo: props.orderNo, uniqueId: props.uniqueId };
|
||||||
|
|
||||||
|
const [detailRes] = await Promise.all([getOrderDetail(params), fetchPlayers(1)]);
|
||||||
|
|
||||||
|
if (detailRes.code === 200) {
|
||||||
|
setDetail(detailRes.data);
|
||||||
|
}
|
||||||
|
setDetailLoading(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
const handlePlayerPageChange = (page: number) => {
|
||||||
|
fetchPlayers(page);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRefundPageChange = (page: number) => {
|
||||||
setRefundPage(page);
|
setRefundPage(page);
|
||||||
setRefundPageSize(pageSize);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleConfirm = () => {
|
|
||||||
// 无退款信息时:仅关闭弹窗
|
|
||||||
props.onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleReRefund = () => {
|
|
||||||
props.onReRefund(props.record);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return () => (
|
return () => (
|
||||||
@@ -139,130 +210,159 @@ export default defineComponent({
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class={styles.modalBody}>
|
{detailLoading.value ? (
|
||||||
{/* ===== 订单信息 ===== */}
|
<div style={{ textAlign: 'center', padding: '80px 0' }}>
|
||||||
<div class={styles.infoGrid}>
|
<Spin size="large" />
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>赛事名称:</span>
|
|
||||||
<span>{props.record?.eventName}</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>订单编号:</span>
|
|
||||||
<span>{props.record?.orderId}</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>订单时间:</span>
|
|
||||||
<span>{props.record?.orderTime}</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>支付时间:</span>
|
|
||||||
<span>{props.record?.payTime}</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>订单金额:</span>
|
|
||||||
<span>{props.record?.totalAmount?.toFixed(2)}元</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>优惠金额:</span>
|
|
||||||
<span>{(props.record?.discountAmount || 0).toFixed(2)}元</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>实付金额:</span>
|
|
||||||
<span>{props.record?.paidAmount?.toFixed(2)}元</span>
|
|
||||||
</div>
|
|
||||||
<div class={styles.infoItem}>
|
|
||||||
<span class={styles.infoLabel}>退款金额:</span>
|
|
||||||
<span>{props.record?.refundAmount?.toFixed(2)}元</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
) : detail.value ? (
|
||||||
{/* ===== 选手信息 ===== */}
|
<div class={styles.modalBody}>
|
||||||
<div class={styles.section}>
|
{/* ===== 订单信息 ===== */}
|
||||||
<div class={styles.sectionTitle}>选手信息</div>
|
<div class={styles.infoGrid}>
|
||||||
<Table
|
<div class={styles.infoItem}>
|
||||||
columns={PLAYER_COLUMNS}
|
<span class={styles.infoLabel}>赛事名称:</span>
|
||||||
dataSource={props.record?.players || []}
|
<span>{detail.value.tournamentName}</span>
|
||||||
size="small"
|
</div>
|
||||||
bordered
|
<div class={styles.infoItem}>
|
||||||
pagination={false}
|
<span class={styles.infoLabel}>订单编号:</span>
|
||||||
scroll={{ x: 'max-content' }}
|
<span>{detail.value.orderNumber}</span>
|
||||||
/>
|
</div>
|
||||||
</div>
|
<div class={styles.infoItem}>
|
||||||
|
<span class={styles.infoLabel}>订单时间:</span>
|
||||||
{/* ===== 退款记录 ===== */}
|
<span>{detail.value.orderTime}</span>
|
||||||
<div class={styles.section}>
|
</div>
|
||||||
<div class={styles.refundHeader}>
|
<div class={styles.infoItem}>
|
||||||
<span class={styles.sectionTitle}>退款记录</span>
|
<span class={styles.infoLabel}>支付时间:</span>
|
||||||
|
<span>{detail.value.payTime}</span>
|
||||||
|
</div>
|
||||||
|
<div class={styles.infoItem}>
|
||||||
|
<span class={styles.infoLabel}>订单金额:</span>
|
||||||
|
<span>{formatMoney(detail.value.orderAmount)}元</span>
|
||||||
|
</div>
|
||||||
|
<div class={styles.infoItem}>
|
||||||
|
<span class={styles.infoLabel}>优惠金额:</span>
|
||||||
|
<span>{formatMoney(detail.value.discountAmount)}元</span>
|
||||||
|
</div>
|
||||||
|
<div class={styles.infoItem}>
|
||||||
|
<span class={styles.infoLabel}>实付金额:</span>
|
||||||
|
<span>{formatMoney(detail.value.payAmount)}元</span>
|
||||||
|
</div>
|
||||||
|
<div class={styles.infoItem}>
|
||||||
|
<span class={styles.infoLabel}>退款金额:</span>
|
||||||
|
<span>{formatMoney(detail.value.refundAmount)}元</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{hasRefund.value ? (
|
|
||||||
<>
|
{/* ===== 选手信息 ===== */}
|
||||||
<div class={styles.refundSummary}>
|
<div class={styles.section}>
|
||||||
<span>已退金额:{totalRefunded.value.toFixed(2)}元</span>
|
<div class={styles.sectionTitle}>选手信息</div>
|
||||||
<span>退款次数:{refundRecords.value.length}次</span>
|
<Table
|
||||||
</div>
|
columns={PLAYER_COLUMNS}
|
||||||
{/* 固定高度 + 内部滚动 */}
|
dataSource={players.value}
|
||||||
<div class={styles.refundList}>
|
loading={playersLoading.value}
|
||||||
{pagedRefunds.value.map((r, idx) => {
|
size="small"
|
||||||
const statusInfo = REFUND_STATUS_MAP[r.status] || {
|
bordered
|
||||||
label: '-',
|
pagination={false}
|
||||||
tone: 'default' as const,
|
scroll={{ x: 'max-content', y: 200 }}
|
||||||
};
|
/>
|
||||||
const realIdx = (refundPage.value - 1) * refundPageSize.value + idx + 1;
|
<div style={{ textAlign: 'right', marginTop: 18 }}>
|
||||||
return (
|
<Pagination
|
||||||
<div key={r.key} class={styles.refundCard}>
|
current={playerPage.value}
|
||||||
<div class={styles.refundCardHeader}>
|
pageSize={playerPageSize}
|
||||||
<span class={styles.refundIndex}>第{realIdx}次退款</span>
|
total={playerTotal.value}
|
||||||
<StatusTag label={statusInfo.label} tone={statusInfo.tone} />
|
showSizeChanger={false}
|
||||||
</div>
|
size="small"
|
||||||
<div class={styles.refundCardBody}>
|
onChange={handlePlayerPageChange}
|
||||||
<div class={styles.refundCol}>
|
/>
|
||||||
<div>
|
</div>
|
||||||
退款金额:
|
</div>
|
||||||
<span class={styles.refundAmount}>
|
|
||||||
¥{r.amount.toFixed(2)}
|
{/* ===== 退款记录 ===== */}
|
||||||
{r.isPartial && (
|
<div class={styles.section}>
|
||||||
<span class={styles.partialMark}>(部分退款)</span>
|
<div class={styles.refundHeader}>
|
||||||
)}
|
<span class={styles.sectionTitle}>退款记录</span>
|
||||||
</span>
|
</div>
|
||||||
|
{hasRefund.value ? (
|
||||||
|
<>
|
||||||
|
<div class={styles.refundSummary}>
|
||||||
|
<span>已退金额:{totalRefunded.value.toFixed(2)}元</span>
|
||||||
|
<span>退款次数:{refundRecords.value.length}次</span>
|
||||||
|
</div>
|
||||||
|
<div class={styles.refundList}>
|
||||||
|
{pagedRefunds.value.map((r, idx) => {
|
||||||
|
const realIdx = (refundPage.value - 1) * refundPageSize.value + idx + 1;
|
||||||
|
const isSuccess = parseFloat(r.refundTime || '') > 0 || !!r.refundTime;
|
||||||
|
const statusInfo = {
|
||||||
|
label: isSuccess
|
||||||
|
? '退款成功'
|
||||||
|
: r.isFullRefund === '1'
|
||||||
|
? '退款待处理'
|
||||||
|
: '退款中',
|
||||||
|
tone: (isSuccess
|
||||||
|
? 'success'
|
||||||
|
: r.isFullRefund === '1'
|
||||||
|
? 'warning'
|
||||||
|
: 'orange') as StatusTagTone,
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div key={r.refundOutTradeNo || idx} class={styles.refundCard}>
|
||||||
|
<div class={styles.refundCardHeader}>
|
||||||
|
<span class={styles.refundIndex}>第{realIdx}次退款</span>
|
||||||
|
<StatusTag label={statusInfo.label} tone={statusInfo.tone} />
|
||||||
|
</div>
|
||||||
|
<div class={styles.refundCardBody}>
|
||||||
|
<div class={styles.refundCol}>
|
||||||
|
<div>
|
||||||
|
退款金额:
|
||||||
|
<span class={styles.refundAmount}>
|
||||||
|
¥{formatMoney(r.refundAmount)}
|
||||||
|
{r.isFullRefund === '1' && (
|
||||||
|
<span class={styles.partialMark}>(全部退款)</span>
|
||||||
|
)}
|
||||||
|
{r.isFullRefund === '0' && (
|
||||||
|
<span class={styles.partialMark}>(部分退款)</span>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>申请时间:{r.refundApplyTime}</div>
|
||||||
|
<div>完款时间:{r.refundTime || '-'}</div>
|
||||||
|
</div>
|
||||||
|
<div class={styles.refundCol}>
|
||||||
|
<div>退款方式:{r.refundMethod}</div>
|
||||||
|
<div>第三方退款单号:{r.refundOutTradeNo || '-'}</div>
|
||||||
|
<div>已退金额:¥{formatMoney(r.refundedAmount)}</div>
|
||||||
</div>
|
</div>
|
||||||
<div>申请时间:{r.applyTime}</div>
|
|
||||||
<div>完款时间:{r.completeTime || '-'}</div>
|
|
||||||
</div>
|
|
||||||
<div class={styles.refundCol}>
|
|
||||||
<div>退款方式:{r.method}</div>
|
|
||||||
<div>第三方退款单号:{r.thirdPartyNo || '-'}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
);
|
||||||
);
|
})}
|
||||||
})}
|
</div>
|
||||||
</div>
|
<div class={styles.refundPagination}>
|
||||||
<div class={styles.refundPagination}>
|
<Pagination
|
||||||
<Pagination
|
current={refundPage.value}
|
||||||
current={refundPage.value}
|
pageSize={refundPageSize.value}
|
||||||
pageSize={refundPageSize.value}
|
total={refundRecords.value.length}
|
||||||
total={refundRecords.value.length}
|
showSizeChanger={false}
|
||||||
showSizeChanger={false}
|
size="small"
|
||||||
size="small"
|
onChange={handleRefundPageChange}
|
||||||
onChange={handleRefundPageChange}
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
</>
|
||||||
</>
|
) : (
|
||||||
) : (
|
<div class={styles.refundEmpty}>暂无退款记录</div>
|
||||||
<div class={styles.refundEmpty}>暂无退款记录</div>
|
)}
|
||||||
)}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
) : null}
|
||||||
|
|
||||||
{/* ===== 底部按钮 ===== */}
|
{/* ===== 底部按钮 ===== */}
|
||||||
<div class={styles.modalFooter}>
|
<div class={styles.modalFooter}>
|
||||||
<Button onClick={props.onClose}>取消</Button>
|
<Button onClick={props.onClose}>取消</Button>
|
||||||
{hasRefund.value ? (
|
{hasRefund.value ? (
|
||||||
<Button danger onClick={handleReRefund}>
|
<Button danger onClick={props.onReRefund}>
|
||||||
重新退款
|
重新退款
|
||||||
</Button>
|
</Button>
|
||||||
) : (
|
) : (
|
||||||
<Button type="primary" onClick={handleConfirm}>
|
<Button type="primary" onClick={props.onClose}>
|
||||||
确认
|
确认
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { defineComponent } from 'vue';
|
import { defineComponent, onMounted } from 'vue';
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Input,
|
Input,
|
||||||
@@ -10,8 +10,10 @@ import {
|
|||||||
Tooltip,
|
Tooltip,
|
||||||
Pagination,
|
Pagination,
|
||||||
Modal,
|
Modal,
|
||||||
|
message,
|
||||||
} from 'ant-design-vue';
|
} from 'ant-design-vue';
|
||||||
import { useOrderModel, ORDER_STATUS_OPTIONS, REFUND_STATUS_OPTIONS } from './model/useOrderModel';
|
import { useOrderModel, ORDER_STATUS_OPTIONS, REFUND_STATUS_OPTIONS } from './model/useOrderModel';
|
||||||
|
import { retryRefundOrder } from '@/api/orders';
|
||||||
import { useContainerSize, useState } from '@/hooks';
|
import { useContainerSize, useState } from '@/hooks';
|
||||||
import OrderDetailModal from './components/OrderDetailModal';
|
import OrderDetailModal from './components/OrderDetailModal';
|
||||||
import pageStyles from '@/assets/styles/pageLayout.module.less';
|
import pageStyles from '@/assets/styles/pageLayout.module.less';
|
||||||
@@ -20,22 +22,29 @@ const { RangePicker } = DatePicker;
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* 触发「重新退款」二次确认对话框
|
* 触发「重新退款」二次确认对话框
|
||||||
* 表格中的重新退款按钮和详情弹窗中的重新退款按钮均调用此函数。
|
|
||||||
*/
|
*/
|
||||||
function promptReRefund(record: any) {
|
function promptReRefund(record: any) {
|
||||||
Modal.confirm({
|
Modal.confirm({
|
||||||
title: '确认要重新退款吗?',
|
title: '确认要重新退款吗?',
|
||||||
content: (
|
content: (
|
||||||
<div>
|
<div>
|
||||||
<div>退款金额:¥{(record.refundAmount || 0).toFixed(2)}</div>
|
<div>退款金额:¥{parseFloat(record.creatorSignupFeeRefund || '0').toFixed(2)}</div>
|
||||||
<div>退款方式:原路退回(微信支付)</div>
|
<div>退款方式:原路退回(微信支付)</div>
|
||||||
</div>
|
</div>
|
||||||
),
|
),
|
||||||
okText: '确认',
|
okText: '确认',
|
||||||
cancelText: '取消',
|
cancelText: '取消',
|
||||||
onOk: () => {
|
onOk: async () => {
|
||||||
console.log('重新退款:', record.orderId);
|
try {
|
||||||
// TODO: 替换为真实 API 调用
|
const res = await retryRefundOrder({ payOrderNo: record.orderNo });
|
||||||
|
if (res.code === 200) {
|
||||||
|
message.success('重新退款提交成功');
|
||||||
|
} else {
|
||||||
|
message.error(res.msg || '操作失败');
|
||||||
|
}
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error('重新退款失败:', e);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -57,7 +66,7 @@ function renderBodyCell({
|
|||||||
onReRefund: (record: any) => void;
|
onReRefund: (record: any) => void;
|
||||||
}) {
|
}) {
|
||||||
// 赛事名称:最多15字符,超出显示 Tooltip
|
// 赛事名称:最多15字符,超出显示 Tooltip
|
||||||
if (column.dataIndex === 'eventName') {
|
if (column.dataIndex === 'name') {
|
||||||
const maxLen = 15;
|
const maxLen = 15;
|
||||||
const raw = text || '';
|
const raw = text || '';
|
||||||
const display = raw.length > maxLen ? raw.slice(0, maxLen) + '...' : raw;
|
const display = raw.length > maxLen ? raw.slice(0, maxLen) + '...' : raw;
|
||||||
@@ -71,7 +80,7 @@ function renderBodyCell({
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (column.key === 'action') {
|
if (column.key === 'action') {
|
||||||
const showReRefund = record.refundStatus === 'refund_failed';
|
const showReRefund = record.refundStatus === 3;
|
||||||
return (
|
return (
|
||||||
<Space>
|
<Space>
|
||||||
<Button type="link" size="small" onClick={() => onView(record)}>
|
<Button type="link" size="small" onClick={() => onView(record)}>
|
||||||
@@ -134,50 +143,62 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
handleSearch();
|
||||||
|
});
|
||||||
|
|
||||||
return () => (
|
return () => (
|
||||||
<div class={pageStyles.containerMain}>
|
<div class={pageStyles.containerMain}>
|
||||||
{/* ===== 筛选区 ===== */}
|
{/* ===== 筛选区 ===== */}
|
||||||
<div class={pageStyles.filter}>
|
<div class={pageStyles.filter}>
|
||||||
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
<Form style={{ rowGap: '10px' }} layout="inline" model={filterForm}>
|
||||||
<Form.Item label="订单时间" name="orderTimeRange">
|
<Form.Item label="订单时间" name="orderDateRange">
|
||||||
<RangePicker
|
<RangePicker
|
||||||
value={filterForm.orderTimeRange as any}
|
value={filterForm.orderDateRange as any}
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
valueFormat="YYYY-MM-DD"
|
||||||
style={{ width: '260px' }}
|
style={{ width: '260px' }}
|
||||||
allowClear
|
allowClear
|
||||||
onUpdate:value={(val: any) => (filterForm.orderTimeRange = val)}
|
onUpdate:value={(val: any) => (filterForm.orderDateRange = val)}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="订单编号" name="searchOrderId">
|
<Form.Item label="订单编号" name="orderNo">
|
||||||
<Input
|
<Input
|
||||||
|
value={filterForm.orderNo}
|
||||||
placeholder="请输入订单编号"
|
placeholder="请输入订单编号"
|
||||||
style={{ width: '200px' }}
|
style={{ width: '200px' }}
|
||||||
allowClear
|
allowClear
|
||||||
|
onUpdate:value={(val: any) => (filterForm.orderNo = val.target?.value ?? val ?? '')}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="赛事名称" name="searchEventName">
|
<Form.Item label="赛事名称" name="tName">
|
||||||
<Input
|
<Input
|
||||||
|
value={filterForm.tName}
|
||||||
placeholder="请输入赛事名称"
|
placeholder="请输入赛事名称"
|
||||||
style={{ width: '200px' }}
|
style={{ width: '200px' }}
|
||||||
allowClear
|
allowClear
|
||||||
|
onUpdate:value={(val: any) => (filterForm.tName = val.target?.value ?? val ?? '')}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="选手名称" name="searchPlayerName">
|
<Form.Item label="选手名称" name="sName">
|
||||||
<Input
|
<Input
|
||||||
|
value={filterForm.sName}
|
||||||
placeholder="请输入选手名称"
|
placeholder="请输入选手名称"
|
||||||
style={{ width: '200px' }}
|
style={{ width: '200px' }}
|
||||||
allowClear
|
allowClear
|
||||||
|
onUpdate:value={(val: any) => (filterForm.sName = val.target?.value ?? val ?? '')}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="订单状态" name="orderStatus">
|
<Form.Item label="订单状态" name="status">
|
||||||
<Select
|
<Select
|
||||||
value={filterForm.orderStatus}
|
value={filterForm.status}
|
||||||
options={ORDER_STATUS_OPTIONS as any}
|
options={ORDER_STATUS_OPTIONS as any}
|
||||||
style={{ width: '140px' }}
|
style={{ width: '140px' }}
|
||||||
allowClear
|
allowClear
|
||||||
onUpdate:value={(val: any) => (filterForm.orderStatus = val || '')}
|
onUpdate:value={(val: any) => (filterForm.status = val || '')}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label="退款状态" name="refundStatus">
|
<Form.Item label="退款状态" name="refundStatus">
|
||||||
@@ -261,12 +282,12 @@ export default defineComponent({
|
|||||||
{detailVisible.value && (
|
{detailVisible.value && (
|
||||||
<OrderDetailModal
|
<OrderDetailModal
|
||||||
visible={detailVisible.value}
|
visible={detailVisible.value}
|
||||||
record={currentRecord.value}
|
orderNo={currentRecord.value.orderNo}
|
||||||
|
uniqueId={String(currentRecord.value.uniqueId)}
|
||||||
onClose={() => setDetailVisible(false)}
|
onClose={() => setDetailVisible(false)}
|
||||||
onReRefund={(record) => {
|
onReRefund={() => {
|
||||||
// 关闭详情弹窗,再弹出二次确认
|
|
||||||
setDetailVisible(false);
|
setDetailVisible(false);
|
||||||
promptReRefund(record);
|
promptReRefund(currentRecord.value);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1,167 +1,47 @@
|
|||||||
import { computed, reactive, toRef, Ref, h } from 'vue';
|
import { computed, reactive, toRef, Ref, h } from 'vue';
|
||||||
import { message } from 'ant-design-vue';
|
import { message } from 'ant-design-vue';
|
||||||
import dayjs from 'dayjs';
|
|
||||||
import { StatusTag, type StatusTagTone } from '@/components';
|
import { StatusTag, type StatusTagTone } from '@/components';
|
||||||
import { useState, useDebounce, useThrottleFn } from '@/hooks';
|
import { useState, useDebounce, useThrottleFn } from '@/hooks';
|
||||||
|
import {
|
||||||
|
getOrderList,
|
||||||
|
type TournamentAdminOrderPageVO,
|
||||||
|
type OrderListQueryParams,
|
||||||
|
} from '@/api/orders';
|
||||||
|
import { MOCK_ORDER_SUMMARY } from '@/config/mock/orderList';
|
||||||
|
|
||||||
// ============================================================
|
// ============================================================
|
||||||
// 常量
|
// 常量
|
||||||
// ============================================================
|
// ============================================================
|
||||||
|
|
||||||
/** 订单状态选项 */
|
/** 订单状态选项(value 对应 API status: 不传=全部、1=支付成功,2=部分退款,3=全部退款,4=超时关闭) */
|
||||||
export const ORDER_STATUS_OPTIONS = [
|
export const ORDER_STATUS_OPTIONS = [
|
||||||
{ value: '', label: '全部' },
|
{ value: '', label: '全部' },
|
||||||
{ value: 'paid', label: '已支付' },
|
{ value: '1', label: '支付成功' },
|
||||||
{ value: 'partial_refund', label: '部分退款' },
|
{ value: '2', label: '部分退款' },
|
||||||
{ value: 'full_refund', label: '全部退款' },
|
{ value: '3', label: '全部退款' },
|
||||||
{ value: 'closed', label: '已关闭' },
|
{ value: '4', label: '超时关闭' },
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
/** 退款状态选项 */
|
/** 退款状态选项(value 对应 API refundStatus: 不传=全部、0=退款失败,1=退款成功) */
|
||||||
export const REFUND_STATUS_OPTIONS = [
|
export const REFUND_STATUS_OPTIONS = [
|
||||||
{ value: '', label: '全部' },
|
{ value: '', label: '全部' },
|
||||||
{ value: 'refund_success', label: '退款成功' },
|
{ value: '1', label: '退款成功' },
|
||||||
{ value: 'refund_failed', label: '退款失败' },
|
{ value: '0', label: '退款失败' },
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
/** 订单状态 StatusTag 映射 */
|
/** 订单状态 StatusTag 映射 */
|
||||||
const ORDER_STATUS_MAP: Record<string, { label: string; tone: StatusTagTone }> = {
|
const ORDER_STATUS_MAP: Record<number, { label: string; tone: StatusTagTone }> = {
|
||||||
paid: { label: '已支付', tone: 'success' },
|
1: { label: '支付成功', tone: 'success' },
|
||||||
partial_refund: { label: '部分退款', tone: 'orange' },
|
2: { label: '部分退款', tone: 'orange' },
|
||||||
full_refund: { label: '全部退款', tone: 'primary' },
|
3: { label: '全部退款', tone: 'primary' },
|
||||||
closed: { label: '已关闭', tone: 'default' },
|
4: { label: '已关闭', tone: 'default' },
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 退款状态 StatusTag 映射 */
|
/** 退款状态 StatusTag 映射 */
|
||||||
const REFUND_STATUS_MAP: Record<string, { label: string; tone: StatusTagTone }> = {
|
const REFUND_STATUS_MAP: Record<number, { label: string; tone: StatusTagTone }> = {
|
||||||
refund_success: { label: '退款成功', tone: 'success' },
|
1: { label: '无退款', tone: 'default' },
|
||||||
refund_failed: { label: '退款失败', tone: 'danger' },
|
2: { label: '退款成功', tone: 'success' },
|
||||||
};
|
3: { label: '退款失败', tone: 'danger' },
|
||||||
|
|
||||||
// ============================================================
|
|
||||||
// 假数据
|
|
||||||
// ============================================================
|
|
||||||
|
|
||||||
const MOCK_DATA = Array.from({ length: 12 }, (_, i) => {
|
|
||||||
const orderStatus = (['paid', 'paid', 'partial_refund', 'full_refund', 'closed'] as const)[i % 5];
|
|
||||||
const refundStatus: string =
|
|
||||||
orderStatus === 'partial_refund' || orderStatus === 'full_refund'
|
|
||||||
? (['refund_success', 'refund_success', 'refund_failed'] as const)[i % 3]
|
|
||||||
: '';
|
|
||||||
|
|
||||||
const totalAmount = [188.0, 256.5, 399.0, 128.0, 520.0][i % 5];
|
|
||||||
const discountAmount = i % 3 === 0 ? 20.0 : i % 3 === 1 ? 10.0 : 0;
|
|
||||||
const refundAmount =
|
|
||||||
orderStatus === 'partial_refund'
|
|
||||||
? 50.0
|
|
||||||
: orderStatus === 'full_refund'
|
|
||||||
? totalAmount - discountAmount
|
|
||||||
: 0;
|
|
||||||
|
|
||||||
// ===== 选手信息(详情弹窗用) =====
|
|
||||||
const playerNames = ['张三', '李四', '王五'];
|
|
||||||
const players = playerNames.slice(0, (i % 3) + 1).map((name, idx) => ({
|
|
||||||
key: `${i + 1}-${idx}`,
|
|
||||||
name,
|
|
||||||
gender: idx === 1 ? '女' : '男',
|
|
||||||
phone: '12345678956',
|
|
||||||
idNo: 'xxxxxxxxxxxxxxxx',
|
|
||||||
idImg: [
|
|
||||||
'https://picsum.photos/seed/idimg-a/120/80',
|
|
||||||
'https://picsum.photos/seed/idimg-b/120/80',
|
|
||||||
],
|
|
||||||
groupName: ['男子单打', '女子双打', '混合双打'][idx],
|
|
||||||
orderAmount: [100.0, 50.0, 38.0][idx],
|
|
||||||
discountAmount: 0,
|
|
||||||
paidAmount: [100.0, 50.0, 38.0][idx],
|
|
||||||
refundAmount: idx === 1 && orderStatus === 'full_refund' ? 50.0 : 0,
|
|
||||||
}));
|
|
||||||
|
|
||||||
// ===== 退款记录(详情弹窗用) =====
|
|
||||||
const refundRecords: any[] = [];
|
|
||||||
if (orderStatus === 'partial_refund' || orderStatus === 'full_refund') {
|
|
||||||
if (i % 4 === 2) {
|
|
||||||
refundRecords.push(
|
|
||||||
{
|
|
||||||
key: `${i + 1}-r1`,
|
|
||||||
amount: 50.0,
|
|
||||||
isPartial: true,
|
|
||||||
applyTime: '2026-06-07 16:20',
|
|
||||||
completeTime: '2026-06-07 16:25',
|
|
||||||
method: '原路退回(微信支付)',
|
|
||||||
thirdPartyNo: '5030000789202606071625102846',
|
|
||||||
status: 'success',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: `${i + 1}-r2`,
|
|
||||||
amount: 49.0,
|
|
||||||
isPartial: false,
|
|
||||||
applyTime: '2026-06-08 10:00',
|
|
||||||
completeTime: '',
|
|
||||||
method: '原路退回(微信支付)',
|
|
||||||
thirdPartyNo: '',
|
|
||||||
status: 'failed',
|
|
||||||
},
|
|
||||||
);
|
|
||||||
} else if (i % 4 === 0) {
|
|
||||||
refundRecords.push({
|
|
||||||
key: `${i + 1}-r1`,
|
|
||||||
amount: 30.0,
|
|
||||||
isPartial: true,
|
|
||||||
applyTime: '2026-06-05 09:30',
|
|
||||||
completeTime: '2026-06-05 09:35',
|
|
||||||
method: '原路退回(微信支付)',
|
|
||||||
thirdPartyNo: '5030000789202606050935000123',
|
|
||||||
status: 'success',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
key: `${i + 1}`,
|
|
||||||
orderId: `ORD202607${String(i + 1).padStart(5, '0')}`,
|
|
||||||
eventName:
|
|
||||||
i % 3 === 0
|
|
||||||
? '2026全国青少年羽毛球锦标赛暨体育文化交流大会'
|
|
||||||
: i % 3 === 1
|
|
||||||
? '国际马拉松城市联赛'
|
|
||||||
: '全民健身运动会',
|
|
||||||
playerName: ['张选手', '李选手', '王选手', '赵选手'][i % 4],
|
|
||||||
phone: ['13800138001', '13900139002', '13700137003', '13600136004'][i % 4],
|
|
||||||
groupName: ['男子青年组', '女子青年组', '男子中年组', '女子中年组'][i % 4],
|
|
||||||
registrant: ['张报名', '李报名', '王报名', '赵报名'][i % 4],
|
|
||||||
registrantPhone: ['13800138001', '13900139002', '13700137003', '13600136004'][i % 4],
|
|
||||||
registrantCount: [1, 2, 1, 3][i % 4],
|
|
||||||
orderTime: `2026-07-${String((i % 12) + 1).padStart(2, '0')} ${String((i * 2 + 8) % 24).padStart(2, '0')}:${String((i * 13 + 7) % 60).padStart(2, '0')}:${String((i * 11 + 3) % 60).padStart(2, '0')}`,
|
|
||||||
payTime: `2026-07-${String((i % 12) + 1).padStart(2, '0')} ${String((i * 2 + 8) % 24).padStart(2, '0')}:${String((i * 13 + 9) % 60).padStart(2, '0')}:${String((i * 11 + 5) % 60).padStart(2, '0')}`,
|
|
||||||
totalAmount,
|
|
||||||
discountAmount,
|
|
||||||
paidAmount: totalAmount - discountAmount,
|
|
||||||
refundAmount,
|
|
||||||
orderStatus,
|
|
||||||
refundStatus,
|
|
||||||
players,
|
|
||||||
refundRecords,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 临时排序:对假数据按订单时间倒序排列。
|
|
||||||
* 【注意】实际项目中排序由后端接口负责,对接后端后请删除此函数及相关调用。
|
|
||||||
*/
|
|
||||||
const sortByTimeDesc = (list: any[], field: string) =>
|
|
||||||
[...list].sort((a, b) => dayjs(b[field]).valueOf() - dayjs(a[field]).valueOf());
|
|
||||||
|
|
||||||
const SORTED_MOCK_DATA = sortByTimeDesc(MOCK_DATA, 'orderTime');
|
|
||||||
|
|
||||||
// ============================================================
|
|
||||||
// 金额汇总假数据
|
|
||||||
// ============================================================
|
|
||||||
|
|
||||||
const MOCK_SUMMARY = {
|
|
||||||
totalOrderAmount: 113255.0,
|
|
||||||
totalPaidAmount: 113255.0,
|
|
||||||
totalRefundAmount: 1255.0,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// ============================================================
|
// ============================================================
|
||||||
@@ -170,57 +50,68 @@ const MOCK_SUMMARY = {
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* 订单列表页数据模型
|
* 订单列表页数据模型
|
||||||
|
* 筛选字段名与 API query 参数(OrderListQueryParams)保持一致。
|
||||||
*/
|
*/
|
||||||
export function useOrderModel() {
|
export function useOrderModel() {
|
||||||
// ===== 筛选条件 =====
|
// ===== 筛选条件(key 名对齐 API 查询参数) =====
|
||||||
const filterForm = reactive({
|
const filterForm = reactive({
|
||||||
orderTimeRange: null as [string, string] | null,
|
orderDateRange: null as [string, string] | null,
|
||||||
searchOrderId: '',
|
orderNo: '',
|
||||||
searchEventName: '',
|
tName: '',
|
||||||
searchPlayerName: '',
|
sName: '',
|
||||||
orderStatus: '',
|
status: '',
|
||||||
refundStatus: '',
|
refundStatus: '',
|
||||||
});
|
});
|
||||||
|
|
||||||
// 可搜索字段防抖
|
// 可搜索字段防抖
|
||||||
const { debouncedValue: debouncedOrderId } = useDebounce(
|
const { debouncedValue: debouncedOrderNo } = useDebounce(
|
||||||
toRef(filterForm, 'searchOrderId') as Ref<string>,
|
toRef(filterForm, 'orderNo') as Ref<string>,
|
||||||
{ delay: 300 },
|
{ delay: 300 },
|
||||||
);
|
);
|
||||||
const { debouncedValue: debouncedEventName } = useDebounce(
|
const { debouncedValue: debouncedTName } = useDebounce(
|
||||||
toRef(filterForm, 'searchEventName') as Ref<string>,
|
toRef(filterForm, 'tName') as Ref<string>,
|
||||||
{ delay: 300 },
|
{ delay: 300 },
|
||||||
);
|
);
|
||||||
const { debouncedValue: debouncedPlayerName } = useDebounce(
|
const { debouncedValue: debouncedSName } = useDebounce(
|
||||||
toRef(filterForm, 'searchPlayerName') as Ref<string>,
|
toRef(filterForm, 'sName') as Ref<string>,
|
||||||
{ delay: 300 },
|
{ delay: 300 },
|
||||||
);
|
);
|
||||||
|
|
||||||
// ===== 表格状态 =====
|
// ===== 表格状态 =====
|
||||||
const [loading, setLoading] = useState<boolean>(false);
|
const [loading, setLoading] = useState<boolean>(false);
|
||||||
const [dataSource, setDataSource] = useState<any[]>(SORTED_MOCK_DATA);
|
const [dataSource, setDataSource] = useState<TournamentAdminOrderPageVO[]>([]);
|
||||||
const [pagination, setPagination] = useState({
|
const [pagination, setPagination] = useState({
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
total: SORTED_MOCK_DATA.length,
|
total: 0,
|
||||||
});
|
});
|
||||||
|
|
||||||
// ===== 金额汇总 =====
|
// ===== 金额汇总(TODO: 汇总应来自独立接口) =====
|
||||||
const [summary, setSummary] = useState(MOCK_SUMMARY);
|
const [summary, setSummary] = useState(MOCK_ORDER_SUMMARY);
|
||||||
|
|
||||||
|
// ===== 表格列配置(dataIndex 对齐 TournamentAdminOrderPageVO) =====
|
||||||
|
const formatMoney = (text: string) => {
|
||||||
|
const n = parseFloat(text);
|
||||||
|
return isNaN(n) ? '0.00元' : `${n.toFixed(2)}元`;
|
||||||
|
};
|
||||||
|
|
||||||
// ===== 表格列配置 =====
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{ title: '订单编号', dataIndex: 'orderId', key: 'orderId', width: 200 },
|
{ title: '订单编号', dataIndex: 'orderNo', key: 'orderNo', width: 200 },
|
||||||
{ title: '赛事名称', dataIndex: 'eventName', key: 'eventName', width: 180 },
|
{
|
||||||
{ title: '选手名称', dataIndex: 'playerName', key: 'playerName', width: 100 },
|
title: '赛事名称',
|
||||||
|
dataIndex: 'name',
|
||||||
|
key: 'name',
|
||||||
|
width: 180,
|
||||||
|
},
|
||||||
|
{ title: '选手名称', dataIndex: 'realName', key: 'realName', width: 100 },
|
||||||
{ title: '手机号', dataIndex: 'phone', key: 'phone', width: 130 },
|
{ title: '手机号', dataIndex: 'phone', key: 'phone', width: 130 },
|
||||||
{ title: '比赛组别', dataIndex: 'groupName', key: 'groupName', width: 120 },
|
{ title: '比赛组别', dataIndex: 'categoryName', key: 'categoryName', width: 120 },
|
||||||
{ title: '报名人', dataIndex: 'registrant', key: 'registrant', width: 100 },
|
{ title: '报名人', dataIndex: 'creatorName', key: 'creatorName', width: 100 },
|
||||||
{ title: '报名人手机号', dataIndex: 'registrantPhone', key: 'registrantPhone', width: 130 },
|
{ title: '报名人手机号', dataIndex: 'creatorPhone', key: 'creatorPhone', width: 130 },
|
||||||
{
|
{
|
||||||
title: '报名人数',
|
title: '报名人数',
|
||||||
dataIndex: 'registrantCount',
|
dataIndex: 'creatorSignupCount',
|
||||||
key: 'registrantCount',
|
key: 'creatorSignupCount',
|
||||||
width: 90,
|
width: 90,
|
||||||
align: 'center' as const,
|
align: 'center' as const,
|
||||||
},
|
},
|
||||||
@@ -228,43 +119,46 @@ export function useOrderModel() {
|
|||||||
{ title: '支付时间', dataIndex: 'payTime', key: 'payTime', width: 170 },
|
{ title: '支付时间', dataIndex: 'payTime', key: 'payTime', width: 170 },
|
||||||
{
|
{
|
||||||
title: '订单总金额',
|
title: '订单总金额',
|
||||||
dataIndex: 'totalAmount',
|
dataIndex: 'creatorSignupFee',
|
||||||
key: 'totalAmount',
|
key: 'creatorSignupFee',
|
||||||
width: 120,
|
width: 120,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}元`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '总优惠金额',
|
title: '总优惠金额',
|
||||||
dataIndex: 'discountAmount',
|
dataIndex: 'creatorSignupFeeDiscount',
|
||||||
key: 'discountAmount',
|
key: 'creatorSignupFeeDiscount',
|
||||||
width: 120,
|
width: 120,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}元`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '实付总金额',
|
title: '实付总金额',
|
||||||
dataIndex: 'paidAmount',
|
dataIndex: 'creatorSignupFeeActual',
|
||||||
key: 'paidAmount',
|
key: 'creatorSignupFeeActual',
|
||||||
width: 120,
|
width: 120,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}元`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '退款总金额',
|
title: '退款总金额',
|
||||||
dataIndex: 'refundAmount',
|
dataIndex: 'creatorSignupFeeRefund',
|
||||||
key: 'refundAmount',
|
key: 'creatorSignupFeeRefund',
|
||||||
width: 120,
|
width: 120,
|
||||||
align: 'right' as const,
|
align: 'right' as const,
|
||||||
customRender: ({ text }: { text: number }) => `${(text || 0).toFixed(2)}元`,
|
customRender: ({ text }: { text: string }) => formatMoney(text),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '订单状态',
|
title: '订单状态',
|
||||||
dataIndex: 'orderStatus',
|
dataIndex: 'orderStatus',
|
||||||
key: 'orderStatus',
|
key: 'orderStatus',
|
||||||
width: 100,
|
width: 100,
|
||||||
customRender: ({ text }: { text: string }) => {
|
customRender: ({ text }: { text: number }) => {
|
||||||
const info = ORDER_STATUS_MAP[text] || { label: text || '-', tone: 'default' as const };
|
const info = ORDER_STATUS_MAP[text] || {
|
||||||
|
label: String(text ?? '-'),
|
||||||
|
tone: 'default' as const,
|
||||||
|
};
|
||||||
return h(StatusTag, { label: info.label, tone: info.tone });
|
return h(StatusTag, { label: info.label, tone: info.tone });
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -274,22 +168,52 @@ export function useOrderModel() {
|
|||||||
key: 'refundStatus',
|
key: 'refundStatus',
|
||||||
width: 100,
|
width: 100,
|
||||||
align: 'center' as const,
|
align: 'center' as const,
|
||||||
customRender: ({ text }: { text: string }) => {
|
customRender: ({ text }: { text: number }) => {
|
||||||
if (!text) return h('span', '-');
|
if (text === 1) return h('span', '-');
|
||||||
const info = REFUND_STATUS_MAP[text] || { label: text, tone: 'default' as const };
|
const info = REFUND_STATUS_MAP[text] || { label: String(text), tone: 'default' as const };
|
||||||
return h(StatusTag, { label: info.label, tone: info.tone });
|
return h(StatusTag, { label: info.label, tone: info.tone });
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
// ===== 构建 API 查询参数 =====
|
||||||
|
const buildQueryParams = (): OrderListQueryParams => {
|
||||||
|
const params: OrderListQueryParams = {
|
||||||
|
page: String(pagination.value.current),
|
||||||
|
limit: String(pagination.value.pageSize),
|
||||||
|
};
|
||||||
|
|
||||||
|
if (filterForm.orderDateRange) {
|
||||||
|
params.orderDate = filterForm.orderDateRange[0];
|
||||||
|
params.orderDateEnd = filterForm.orderDateRange[1];
|
||||||
|
}
|
||||||
|
if (filterForm.orderNo.trim()) {
|
||||||
|
params.orderNo = filterForm.orderNo.trim();
|
||||||
|
}
|
||||||
|
if (filterForm.tName.trim()) {
|
||||||
|
params.tName = filterForm.tName.trim();
|
||||||
|
}
|
||||||
|
if (filterForm.sName.trim()) {
|
||||||
|
params.sName = filterForm.sName.trim();
|
||||||
|
}
|
||||||
|
if (filterForm.status) {
|
||||||
|
params.status = filterForm.status;
|
||||||
|
}
|
||||||
|
if (filterForm.refundStatus) {
|
||||||
|
params.refundStatus = filterForm.refundStatus;
|
||||||
|
}
|
||||||
|
|
||||||
|
return params;
|
||||||
|
};
|
||||||
|
|
||||||
// ===== 计算属性 =====
|
// ===== 计算属性 =====
|
||||||
const hasFilter = computed(() => {
|
const hasFilter = computed(() => {
|
||||||
return (
|
return (
|
||||||
filterForm.orderTimeRange !== null ||
|
filterForm.orderDateRange !== null ||
|
||||||
debouncedOrderId.value.trim() !== '' ||
|
debouncedOrderNo.value.trim() !== '' ||
|
||||||
debouncedEventName.value.trim() !== '' ||
|
debouncedTName.value.trim() !== '' ||
|
||||||
debouncedPlayerName.value.trim() !== '' ||
|
debouncedSName.value.trim() !== '' ||
|
||||||
filterForm.orderStatus !== '' ||
|
filterForm.status !== '' ||
|
||||||
filterForm.refundStatus !== ''
|
filterForm.refundStatus !== ''
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
@@ -300,21 +224,18 @@ export function useOrderModel() {
|
|||||||
const handleSearch = useThrottleFn(async () => {
|
const handleSearch = useThrottleFn(async () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
console.log('搜索条件:', {
|
const queryParams = buildQueryParams();
|
||||||
orderTimeRange: filterForm.orderTimeRange,
|
console.log('订单列表查询参数:', queryParams);
|
||||||
orderId: debouncedOrderId.value,
|
const res = await getOrderList(queryParams);
|
||||||
eventName: debouncedEventName.value,
|
|
||||||
playerName: debouncedPlayerName.value,
|
if (res.code === 200) {
|
||||||
orderStatus: filterForm.orderStatus,
|
setDataSource(res.data.list);
|
||||||
refundStatus: filterForm.refundStatus,
|
setPagination({ ...pagination.value, total: res.data.total });
|
||||||
});
|
} else {
|
||||||
// TODO: 替换为真实 API 调用
|
message.error(res.msg || '查询失败');
|
||||||
setDataSource(SORTED_MOCK_DATA);
|
}
|
||||||
setPagination({ ...pagination.value, total: SORTED_MOCK_DATA.length });
|
|
||||||
setSummary(MOCK_SUMMARY);
|
|
||||||
message.success('查询成功');
|
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '查询失败');
|
console.error('订单列表查询失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
@@ -322,15 +243,16 @@ export function useOrderModel() {
|
|||||||
|
|
||||||
/** 重置 */
|
/** 重置 */
|
||||||
const handleReset = useThrottleFn(() => {
|
const handleReset = useThrottleFn(() => {
|
||||||
filterForm.orderTimeRange = null;
|
filterForm.orderDateRange = null;
|
||||||
filterForm.searchOrderId = '';
|
filterForm.orderNo = '';
|
||||||
filterForm.searchEventName = '';
|
filterForm.tName = '';
|
||||||
filterForm.searchPlayerName = '';
|
filterForm.sName = '';
|
||||||
filterForm.orderStatus = '';
|
filterForm.status = '';
|
||||||
filterForm.refundStatus = '';
|
filterForm.refundStatus = '';
|
||||||
setPagination({ current: 1, pageSize: 10, total: SORTED_MOCK_DATA.length });
|
setPagination({ current: 1, pageSize: 10, total: 0 });
|
||||||
setDataSource(SORTED_MOCK_DATA);
|
setDataSource([]);
|
||||||
setSummary(MOCK_SUMMARY);
|
// 等待 debounce 生效后自动查询
|
||||||
|
setTimeout(() => handleSearch(), 350);
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
const handlePageChange = (page: number, pageSize: number) => {
|
const handlePageChange = (page: number, pageSize: number) => {
|
||||||
|
|||||||
@@ -137,7 +137,7 @@ export function useUserModel() {
|
|||||||
setPagination({ ...pagination.value, total: SORTED_MOCK_DATA.length });
|
setPagination({ ...pagination.value, total: SORTED_MOCK_DATA.length });
|
||||||
message.success('查询成功');
|
message.success('查询成功');
|
||||||
} catch (error: any) {
|
} catch (error: any) {
|
||||||
message.error(error.msg || '查询失败');
|
console.error('用户列表查询失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user