| | |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | v-show="total > 0" |
| | | @pagination="paginationSearch" |
| | | :total="total" |
| | | :layout="page.layout" |
| | | :page="page.current" |
| | | :limit="page.size" |
| | | /> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | |
| | | :tableLoading="tableLoadingSon" |
| | | :isShowSummary="isShowSummarySon" |
| | | ></PIMTable> |
| | | <pagination |
| | | v-show="sonTotal > 0" |
| | | :total="sonTotal" |
| | | @pagination="sonPaginationSearch" |
| | | :layout="page.layout" |
| | | :page="sonPage.current" |
| | | :limit="sonPage.size" |
| | | /> |
| | | </div> |
| | | </el-col> |
| | | <div class="el-pagination"> |
| | | <pagination |
| | | v-show="total > 0" |
| | | @pagination="paginationSearch" |
| | | :total="total" |
| | | :layout="page.layout" |
| | | :page="page.current" |
| | | :limit="page.size" |
| | | /> |
| | | </div> |
| | | </el-row> |
| | | </div> |
| | | </template> |
| | |
| | | <script setup> |
| | | import { ref, toRefs } from "vue"; |
| | | import { Search } from "@element-plus/icons-vue"; |
| | | import { paymentLedgerList } from "@/api/procurementManagement/paymentLedger.js"; |
| | | import { paymentLedgerList,paymentRecordList } from "@/api/procurementManagement/paymentLedger.js"; |
| | | |
| | | const tableColumn = ref([ |
| | | { |
| | |
| | | current: 1, |
| | | size: 10, |
| | | }); |
| | | const sonPage = reactive({ |
| | | current: 1, |
| | | size: 10, |
| | | }); |
| | | const total = ref(0); |
| | | const sonTotal = ref(0); |
| | | const isShowSummary = ref(true); |
| | | const { searchForm } = toRefs(data); |
| | | const currentSupplierId = ref('') |
| | | const rowClick = (row) => { |
| | | tableDataSon.value = Array.isArray(row.details) ? row.details : []; |
| | | currentSupplierId.value = row.supplierId; |
| | | getPaymenRecordtList(row.supplierId) |
| | | }; |
| | | // 子模块 |
| | | const tableColumnSon = ref([ |
| | | { |
| | | label: "付款日期", |
| | | prop: "paymentDate", |
| | | label: "发生日期", |
| | | prop: "happenTime", |
| | | }, |
| | | { |
| | | label: "开票数", |
| | | prop: "voteCount", |
| | | label: "发票金额", |
| | | prop: "invoiceAmount", |
| | | }, |
| | | { |
| | | label: "付款金额(元)", |
| | | prop: "paymentAmount", |
| | | prop: "currentPaymentAmount", |
| | | }, |
| | | { |
| | | label: "应付金额(元)", |
| | |
| | | tableLoading.value = false; |
| | | tableData.value = result.records || []; |
| | | total.value = result.total || 0; |
| | | if(tableData.value.length > 0) { |
| | | getPaymenRecordtList(tableData.value[0].supplierId); |
| | | currentSupplierId.value = tableData.value[0].supplierId |
| | | } |
| | | |
| | | }); |
| | | }; |
| | | |
| | | const getPaymenRecordtList = (supplierId) => { |
| | | paymentRecordList(supplierId).then(res => { |
| | | tableDataSon.value = res.data |
| | | sonTotal.value = res.data.length |
| | | }) |
| | | } |
| | | |
| | | const sonPaginationSearch = ({ current, limit }) => { |
| | | sonPage.current = current; |
| | | sonPage.size = limit; |
| | | }; |
| | | |
| | | getList(); |
| | | </script> |
| | | |