| | |
| | | <div> |
| | | <span class="search_title">供应商名称:</span> |
| | | <el-input |
| | | v-model="searchForm.supplierNameOrContractNo" |
| | | v-model="searchForm.supplierName" |
| | | style="width: 240px" |
| | | placeholder="输入供应商名称" |
| | | @change="handleQuery" |
| | |
| | | :tableLoading="tableLoadingSon" |
| | | :isShowSummary="isShowSummarySon" |
| | | :summaryMethod="summarizeMainTable1" |
| | | :isShowPage="false" |
| | | height="calc(100vh - 18.5em)" |
| | | > |
| | | <template #payableAmountSlot="{ row }"> |
| | | <el-text type="danger"> |
| | |
| | | </el-text> |
| | | </template> |
| | | </PIMTable> |
| | | <pagination |
| | | v-show="sonTotal > 0" |
| | | :total="sonTotal" |
| | | @pagination="sonPaginationSearch" |
| | | :layout="page.layout" |
| | | :page="sonPage.current" |
| | | :limit="sonPage.size" |
| | | /> |
| | | <!-- <pagination--> |
| | | <!-- v-show="sonTotal > 0"--> |
| | | <!-- :total="sonTotal"--> |
| | | <!-- @pagination="sonPaginationSearch"--> |
| | | <!-- :layout="page.layout"--> |
| | | <!-- :page="sonPage.current"--> |
| | | <!-- :limit="sonPage.size"--> |
| | | <!-- />--> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | { |
| | | label: "供应商名称", |
| | | prop: "supplierName", |
| | | width:240 |
| | | }, |
| | | { |
| | | label: "发票金额(元)", |
| | |
| | | { |
| | | label: "发生日期", |
| | | prop: "happenTime", |
| | | width: 110, |
| | | }, |
| | | { |
| | | label: "发票金额(元)", |
| | | prop: "invoiceAmount", |
| | | width: 200, |
| | | formatData: (params) => { |
| | | return parseFloat(params).toFixed(2); |
| | | return params ? parseFloat(params).toFixed(2) : 0; |
| | | }, |
| | | }, |
| | | { |
| | | label: "付款金额(元)", |
| | | prop: "currentPaymentAmount", |
| | | width: 200, |
| | | formatData: (params) => { |
| | | return parseFloat(params).toFixed(2); |
| | | return params ? parseFloat(params).toFixed(2) : 0; |
| | | }, |
| | | }, |
| | | { |
| | | label: "应付金额(元)", |
| | | dataType: "slot", |
| | | width: 200, |
| | | prop: "payableAmount", |
| | | slot: "payableAmountSlot", |
| | | }, |
| | | ]); |
| | |
| | | paymentLedgerList({ |
| | | ...searchForm.value, |
| | | ...page, |
| | | detailPageNum: detailPageNum.value, // 新增 |
| | | detailPageSize: detailPageSize.value, // 新增 |
| | | }).then((res) => { |
| | | let result = res.data; |
| | | tableLoading.value = false; |