| | |
| | | height="calc(100vh - 18.5em)"> |
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
| | | <el-table-column label="客户名称" prop="customerName" show-overflow-tooltip/> |
| | | <el-table-column label="开票金额" prop="invoiceAmount" show-overflow-tooltip/> |
| | | <el-table-column label="开票金额" prop="invoiceTotal" show-overflow-tooltip/> |
| | | <el-table-column label="回款金额" prop="receiptPaymentAmount" show-overflow-tooltip/> |
| | | <el-table-column label="未回款金额" prop="unReceiptPaymentAmount" show-overflow-tooltip/> |
| | | </el-table> |
| | |
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
| | | <el-table-column label="发生日期" prop="receiptPaymentDate" show-overflow-tooltip/> |
| | | <el-table-column label="回款金额" prop="receiptPaymentAmount" show-overflow-tooltip/> |
| | | <el-table-column label="应收金额" prop="invoiceAmount" show-overflow-tooltip/> |
| | | <el-table-column label="待收金额" prop="noReceiptAmount" show-overflow-tooltip/> |
| | | <el-table-column label="应收金额" prop="invoiceTotal" show-overflow-tooltip/> |
| | | </el-table> |
| | | <pagination v-show="recordTotal > 0" :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" :page="recordPage.current" |
| | | :limit="recordPage.size" @pagination="recordPaginationChange" /> |
| | |
| | | page.current = 1 |
| | | getList() |
| | | } |
| | | const paginationChange = ({ current, limit }) => { |
| | | page.current = current; |
| | | page.size = limit; |
| | | const paginationChange = (obj) => { |
| | | console.log('paginationChange', current,limit) |
| | | page.current = obj.page; |
| | | page.size = obj.limit; |
| | | getList() |
| | | } |
| | | const getList = () => { |
| | |
| | | total.value = res.data.total; |
| | | if(tableData.value.length > 0) { |
| | | recordPage.current = 1 |
| | | customerId.value = tableData.value[0].customerId |
| | | customerId.value = tableData.value[0].id |
| | | receiptPaymentList(customerId.value); |
| | | } |
| | | }) |
| | |
| | | const receiptPaymentList = (id) => { |
| | | const param = { |
| | | customerId:id, |
| | | current: page.current, |
| | | size: page.size, |
| | | current: recordPage.current, |
| | | size: recordPage.size, |
| | | } |
| | | console.log('param', param) |
| | | receiptPaymentListPage(param).then(res => { |
| | | receiptRecord.value = res.data.records; |
| | | recordTotal.value = res.data.total; |
| | | |
| | | }) |
| | | } |
| | | |
| | | // 汇款记录列表分页 |
| | | const recordPaginationChange = (currentPage, pageSize) => { |
| | | recordPage.current = currentPage; |
| | | recordPage.size = pageSize; |
| | | const recordPaginationChange = (obj) => { |
| | | console.log('recordPaginationChange', obj ); |
| | | recordPage.current = obj.page; |
| | | recordPage.size = obj.limit; |
| | | console.log('recordPage',recordPage) |
| | | receiptPaymentList(customerId.value); |
| | | } |
| | | |
| | | const rowClickMethod = (row) => { |
| | | customerId.value = row.customerId; |
| | | customerId.value = row.id; |
| | | receiptPaymentList(customerId.value); |
| | | } |
| | | |