fix user booking form

This commit is contained in:
Jack Goh
2018-07-22 15:54:18 +08:00
parent 1d23e913d5
commit c3d50a776b
+12 -8
View File
@@ -142,8 +142,8 @@
<!-- Form_popup -->
<el-dialog :visible.sync="dialogFormVisible" :fullscreen="true" title="Booking" center>
<el-form ref="bookingForm" :model="bookingForm" :rules="rules">
<div align="center">
<el-form-item prop="payment_for">
<div align="center">
<el-form-item prop="payment_for"> <!-- TODO : this should be payment for order number -->
<el-select v-model="bookingForm.payment_for" placeholder="Payment For" style="width: 80%" required="true">
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
@@ -188,7 +188,11 @@
</tr>
<tr>
<td>Payment for (Order No.) : </td>
<td> {{ bookingConfirmTable.payment_order }}</td>
<td> {{ bookingConfirmTable.order_no }}</td>
</tr>
<tr>
<td>Payment for : </td>
<td> {{ bookingConfirmTable.payment_for }}</td>
</tr>
<tr>
<td>Payment Method : </td>
@@ -354,7 +358,8 @@ export default {
bank_name: '',
bank_branch: '',
account_num: '',
payment_for: 'Full Payment'
order_no: null,
payment_for: 'Full Payment'
},
rules: {
order_no: [{
@@ -522,16 +527,15 @@ export default {
if (valid) {
let newConfirmation = {
amount: this.booking.amount,
term: this.term
term: this.term,
order_no: this.bookingForm.order_no,
payment_for: this.bookingForm.payment_for
}
axios.post('api/booking/calculation', newConfirmation)
.then((response) => {
this.loading = false
console.log(response)
this.bookingConfirmTable = response.data;
this.bookingConfirmTable.payment_for = 'Full Payment';//For future purpose
this.bookingConfirmTable.remark = '';//For future purpose
this.bookingConfirmTable.payment_order = '';//For future purpose
this.dialogFormVisible = false
this.dialogFormVisible1 = true
})