| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="handleQuery"> 搜索 </el-button> |
| | | <el-button @click="handleExport">导出</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="table_list"> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref } from "vue"; |
| | | import { ref, reactive, getCurrentInstance } from "vue"; |
| | | import { Search } from "@element-plus/icons-vue"; |
| | | import { receiptPaymentHistoryListPage } from "@/api/salesManagement/receiptPayment.js"; |
| | | import useFormData from "@/hooks/useFormData"; |
| | |
| | | |
| | | const { form: searchForm } = useFormData({ |
| | | searchText: undefined, |
| | | receiptPaymentDate: [ |
| | | dayjs().startOf("month").format("YYYY-MM-DD"), |
| | | dayjs().endOf("month").format("YYYY-MM-DD"), |
| | | ], |
| | | receiptPaymentDateStart: dayjs() |
| | | .startOf("month") |
| | | .format("YYYY-MM-DD 00:00:00"), |
| | | receiptPaymentDateEnd: dayjs().endOf("month").format("YYYY-MM-DD 23:59:59"), |
| | | receiptPaymentDate: [], |
| | | receiptPaymentDateStart: undefined, |
| | | receiptPaymentDateEnd: undefined, |
| | | customerContractNo: undefined, |
| | | projectName: undefined, |
| | | }); |
| | |
| | | getList(); |
| | | }; |
| | | |
| | | // 导出 |
| | | const handleExport = () => { |
| | | const { receiptPaymentDate, ...rest } = searchForm; |
| | | proxy.download("/receiptPayment/exportOne", { ...rest, ...page }, "回款流水.xlsx"); |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | getList(); |
| | | }); |