InvoiceSubOrderInfoTable.tsx
1.72 KB
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
61
62
63
64
65
66
67
68
69
70
import { postServiceOrderGetReissueInfo } from '@/services';
import type { ProColumns } from '@ant-design/pro-components';
import { ProTable } from '@ant-design/pro-components';
import { Button, Divider } from 'antd';
import { useEffect, useState } from 'react';
const columns: ProColumns[] = [
{
title: '发票号码',
width: 80,
dataIndex: 'invoiceNumber',
render: (_) => _,
},
{
title: '关联订单',
dataIndex: 'subOrderIds',
render: (_, { subOrderIds }) => {
console.log(JSON.stringify(_));
console.log(JSON.stringify(subOrderIds));
return (
<>
{subOrderIds.map((subOrderId, index) => {
return (
<>
<Button
key={index}
className="pl-1 pr-0"
type="link"
target="_blank"
href={'/order/order?id=' + subOrderId}
>
{subOrderId}
</Button>
<Divider type="vertical" />
</>
);
})}
</>
);
},
},
];
export default ({ subOrderIds }) => {
const [reissueInfos, setReissueInfos] = useState([]);
useEffect(() => {
console.log('info');
const getReissueInfo = async () => {
let res = await postServiceOrderGetReissueInfo({
data: subOrderIds,
});
setReissueInfos(res.data);
};
getReissueInfo();
}, []);
return (
<ProTable
dataSource={reissueInfos}
rowKey="key"
pagination={false}
size={'small'}
//设置左右下边距为0
options={false}
columns={columns}
search={false}
dateFormatter="string"
headerTitle="发票信息"
/>
);
};