react日志页面获取数据

react antd pro

<LogTable orderUkid={e.mailUkid} />

class LogTable extends React.Component<{ orderUkid: string },{
    dataList: LogItem[],
    loading: boolean,
}>

{
// 定义传参的类型
    orderUkid: string;
    constructor(props: any) {
        super(props);
        this.orderUkid = this.props.orderUkid;
        this.state={
            dataList: [],
            loading: false
        }
    }

// 获取后台数据
sendGetReduEventLogListRequest = async (params: any) => {
            this.setState({
                loading: true
            });
            // 通过queryParams来传递参数
            const queryParams = { baseQuery: { ...params }, orderUkid: this.orderUkid};
            const res = await getReduEventLogListRequest(queryParams);
            const result = {
              data: res.data.list,
              total: res.data.total,
              success: res.success,
            };
            this.setState({
                loading: false
            });
            if (!res.success) {
                message.error('查询日志失败!');
            }
            return Promise.resolve(result);
    }

// 通过request来调用接口
export function getReduEventLogListRequest(params: { 
    orderUkid: string,
    baseQuery: {
        current: string,
        pageSize: string;
    }}) {
    return request<API_OBJ.ResponsePageDataType<LogItem>>('/billapi/reduceEvent/getReduEventLogList', {
        method: 'POST',
        data: params
    })

}

// 命名空间
 type ResponsePageDataType<T> = ResponseDataType<{
    list: T[];
    current?: number;
    pageSize?: number;
    total?: number;
  }>;

// 列表column
export interface LogItem {
    eventName: string;
    eventTypeName: string;
    userId: string;
    userName: string;
    beginTime: string;
    remark: string;
    event_id: string;
    event_type: string;
    status: string;
};