1
2 天以前 8dfd55ef1c0eccf3adf105f0d4f5828bdbc3f86d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
// 创建 OrderCodeField.jsx
import React, { useState, useEffect } from 'react';
import { TextField, useRecordContext, useNotify } from 'react-admin';
import request from '@/utils/request';
 
const OrderCodeField = (props) => {
    const { source, label, ...rest } = props;
    const record = useRecordContext();
    const [orderCode, setOrderCode] = useState('');
    const [loading, setLoading] = useState(false);
    const notify = useNotify();
 
    const orderId = record?.[source];
 
    useEffect(() => {
        if (orderId) {
            fetchOrderCode(orderId);
        }
    }, [orderId]);
 
    const fetchOrderCode = async (id) => {
        if (!id) return;
 
        setLoading(true);
        try {
            const { data: { code, data, msg } } = await request.get(`/asnOrder/${id}`);
            if (code === 200 && data) {
                setOrderCode(data.code || `订单 ${id}`);
            } else {
                setOrderCode(`订单 ${id}`);
                if (code !== 200) {
                    notify(msg || '获取订单信息失败', { type: 'warning' });
                }
            }
        } catch (error) {
            console.error('获取订单信息失败:', error);
            setOrderCode(`订单 ${id}`);
            notify('网络错误,获取订单信息失败', { type: 'error' });
        } finally {
            setLoading(false);
        }
    };
 
    if (!orderId) return null;
 
    return (
        <TextField
            {...rest}
            record={{ ...record, [source]: loading ? '加载中...' : orderCode }}
            source={source}
            label={label}
        />
    );
};
 
OrderCodeField.defaultProps = {
    addLabel: true,
};
 
export default OrderCodeField;