| | |
| | | <template> |
| | | <view class="receipt-payment"> |
| | | <!-- 页面头部 --> |
| | | <van-nav-bar |
| | | title="回款登记" |
| | | left-text="返回" |
| | | left-arrow |
| | | @click-left="goBack" |
| | | fixed |
| | | placeholder |
| | | /> |
| | | <!-- 使用通用页面头部组件 --> |
| | | <PageHeader title="回款登记" @back="goBack" /> |
| | | |
| | | <!-- 搜索和筛选区域 --> |
| | | <view class="search-filter-section"> |
| | |
| | | <view class="no-data" v-else> |
| | | <text>暂无回款数据</text> |
| | | </view> |
| | | |
| | | <!-- 回款方式选择器 --> |
| | | <van-popup v-model:show="showPaymentType" position="bottom"> |
| | | <van-picker |
| | | :columns="receipt_payment_type" |
| | | @confirm="onPaymentTypeConfirm" |
| | | @cancel="showPaymentType = false" |
| | | /> |
| | | </van-popup> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | import { showToast } from 'vant' |
| | | import {onShow} from "@dcloudio/uni-app"; |
| | | |
| | | const userStore = useUserStore() |
| | | |
| | | // 响应式数据 |
| | | const tableData = ref([]) |
| | | const tableLoading = ref(false) |
| | | const showPaymentType = ref(false) |
| | | const currentEditRow = ref(null) |
| | | |
| | | // 查询参数设置为-1获取全部数据 |
| | | const page = ref({ |
| | |
| | | customerContractNo: '', |
| | | projectName: '' |
| | | }) |
| | | |
| | | // 回款方式选项 |
| | | const receipt_payment_type = ref([ |
| | | { text: '现金', value: '1' }, |
| | | { text: '银行转账', value: '2' }, |
| | | { text: '支票', value: '3' }, |
| | | { text: '其他', value: '4' } |
| | | ]) |
| | | |
| | | // 格式化数字 |
| | | const formatNumber = (value) => { |
| | |
| | | uni.navigateTo({ url: '/pages/sales/receiptPayment/add' }) |
| | | } |
| | | |
| | | // 确认回款方式选择 |
| | | const onPaymentTypeConfirm = (value) => { |
| | | if (currentEditRow.value) { |
| | | currentEditRow.value.receiptPaymentType = value.value |
| | | } |
| | | showPaymentType.value = false |
| | | } |
| | | onShow(() => { |
| | | getList() |
| | | }) |