| | |
| | | <div class="app-container"> |
| | | <div class="search_form"> |
| | | <div> |
| | | <span class="search_title">供应商名称:</span> |
| | | <el-input v-model="searchForm.searchText" style="width: 240px" placeholder="输入供应商名称搜索" |
| | | <span class="search_title">客户名称:</span> |
| | | <el-input v-model="searchForm.searchText" style="width: 240px" placeholder="输入客户名称搜索" |
| | | @change="handleQuery" clearable :prefix-icon="Search" /> |
| | | <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button> |
| | | </div> |
| | |
| | | import { ref } from 'vue' |
| | | import { Search } from "@element-plus/icons-vue"; |
| | | import { |
| | | paymentHistoryList |
| | | } from "@/api/procurementManagement/paymentEntry.js"; |
| | | receiptPaymentHistoryList |
| | | } from "@/api/salesManagement/receiptPayment.js"; |
| | | const { proxy } = getCurrentInstance() |
| | | const tableColumn = ref([ |
| | | { |
| | | label: '回款日期', |
| | | prop: 'paymentDate', |
| | | prop: 'receiptPaymentDate', |
| | | }, |
| | | { |
| | | label: '客户名称', |
| | | prop: 'supplierName', |
| | | prop: 'customerName', |
| | | }, |
| | | { |
| | | label: '回款金额', |
| | | prop: 'currentPaymentAmount', |
| | | prop: 'receiptPaymentAmount', |
| | | }, |
| | | { |
| | | label: '回款方式', |
| | | prop: 'paymentMethod' |
| | | prop: 'receiptPaymentType', |
| | | dataType: 'tag', |
| | | formatData: (params) => { |
| | | if (params == 0) { |
| | | return '电汇'; |
| | | } else if (params == 1) { |
| | | return '承兑'; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | return "info" |
| | | } |
| | | }, |
| | | { |
| | | label: '登记人', |
| | |
| | | }, |
| | | { |
| | | label: '登记日期', |
| | | prop: 'registrationtDate' |
| | | prop: 'createTime' |
| | | } |
| | | ]) |
| | | const tableData = ref([]) |
| | |
| | | }, |
| | | }) |
| | | const { searchForm } = toRefs(data) |
| | | const { receipt_payment_type } = proxy.useDict("receipt_payment_type") |
| | | |
| | | // 查询列表 |
| | | /** 搜索按钮操作 */ |
| | |
| | | } |
| | | const getList = () => { |
| | | tableLoading.value = true |
| | | paymentHistoryList({ ...searchForm.value, ...page }).then(res => { |
| | | receiptPaymentHistoryList({ ...searchForm.value, ...page }).then(res => { |
| | | tableLoading.value = false |
| | | tableData.value = res.rows |
| | | total.value = res.total |