| | |
| | | </div> |
| | | <div class="table_list"> |
| | | <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true" |
| | | :isShowSummary="isShowSummarySon" |
| | | :summaryMethod="summarizeMainTable1" |
| | | :handleSelectionChange="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination" |
| | | :total="total"></PIMTable> |
| | | </div> |
| | |
| | | import { ref } from 'vue' |
| | | import { Search } from "@element-plus/icons-vue"; |
| | | import { ElMessageBox } from "element-plus"; |
| | | import { getInfo } from "@/api/login.js"; |
| | | import useUserStore from "@/store/modules/user.js"; |
| | | import { |
| | | byPurchaseId, |
| | | getPurchaseNo, |
| | | paymentRegistrationAdd, paymentRegistrationDel, |
| | | paymentRegistrationEdit, |
| | | registrationInfo, |
| | | registrationList, |
| | | getTicketNo |
| | | } from "@/api/procurementManagement/paymentEntry.js"; |
| | | import { invoiceList } from "@/api/procurementManagement/procurementInvoiceLedger.js" |
| | | import {invoiceListPage} from "@/api/procurementManagement/procurementInvoiceLedger.js" |
| | | const { proxy } = getCurrentInstance() |
| | | const taxRateSelection = [ |
| | | { value: '0', label: '0%' }, |
| | | { value: '3', label: '3%' }, |
| | | { value: '6', label: '6%' }, |
| | | { value: '9', label: '9%' }, |
| | | { value: '13', label: '13%' }, |
| | | { value: '17', label: '17%' }, |
| | | ] |
| | | const tableColumn = ref([ |
| | | { |
| | | label: '采购合同号', |
| | |
| | | }, |
| | | { |
| | | label: '发票金额(元)', |
| | | prop: 'invoiceAmount' |
| | | prop: 'invoiceAmount', |
| | | formatData: (params) => { |
| | | return parseFloat(params).toFixed(2); |
| | | } |
| | | }, |
| | | { |
| | | label: '已付款金额(元)', |
| | | prop: 'paymentAmountTotal' |
| | | prop: 'paymentAmountTotal', |
| | | formatData: (params) => { |
| | | return parseFloat(params).toFixed(2); |
| | | } |
| | | }, |
| | | { |
| | | label: '待付款金额(元)', |
| | | prop: 'unPaymentAmountTotal' |
| | | prop: 'unPaymentAmountTotal', |
| | | formatData: (params) => { |
| | | return parseFloat(params).toFixed(2); |
| | | } |
| | | }, |
| | | ]) |
| | | const tableData = ref([]) |
| | | const selectedRows = ref([]) |
| | | const tableLoading = ref(false) |
| | | const purchaseLedgerList = ref([]) |
| | | const invoiceNumberList = ref([]) |
| | | const userStore = useUserStore() |
| | | const page = reactive({ |
| | |
| | | } |
| | | }) |
| | | const { searchForm, form, rules } = toRefs(data) |
| | | const isShowSummarySon = ref(true); |
| | | |
| | | // 子表合计方法 |
| | | const summarizeMainTable1 = (param) => { |
| | | return proxy.summarizeTable(param, ['invoiceAmount', 'paymentAmountTotal', 'unPaymentAmountTotal'], { |
| | | ticketsNum: { noDecimal: true }, // 不保留小数 |
| | | futureTickets: { noDecimal: true }, // 不保留小数 |
| | | }); |
| | | }; |
| | | // 查询列表 |
| | | /** 搜索按钮操作 */ |
| | | const handleQuery = () => { |
| | | page.current = 1 |
| | | getList() |
| | | } |
| | | const pagination = ({ current, limit }) => { |
| | | page.current = current; |
| | | page.size = limit; |
| | | const pagination = (obj) => { |
| | | page.current = obj.page; |
| | | page.size = obj.limit; |
| | | getList() |
| | | } |
| | | const getList = () => { |
| | | tableLoading.value = true |
| | | invoiceList({ ...searchForm.value, ...page }).then(res => { |
| | | invoiceListPage({ ...searchForm.value, ...page }).then(res => { |
| | | tableLoading.value = false |
| | | tableData.value = res.rows |
| | | tableData.value = res.records |
| | | total.value = res.total |
| | | }) |
| | | } |