guofei
/
addseed-ux-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: order success bak

master
guofei 2024-06-12 16:06:31 +08:00
parent ec25294f27
commit 8e0790a219
2 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/User/UserDetails.tsx
View File

@ -1,6 +1,7 @@
import { getUserByIdAPI } from '@/services/system/user'; import { getUserByIdAPI } from '@/services/system/user';
import { UxOrderStatus, UxOrderStatusTag } from '@/utils/const'; import { OrderPayType, OrderPayTypeStr, UxOrderStatus, UxOrderStatusTag } from '@/utils/const';
import { formatDateTime } from '@/utils/format'; import { formatDateTime } from '@/utils/format';
import { AlipayCircleOutlined, WechatOutlined } from '@ant-design/icons';
import { ActionType } from '@ant-design/pro-components'; import { ActionType } from '@ant-design/pro-components';
import { Descriptions, Empty, Form, Modal, Spin, Table, Tabs } from 'antd'; import { Descriptions, Empty, Form, Modal, Spin, Table, Tabs } from 'antd';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@ -141,12 +142,20 @@ const UserDetailsModal = (props: PropTypes) => {
align: 'center', align: 'center',
render: (_, record: Order.OrderItem) => { render: (_, record: Order.OrderItem) => {
// 支付类型 1. 微信 2. 支付宝 3. paypal -1: 后台创建 // 支付类型 1. 微信 2. 支付宝 3. paypal -1: 后台创建
if (record.payType === 1) { if ([OrderPayType.WX, OrderPayType.ZFB].includes(record.payType)) {
return '微信'; return (
} else if (record.payType === 2) { <div className="flex justify-center items-center">
return '支付宝'; {record.payType === OrderPayType.WX ? (
} else if (record.payType === 3) { <WechatOutlined color="green" style={{ fontSize: '18px' }} />
return 'paypal'; ) : (
<AlipayCircleOutlined color="blue" style={{ fontSize: '18px' }} />
)}
<span className="ml-1">{Reflect.get(OrderPayTypeStr, record.payType)}</span>
</div>
);
}
if (record.payType === OrderPayType.PAYPAL) {
return Reflect.get(OrderPayTypeStr, OrderPayType.PAYPAL);
} }
return '后台创建'; return '后台创建';
}, },

21
src/utils/const.ts
View File

@ -14,3 +14,24 @@ export const UxOrderStatusTag: Record<number, string> = {
4: '#e74c3c', // 红色 4: '#e74c3c', // 红色
5: '订单超时支付（二维码过期）', // 5: '订单超时支付（二维码过期）', //
}; };
// 1: 待支付 2. 已支付 3. 订单取消 4. 支付失败 5. 订单超时支付（二维码过期）
export enum OrderStatus {
NO_PAY = 1,
HAVE_PAY = 2,
ORDER_CANCEL = 3,
PAY_ERROR = 4,
PAY_TIMEOUT = 5,
}
export enum OrderPayType {
WX = 1,
ZFB = 2,
PAYPAL = 3,
}
export const OrderPayTypeStr = {
1: '微信',
2: '支付宝',
3: 'PayPal',
};