| | |
| | | <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" |
| | |
| | | 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; |