| | |
| | | ¥{{ scope.row.paidAmount }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="paymentMethod" label="付款方式" width="120" /> |
| | | <el-table-column prop="paymentStatus" label="付款状态" width="100"> |
| | | <template #default="scope"> |
| | | <el-tag :type="getPaymentStatusType(scope.row.paymentStatus)"> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="订单金额" prop="orderAmount"> |
| | | <el-input-number v-model="form.orderAmount" :precision="2" :min="0" style="width: 100%"></el-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="付款方式" prop="paymentMethod"> |
| | | <el-select v-model="form.paymentMethod" placeholder="请选择付款方式" style="width: 100%"> |
| | | <el-option label="全款到付" value="全款到付"></el-option> |
| | | <el-option label="分期付款" value="分期付款"></el-option> |
| | | <el-option label="月结" value="月结"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="付款金额" prop="paymentAmount"> |
| | | <el-input-number v-model="paymentAmount" :precision="2" :min="0" :max="currentRecord.orderAmount" style="width: 100%"></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="付款方式" prop="paymentMethod"> |
| | | <el-select v-model="paymentMethod" placeholder="请选择付款方式" style="width: 100%"> |
| | | <el-option label="现金" value="现金"></el-option> |
| | | <el-option label="银行转账" value="银行转账"></el-option> |
| | | <el-option label="支付宝" value="支付宝"></el-option> |
| | | <el-option label="微信支付" value="微信支付"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="付款备注" prop="paymentRemark"> |
| | | <el-input type="textarea" v-model="paymentRemark" rows="3" placeholder="请输入付款备注"></el-input> |
| | |
| | | orderNo: '', |
| | | customer: '', |
| | | orderAmount: 0, |
| | | paymentMethod: '', |
| | | paymentStatus: '未付款', |
| | | shippingStatus: '待发货', |
| | | shippingDate: '', |
| | |
| | | // orderNo: [{ required: true, message: '请输入订单号', trigger: 'blur' }], |
| | | customer: [{ required: true, message: '请选择客户', trigger: 'change' }], |
| | | orderAmount: [{ required: true, message: '请输入订单金额', trigger: 'blur' }], |
| | | paymentMethod: [{ required: true, message: '请选择付款方式', trigger: 'change' }], |
| | | paymentStatus: [{ required: true, message: '请选择付款状态', trigger: 'change' }], |
| | | shippingStatus: [{ required: true, message: '请选择发货状态', trigger: 'change' }] |
| | | } |
| | |
| | | const shippingDialogVisible = ref(false) |
| | | const currentRecord = ref({}) |
| | | const paymentAmount = ref(0) |
| | | const paymentMethod = ref('') |
| | | const paymentRemark = ref('') |
| | | const shippingDate = ref('') |
| | | const logisticsCompany = ref('') |
| | |
| | | form.orderNo = '' |
| | | form.customer = '' |
| | | form.orderAmount = 0 |
| | | form.paymentMethod = '' |
| | | form.paymentStatus = '未付款' |
| | | form.shippingStatus = '待发货' |
| | | form.shippingDate = '' |
| | |
| | | const handlePayment = (row) => { |
| | | currentRecord.value = row |
| | | paymentAmount.value = row.orderAmount - row.paidAmount |
| | | paymentMethod.value = '' |
| | | paymentRemark.value = '' |
| | | paymentDialogVisible.value = true |
| | | } |
| | |
| | | } |
| | | |
| | | const savePayment = () => { |
| | | if (!paymentMethod.value) { |
| | | ElMessage.warning('请选择付款方式') |
| | | return |
| | | } |
| | | currentRecord.value.paidAmount = Number(currentRecord.value.paidAmount) + paymentAmount.value |
| | | if(currentRecord.value.paidAmount == currentRecord.value.orderAmount){ |
| | | currentRecord.value.paymentStatus = '已付款' |