| | |
|---|
| | | <template> |
|---|
| | | <div class="app-container"> |
|---|
| | | <el-form :model="searchForm" :inline="true"> |
|---|
| | | <el-form-item label="采购合同号"> |
|---|
| | | <el-input |
|---|
| | | v-model="searchForm.purchaseContractNumber" |
|---|
| | | style="width: 240px" |
|---|
| | | placeholder="输入采购合同号搜索" |
|---|
| | | @change="handleQuery" |
|---|
| | | clearable |
|---|
| | | :prefix-icon="Search" |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="供应商名称"> |
|---|
| | | <el-input |
|---|
| | | v-model="searchForm.searchText" |
|---|
| | |
|---|
| | | import { paymentHistoryListPage } from "@/api/procurementManagement/paymentEntry.js"; |
|---|
| | | import useFormData from "@/hooks/useFormData"; |
|---|
| | | import dayjs from "dayjs"; |
|---|
| | | import { truncate } from "@/utils/index.js"; |
|---|
| | | |
|---|
| | | const { proxy } = getCurrentInstance(); |
|---|
| | | const isShowSummarySon = ref(true); |
|---|
| | |
|---|
| | | label: "付款金额", |
|---|
| | | prop: "currentPaymentAmount", |
|---|
| | | formatData: (params) => { |
|---|
| | | return params ? parseFloat(params).toFixed(2) : 0; |
|---|
| | | return params ? truncate(parseFloat(params), 3) : 0; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | |
|---|
| | | const total = ref(0); |
|---|
| | | const { form: searchForm } = useFormData({ |
|---|
| | | searchText: undefined, |
|---|
| | | paymentDate: [], |
|---|
| | | paymentDateStart: undefined, |
|---|
| | | paymentDateEnd: undefined, |
|---|
| | | purchaseContractNumber: undefined, |
|---|
| | | // 设置付款日期范围为当天 |
|---|
| | | paymentDate: [dayjs().startOf('day').format('YYYY-MM-DD'), dayjs().endOf('day').format('YYYY-MM-DD')], |
|---|
| | | paymentDateStart: dayjs().startOf('day').format('YYYY-MM-DD'), |
|---|
| | | paymentDateEnd: dayjs().endOf('day').format('YYYY-MM-DD'), |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 查询列表 |
|---|
| | |
|---|
| | | const getList = () => { |
|---|
| | | tableLoading.value = true; |
|---|
| | | const { paymentDate, ...rest } = searchForm; |
|---|
| | | paymentHistoryListPage({ ...rest, ...page }).then((res) => { |
|---|
| | | const { total, ...pageParams } = page; |
|---|
| | | paymentHistoryListPage({ ...rest, ...pageParams }).then((res) => { |
|---|
| | | tableLoading.value = false; |
|---|
| | | tableData.value = res.records; |
|---|
| | | page.total = res.total; |
|---|
