| | |
| | | <el-form :inline="true" :model="searchForm" style="width: 100%"> |
| | | <el-row justify="space-between"> |
| | | <el-col :span="20"> |
| | | <el-form-item label="供应商名称/合同号"> |
| | | <el-form-item label="供应商名称/订单编号"> |
| | | <el-input |
| | | v-model="searchForm.supplierNameOrContractNo" |
| | | style="width: 240px" |
| | | placeholder="输入供应商名称/合同号搜索" |
| | | placeholder="输入供应商名称/订单编号搜索" |
| | | clearable |
| | | prefix-icon="Search" |
| | | @change="handleQuery" |
| | |
| | | > |
| | | <el-table-column type="index" label="序号" width="50" align="center"/> |
| | | <el-table-column label="采购合同号" prop="purchaseContractNumber" show-overflow-tooltip /> |
| | | <el-table-column label="销售合同号" prop="salesContractNo" show-overflow-tooltip /> |
| | | <el-table-column label="订单编号" prop="salesContractNo" show-overflow-tooltip /> |
| | | <el-table-column label="供应商名称" prop="supplierName" show-overflow-tooltip /> |
| | | <el-table-column |
| | | label="产品大类" |
| | |
| | | width:160 |
| | | }, |
| | | { |
| | | label: "销售合同号", |
| | | label: "订单编号", |
| | | prop: "salesContractNo", |
| | | width:160 |
| | | }, |
| | | { |
| | | label: "供应商名称", |
| | | prop: "supplierName", |
| | | width:240 |
| | | }, |
| | | { |
| | | label: "付款状态", |
| | |
| | | label: "产品大类", |
| | | prop: "productCategory", |
| | | showOverflowTooltip: true, |
| | | width: 100 |
| | | }, |
| | | { |
| | | label: "规格型号", |
| | |
| | | { |
| | | label: "已付款金额(元)", |
| | | prop: "ticketsTotal", |
| | | width: 120, |
| | | formatData: (params) => { |
| | | return params ? parseFloat(params).toFixed(2) : 0; |
| | | return params ? parseFloat(params).toFixed(3) : 0; |
| | | }, |
| | | }, |
| | | { |
| | | label: "待付款金额(元)", |
| | | prop: "pendingTicketsTotal", |
| | | width: 120, |
| | | formatData: (params) => { |
| | | return params ? parseFloat(params).toFixed(2) : 0; |
| | | return params ? parseFloat(params).toFixed(3) : 0; |
| | | }, |
| | | }, |
| | | ]); |
| | |
| | | searchForm: { |
| | | supplierNameOrContractNo: "", |
| | | status: false, |
| | | // 只查询审批状态为 3 的记录 |
| | | approvalStatus: 3, |
| | | }, |
| | | form: { |
| | | purchaseContractNumber: "", |
| | |
| | | |
| | | const formattedNumber = (row, column, cellValue) => { |
| | | const val = Number(cellValue ?? 0); |
| | | return Number.isFinite(val) ? val.toFixed(2) : "0.00"; |
| | | return Number.isFinite(val) ? val.toFixed(3) : "0.00"; |
| | | }; |
| | | // 子表合计方法 |
| | | const summarizeMainTable1 = (param) => { |
| | |
| | | param, |
| | | ["ticketsTotal", "pendingTicketsTotal"], |
| | | { |
| | | ticketsTotal: { decimalPlaces: 3 }, |
| | | pendingTicketsTotal: { decimalPlaces: 3 }, |
| | | ticketsNum: { noDecimal: true }, // 不保留小数 |
| | | futureTickets: { noDecimal: true }, // 不保留小数 |
| | | } |
| | |
| | | // 子表合计方法 |
| | | const summarizeMainTable2 = (param) => { |
| | | return proxy.summarizeTable(param, ["currentPaymentAmount"], { |
| | | currentPaymentAmount: { decimalPlaces: 3 }, |
| | | ticketsNum: { noDecimal: true }, // 不保留小数 |
| | | futureTickets: { noDecimal: true }, // 不保留小数 |
| | | }); |