List.tsx
5.55 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
import React from "react";
import { Popover, Table } from "antd";
import { useStore } from "../index";
import { CompanyCategoryTypeEnum, ExpireRepayRuleEnum } from "@/pages/finance/entitys";
import rmb from "@/utils/rmb";
import { ExclamationCircleFilled } from "@ant-design/icons";
const { Column } = Table;
enum DepositPayMethodEnum {
"前期一次性支付" = 1,
"每张票支付",
}
export default function SalesFinanceList() {
const { setCurrent, setVisible, companyList, loading } = useStore();
return (
<Table dataSource={companyList} rowKey="compId" pagination={false} loading={loading} scroll={{ x: 1400 }}>
<Column
title="公司名称"
dataIndex="compName"
fixed="left"
render={(name, row: SpecialAccount.Companylist) => `${name}(${CompanyCategoryTypeEnum[row.compCategory!]})`}
width={120}
/>
<Column
title={
<Popover
placement="topLeft"
content={
<div>
<p>
<span style={{ color: "red" }}>提示:</span>
<span>保证金指真实的保证金,而非票据保证金账户上的钱</span>
</p>
</div>
}
>
<span>
还款保证金账户
<ExclamationCircleFilled style={{ color: "#40a9ff" }} />
</span>
</Popover>
}
dataIndex="depositAccountName"
align="center"
render={(name) => name || "-"}
width={120}
/>
<Column title="一般账户" dataIndex="accountName" width={120} />
<Column title="还款账户" dataIndex="repayAccountName" width={120} />
<Column title="最大授信额度(元)" dataIndex="maxCreditQuota" render={(count) => count.toFixed(2)} width={120} />
<Column
title="保证金固定金额或比例"
dataIndex="depositValue"
render={(count, row: SpecialAccount.Companylist) => `${rmb.p(count)}${row.depositType == 1 ? "元" : "%"}`}
width={120}
/>
<Column title="保证金支付方式" dataIndex="depositPayMethod" render={(v) => DepositPayMethodEnum[v]} width={120} />
<Column title="出票手续费(%)" dataIndex="billServiceFee" render={(count) => `${count.toFixed(2)}%`} width={120} />
<Column title="期限(自然月)" dataIndex="billLimitDates" render={(m) => (m ? `${m}个月` : "-")} width={120} />
<Column
title="票据到期提前还款天数"
dataIndex="repayAdvanceDays"
render={(d) => (d ? `${d}个工作日` : "-")}
width={120}
/>
{/* 票据到期还款推送 */}
<Column
title={
<Popover
placement="topLeft"
content={
<>
<p> 票据内剩余总金额=票据内已还款总金额-票据到期金额</p>
<p> 票据内剩余总金额≥0,不推票据到期还款待办</p>
<p>票据内剩余总金额<0,推票据到期还款待办,金额对应为票据内剩余总金额</p>
</>
}
>
<span>
票据到期还款推送
<ExclamationCircleFilled style={{ color: "#40a9ff" }} />
</span>
</Popover>
}
dataIndex="expireRepayRule"
render={(d: number) => d && ExpireRepayRuleEnum[d]}
width={120}
/>
<Column title="是否支持票转贷" dataIndex="toLoan" width={120} render={(val) => (val ? "支持" : "不支持")} />
<Column
title="票转贷最长期限"
dataIndex="toLoanDueTime"
render={(v, r: SpecialAccount.Companylist) => (r.toLoan ? `${v}${r.toLoanDueTimeTypeName}` || "-" : "-")}
width={120}
/>
<Column
title="票转贷年利率(%)"
dataIndex="billTransferInterest"
render={(count, row: any) => (row.toLoan ? (count ? `${count.toFixed(2)}%` : "-") : "-")}
width={120}
/>
<Column
title="票转贷结息日"
dataIndex="interestSettleDay"
render={(day, row: any) => (row.toLoan ? (day ? `每月${day}日` : "-") : "-")}
width={120}
/>
<Column
title="票转贷还款提前天数"
dataIndex="toLoanRepayAdvanceDays"
render={(day, row: any) => (row.toLoan ? (day ? `${day || 0}工作日` : "-") : "-")}
width={120}
/>
<Column title="是否支持贷款启票" dataIndex="loan" width={120} render={(val) => (val ? "支持" : "不支持")} />
<Column
title="贷款启票年利率(%)"
dataIndex="loanInterest"
render={(count, row: any) => (row.loan ? (count ? `${count.toFixed(2)}%` : "-") : "-")}
width={120}
/>
<Column
title="贷款启票结息日"
dataIndex="loanRepayAdvanceDays"
render={(day, row: any) => (row.loan ? (day ? `每月${day}日` : "-") : "-")}
width={120}
/>
<Column
title="贷款启票还款提前天数"
dataIndex="loanInterestSettleDay"
render={(day, row: any) => (row.loan ? (day ? `${day || 0}工作日` : "-") : "-")}
width={120}
/>
<Column
title="操作"
align="center"
render={(text, record: SpecialAccount.Companylist) => (
<>
<a
onClick={(e) => {
e.preventDefault();
setCurrent(record);
setVisible(true);
}}
>
编辑
</a>
</>
)}
width={180}
/>
</Table>
);
}