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;
};