refactor(ui): 优化表格列显示和样式
- 移除退款记录页订单编号的复制功能
- 调整退款申请模态框上传区域样式
- 更新公司收益详情表格列标题和金额显示格式
| | |
| | | import { PlusOutlined } from '@ant-design/icons'; |
| | | import { useRef, useState } from 'react'; |
| | | import { customRequest } from '@/utils/utils'; |
| | | import { applyRefund } from '../service'; |
| | | |
| | | const RefundApplyModal = ({ visible, onCancel, orderId, onSuccess }) => { |
| | | const [form] = Form.useForm(); |
| | |
| | | justifyContent: 'center', |
| | | height: '100%', |
| | | color: '#8c8c8c', |
| | | border: '1px dashed #d9d9d9', |
| | | borderRadius: 4, |
| | | backgroundColor: '#fafafa', |
| | | }}> |
| | | <PlusOutlined style={{ fontSize: 24, marginBottom: 8 }} /> |
| | | <div style={{ fontSize: 12 }}>上传图片</div> |
| | |
| | | dataIndex: 'orderPrice', |
| | | align: 'center', |
| | | hideInSearch: true, |
| | | render: (orderPrice) => ( |
| | | <span>{orderPrice ? Number(orderPrice).toFixed(2) : '0.00'}</span> |
| | | ), |
| | | render: (text) => { |
| | | return text ? `¥${Number(text).toFixed(2)}` : '¥0.00'; |
| | | }, |
| | | }, |
| | | { |
| | | title: '本人收益金额', |
| | | title: '推广员收益', |
| | | dataIndex: 'saleProfit', |
| | | align: 'center', |
| | | hideInSearch: true, |
| | | render: (saleProfit) => ( |
| | | <span style={{ color: '#52c41a', fontWeight: 'bold' }}> |
| | | {saleProfit ? Number(saleProfit).toFixed(2) : '0.00'} |
| | | </span> |
| | | ), |
| | | render: (text) => { |
| | | return text ? `¥${Number(text).toFixed(2)}` : '¥0.00'; |
| | | }, |
| | | }, |
| | | { |
| | | title: '合伙人收益', |
| | | dataIndex: 'partnerProfit', |
| | | align: 'center', |
| | | hideInSearch: true, |
| | | render: (text) => { |
| | | return text ? `¥${Number(text).toFixed(2)}` : '¥0.00'; |
| | | }, |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | title: '订单编号', |
| | | dataIndex: 'code', |
| | | width: 180, |
| | | copyable: true, |
| | | ellipsis: true, |
| | | order: 4, |
| | | search: { |