Commit afa19485cc9c11f1e5fde25d7f7ac96851c0b91f
1 parent
8a28192c
feat: 银行流水修改。
Showing
6 changed files
with
32 additions
and
170 deletions
src/pages/Invoice/components/BankChooseModal.tsx
... | ... | @@ -13,7 +13,8 @@ import { Button, Divider, Flex, Modal, Tag, message } from 'antd'; |
13 | 13 | import { useRef, useState } from 'react'; |
14 | 14 | import { BANK_STATEMENT_COLUMNS, INVOICE_STATUS } from '../constant'; |
15 | 15 | import '../index.less'; |
16 | -export default ({ invoiceId, setVisible, onClose }) => { | |
16 | + | |
17 | +export default ({ loadInvoiceData, invoiceId, setVisible, onClose }) => { | |
17 | 18 | const [selectedStatement, setSelectedStatement] = useState([]); |
18 | 19 | const [selectedStatementIdSet, setSelectedStatementIdSet] = useState( |
19 | 20 | new Set(), |
... | ... | @@ -50,7 +51,7 @@ export default ({ invoiceId, setVisible, onClose }) => { |
50 | 51 | }; |
51 | 52 | |
52 | 53 | /** |
53 | - * 加载银行流水列表表格的各个列格式 | |
54 | + * 加载列表表格的各个列格式 | |
54 | 55 | */ |
55 | 56 | const bankStatementColumnsInit = () => { |
56 | 57 | let columns = BANK_STATEMENT_COLUMNS.map((item) => { |
... | ... | @@ -226,7 +227,9 @@ export default ({ invoiceId, setVisible, onClose }) => { |
226 | 227 | bankStatementIds: bankStatementIds, |
227 | 228 | }, |
228 | 229 | }); |
229 | - | |
230 | + setTimeout(() => { | |
231 | + loadInvoiceData(); | |
232 | + }, 500); | |
230 | 233 | if (res.result === RESPONSE_CODE.SUCCESS) { |
231 | 234 | if (res.data?.length > 0) { |
232 | 235 | message.info(res.data); |
... | ... | @@ -236,7 +239,6 @@ export default ({ invoiceId, setVisible, onClose }) => { |
236 | 239 | |
237 | 240 | onClose(); |
238 | 241 | } |
239 | - | |
240 | 242 | setBtnLoading(false); |
241 | 243 | }} |
242 | 244 | okButtonProps={{ | ... | ... |
src/pages/Invoice/components/BankImportModal.tsx
... | ... | @@ -41,7 +41,7 @@ export default ({ setVisible, onClose }) => { |
41 | 41 | const downloadUrl = window.URL.createObjectURL(blob); |
42 | 42 | const a = document.createElement('a'); |
43 | 43 | a.href = downloadUrl; |
44 | - a.download = '银行流水导入模板.xlsx'; // 你可以为文件命名 | |
44 | + a.download = '导入模板.xlsx'; // 你可以为文件命名 | |
45 | 45 | document.body.appendChild(a); |
46 | 46 | a.click(); // 模拟点击操作来下载文件 |
47 | 47 | URL.revokeObjectURL(downloadUrl); // 释放掉 blob 对象所占用的内存 | ... | ... |
src/pages/Invoice/components/InvoiceVerificationModal.tsx
... | ... | @@ -44,7 +44,8 @@ export default ({ invoiceId, setVisible, onClose }) => { |
44 | 44 | if (res && res.data) { |
45 | 45 | setInvoiceInfo(res.data); |
46 | 46 | setRelationOrderIds(res.data.mainOrderIds); |
47 | - setRelationBankStatements(res.data.bankStatementResponseDtos); | |
47 | + console.log('bs:' + res.data.bankStatementDtos); | |
48 | + setRelationBankStatements(res.data.bankStatementDtos); | |
48 | 49 | } |
49 | 50 | }; |
50 | 51 | |
... | ... | @@ -149,7 +150,7 @@ export default ({ invoiceId, setVisible, onClose }) => { |
149 | 150 | }; |
150 | 151 | |
151 | 152 | /** |
152 | - * 加载银行流水列表表格的各个列格式 | |
153 | + * 加载表格的各个列格式 | |
153 | 154 | */ |
154 | 155 | const bankStatementColumnsInit = () => { |
155 | 156 | let columns = BANK_STATEMENT_COLUMNS.map((item) => { |
... | ... | @@ -367,6 +368,7 @@ export default ({ invoiceId, setVisible, onClose }) => { |
367 | 368 | |
368 | 369 | {bankChooseModalVisible ? ( |
369 | 370 | <BankChooseModal |
371 | + loadInvoiceData={loadInvoiceData} | |
370 | 372 | setVisible={setBankChooseModalVisible} |
371 | 373 | invoiceId={invoiceId} |
372 | 374 | onClose={() => { | ... | ... |
src/pages/Invoice/constant.tsx
... | ... | @@ -142,15 +142,11 @@ export const BANK_STATEMENT_COLUMNS = [ |
142 | 142 | editable: false, |
143 | 143 | }, |
144 | 144 | { |
145 | - dataIndex: 'status', | |
145 | + dataIndex: 'statusText', | |
146 | 146 | title: '状态', |
147 | 147 | valueType: 'select', |
148 | 148 | width: 100, |
149 | 149 | editable: false, |
150 | - valueEnum: enumToProTableEnumValue({ | |
151 | - ABNORMAL: '异常', | |
152 | - VERIFIED: '已核销', | |
153 | - }), | |
154 | 150 | }, |
155 | 151 | { |
156 | 152 | dataIndex: 'serialNumber', |
... | ... | @@ -159,191 +155,50 @@ export const BANK_STATEMENT_COLUMNS = [ |
159 | 155 | width: 100, |
160 | 156 | }, |
161 | 157 | { |
162 | - dataIndex: 'merchantOrderNumber', | |
163 | - title: '商户订单号', | |
164 | - valueType: 'text', | |
165 | - width: 100, | |
166 | - }, | |
167 | - { | |
168 | - dataIndex: 'bankOrderNumber', | |
169 | - title: '银行订单号', | |
170 | - valueType: 'text', | |
171 | - width: 100, | |
172 | - }, | |
173 | - { | |
174 | - dataIndex: 'thirdPartyOrderNumber', | |
175 | - title: '第三方订单号', | |
176 | - valueType: 'text', | |
177 | - width: 100, | |
178 | - }, | |
179 | - { | |
180 | - dataIndex: 'accountNumber', | |
181 | - title: '账号', | |
182 | - valueType: 'text', | |
183 | - width: 180, | |
184 | - }, | |
185 | - { | |
186 | - dataIndex: 'accountName', | |
187 | - title: '帐号名称', | |
188 | - valueType: 'text', | |
189 | - width: 260, | |
190 | - }, | |
191 | - { | |
192 | - dataIndex: 'currency', | |
193 | - title: '币种', | |
194 | - valueType: 'text', | |
195 | - width: 100, | |
196 | - }, | |
197 | - { | |
198 | - dataIndex: 'transactionDate', | |
199 | - title: '交易日', | |
200 | - valueType: 'dateRange', | |
158 | + dataIndex: 'collectionDate', | |
159 | + title: '收款时间', | |
160 | + valueType: 'date', | |
201 | 161 | width: 100, |
202 | - search: { | |
203 | - transform: (value) => { | |
204 | - if (value) { | |
205 | - return { | |
206 | - beginTransactionDate: value[0], | |
207 | - endTransactionDate: value[1], | |
208 | - }; | |
209 | - } | |
210 | - }, | |
211 | - }, | |
212 | - }, | |
213 | - { | |
214 | - dataIndex: 'transactionTime', | |
215 | - title: '交易时间', | |
216 | - valueType: 'text', | |
217 | 162 | hideInSearch: true, |
218 | - width: 100, | |
219 | - }, | |
220 | - { | |
221 | - dataIndex: 'transactionType', | |
222 | - title: '交易类型', | |
223 | - valueType: 'text', | |
224 | - width: 100, | |
225 | - }, | |
226 | - { | |
227 | - dataIndex: 'transactionBankBranch', | |
228 | - title: '交易行所', | |
229 | - valueType: 'text', | |
230 | - width: 100, | |
231 | 163 | }, |
232 | 164 | { |
233 | - dataIndex: 'valueDate', | |
234 | - title: '起息日', | |
165 | + dataIndex: 'collectionDateSearch', | |
166 | + title: '收款时间', | |
235 | 167 | valueType: 'dateRange', |
236 | 168 | width: 100, |
169 | + hideInTable: true, | |
237 | 170 | search: { |
238 | 171 | transform: (value) => { |
239 | 172 | if (value) { |
240 | 173 | return { |
241 | - beginValueDate: value[0], | |
242 | - endValueDate: value[1], | |
174 | + collectionDateBegin: value[0], | |
175 | + collectionDateEnd: value[1], | |
243 | 176 | }; |
244 | 177 | } |
245 | 178 | }, |
246 | 179 | }, |
247 | 180 | }, |
248 | 181 | { |
249 | - dataIndex: 'loanAmount', | |
250 | - title: '贷方金额', | |
251 | - valueType: 'money', | |
252 | - width: 100, | |
253 | - }, | |
254 | - { | |
255 | - dataIndex: 'borrowedAmount', | |
256 | - title: '借方金额', | |
257 | - valueType: 'money', | |
258 | - width: 100, | |
259 | - }, | |
260 | - { | |
261 | - dataIndex: 'transactionAmount', | |
262 | - title: '交易金额', | |
263 | - valueType: 'money', | |
264 | - width: 100, | |
265 | - }, | |
266 | - { | |
267 | - dataIndex: 'balance', | |
268 | - title: '余额', | |
269 | - valueType: 'money', | |
270 | - width: 100, | |
271 | - }, | |
272 | - { | |
273 | - dataIndex: 'actualPaymentAmount', | |
274 | - title: '实付金额', | |
275 | - valueType: 'money', | |
276 | - width: 100, | |
277 | - }, | |
278 | - { | |
279 | - dataIndex: 'collectionChannel', | |
280 | - title: '收款渠道', | |
182 | + dataIndex: 'payeeText', | |
183 | + title: '收款方', | |
281 | 184 | valueType: 'text', |
282 | 185 | width: 100, |
283 | 186 | }, |
284 | 187 | { |
285 | - dataIndex: 'paymentType', | |
286 | - title: '支付类型', | |
188 | + dataIndex: 'payer', | |
189 | + title: '付款方', | |
287 | 190 | valueType: 'text', |
288 | 191 | width: 100, |
289 | 192 | }, |
290 | 193 | { |
291 | - dataIndex: 'summary', | |
292 | - title: '摘要', | |
293 | - valueType: 'text', | |
294 | - width: 300, | |
295 | - }, | |
296 | - { | |
297 | - dataIndex: 'cashier', | |
298 | - title: '收银员', | |
299 | - valueType: 'text', | |
300 | - width: 100, | |
301 | - }, | |
302 | - { | |
303 | - dataIndex: 'payeePayerUnit', | |
304 | - title: '收(付)方单位', | |
305 | - valueType: 'text', | |
306 | - width: 260, | |
307 | - }, | |
308 | - { | |
309 | - dataIndex: 'payeePayerName', | |
310 | - title: '收(付)方名称', | |
311 | - valueType: 'text', | |
312 | - width: 260, | |
313 | - }, | |
314 | - { | |
315 | - dataIndex: 'payeePayerAccountNumber', | |
316 | - title: '收(付)方账号', | |
317 | - valueType: 'text', | |
318 | - width: 260, | |
319 | - }, | |
320 | - { | |
321 | - dataIndex: 'payeePayerBankBranchCode', | |
322 | - title: '收(付)方开户行行号', | |
323 | - valueType: 'text', | |
324 | - width: 260, | |
325 | - }, | |
326 | - { | |
327 | - dataIndex: 'payeePayerBankName', | |
328 | - title: '收(付)方开户行名', | |
329 | - valueType: 'text', | |
330 | - width: 260, | |
331 | - }, | |
332 | - { | |
333 | - dataIndex: 'payeePayerBankAddress', | |
334 | - title: '收(付)方开户行地址', | |
335 | - valueType: 'text', | |
336 | - width: 260, | |
337 | - }, | |
338 | - { | |
339 | - dataIndex: 'extendedSummary', | |
340 | - title: '扩展摘要', | |
194 | + dataIndex: 'amount', | |
195 | + title: '金额', | |
341 | 196 | valueType: 'text', |
342 | 197 | width: 100, |
343 | 198 | }, |
344 | 199 | { |
345 | - dataIndex: 'transactionAnalysisCode', | |
346 | - title: '交易分析码', | |
200 | + dataIndex: 'remark', | |
201 | + title: '备注', | |
347 | 202 | valueType: 'text', |
348 | 203 | width: 100, |
349 | 204 | }, | ... | ... |
src/pages/Invoice/index.tsx
... | ... | @@ -23,6 +23,7 @@ import { INVOCING_STATUS, PAYEE_OPTIONS } from '../Order/constant'; |
23 | 23 | import BankImportModal from './components/BankImportModal'; |
24 | 24 | import InvoiceVerificationModal from './components/InvoiceVerificationModal'; |
25 | 25 | import './index.less'; |
26 | + | |
26 | 27 | const InvoicePage = () => { |
27 | 28 | const invoiceActionRef = useRef<ActionType>(); |
28 | 29 | const bankActionRef = useRef<ActionType>(); | ... | ... |
src/pages/Order/components/OrderDrawer.tsx
... | ... | @@ -1209,9 +1209,11 @@ export default ({ onClose, data, subOrders, orderOptType }) => { |
1209 | 1209 | let totalPayment = form.getFieldValue('totalPayment'); |
1210 | 1210 | let list = form.getFieldValue('list'); |
1211 | 1211 | let reduce = list.reduce( |
1212 | - (sum, item) => sum + item.subOrderPayment, | |
1212 | + (sum, item) => FloatAdd(sum, item.subOrderPayment), | |
1213 | 1213 | 0, |
1214 | 1214 | ); |
1215 | + console.log(reduce); | |
1216 | + console.log(totalPayment); | |
1215 | 1217 | if (reduce === totalPayment || value) { |
1216 | 1218 | return Promise.resolve(); |
1217 | 1219 | } | ... | ... |