LockFlowModal.tsx
2.63 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
71
import React, {useEffect, useState} from 'react';
import {Modal, Table, Button} from 'antd';
import { getLockFlowDetail } from '@/pages/pms/storage/partShop/api';
import usePagination from '@/hooks/usePagination';
interface Props {
item?: any
visible: boolean
onCancel: () => any
}
const {Column} = Table;
export default function Index(props: Props) {
const {item, visible, onCancel} = props;
const [delay, setDelay] = useState(true);
const { list, loading, setParams, paginationConfig, setList } = usePagination<PmsStoragePartShop.FlowVO>(getLockFlowDetail, {}, { delay });
useEffect(() => {
if (item.shopId && item.partId && visible) {
setParams({ partId: item.partId, shopId: item.shopId, isLock: item.isLock }, true);
setDelay(false);
} else {
setList([]);
}
}, [visible, item.partId]);
return (
<Modal
title={`${item.isLock ? '锁定库存' : '释放库存'}流水`}
width={1000}
visible={visible}
maskClosable={false}
onCancel={onCancel}
footer={[
<Button key="1" onClick={onCancel}>取消</Button>,
]}
>
<Table
loading={loading}
dataSource={list}
rowKey={(v: PmsStoragePartShop.FlowVO) => `${v.type}_${v.typeId}`}
pagination={paginationConfig}
>
<Column title="配件数量" dataIndex="partCnt" />
<Column title="单号" dataIndex="remark" render={t => t || "--"} />
<Column
title="详情"
dataIndex="text"
width={350}
render={(t: string, it: PmsStoragePartShop.FlowVO) => {
const obj = JSON.parse(t || '{}');
return (
<div>
{!!obj.type && <div>{`类型: ${obj.type}`}</div>}
{!!obj.serviceCatName && <div>{`进站类型: ${obj.serviceCatName}`}</div>}
{!!obj.exclusiveAdviser && <div>{`专属顾问: ${obj.exclusiveAdviser}`}</div>}
{!!obj.shopLinkmanName && <div>{`服务顾问: ${obj.shopLinkmanName}`}</div>}
{!!obj.receiverName && <div>{`服务顾问: ${obj.receiverName}`}</div>}
{!!obj.plateNo && <div>{`车牌号: ${obj.plateNo}`}</div>}
{!!obj.ownerName && <div>{`车主: ${obj.ownerName}`}</div>}
{!!obj.vin && <div>{`VIN: ${obj.vin}`}</div>}
{!!obj.userName && <div>{`操作账号: ${obj.userName}`}</div>}
{!!obj.fixRemark && <div>{`备注: ${obj.fixRemark}`}</div>}
</div>
);
}}
/>
<Column title={`${item.isLock ? '锁库' : '释放'}时间`} dataIndex="recordTime" />
</Table>
</Modal>
);
}