21 lines
1.0 KiB
JavaScript
21 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import { List, Tag, Result, Button } from 'antd-mobile';
|
|
import { HandPayCircleOutline } from 'antd-mobile-icons';
|
|
export default function render(props) {
|
|
const { withdraws, gotoDetail } = props.data;
|
|
const { t, goBack } = props.methods;
|
|
if (withdraws?.length) {
|
|
return (<List>
|
|
{withdraws.map((ele) => (<List.Item key={ele.id} prefix={<HandPayCircleOutline fontSize={38}/>} extra={<Tag color={ele.iStateColor}>{ele.iState}</Tag>} title={ele.lossDescription} description={ele.createAt} onClick={() => gotoDetail(ele.id)}>
|
|
<>
|
|
<span style={{ marginRight: 3 }}>{t('common::pay.symbol')}</span>
|
|
{ele.price}
|
|
</>
|
|
</List.Item>))}
|
|
</List>);
|
|
}
|
|
return (<Result status="info" title={t('noData')} description={<Button onClick={goBack}>
|
|
{t('common::back')}
|
|
</Button>}/>);
|
|
}
|