cief/exchange
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange.git synced 2026-08-21 13:24:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

added booking confirmation (frontend)

Browse Source
This commit is contained in:
Mohd Arief
2018-05-31 09:42:52 +08:00
parent ce20c2b68f
commit 372fa49794
1 changed files with 97 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/pages/home.vue
+97 -24
View File
@@ -41,29 +41,6 @@
<el-button type="text" @click="dialogFormVisible = true">Book</el-button></div></el-col>
</el-row>
<!-- Form_popup -->
<el-dialog title="Booking" :visible.sync="dialogFormVisible" center fullscreen="true">
<el-form :model="form"><div align="center">
<el-form-item>
<el-input placeholder="China Beneficiary Account" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Bank Name / AliPay / WechatPay" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Branch / 分行/支行" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Account Number / AliPay_ID / WechatPay_ID" style="width: 80%"></el-input>
</el-form-item></div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">Cancel</el-button>
<el-button type="primary" @click="dialogFormVisible = false">Book Now</el-button>
</span>
</el-dialog>
<!-- Form_popup-end -->
<br>
<el-row :gutter="20" type="flex" justify="center" align="middle">
<el-col><div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle></i></div></el-col>
@@ -85,6 +62,46 @@
</el-row>
<!-- Rate-Display-end -->
<!-- Form_popup -->
<el-dialog title="Booking" :visible.sync="dialogFormVisible" center fullscreen="true">
<el-form :model="form"><div align="center">
<el-form-item>
<el-input placeholder="China Beneficiary Account" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Bank Name / AliPay / WechatPay" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Branch / 分行/支行" style="width: 80%"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="Account Number / AliPay_ID / WechatPay_ID" style="width: 80%"></el-input>
</el-form-item></div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">Cancel</el-button>
<el-button type="primary" @click="dialogFormVisible1 = true">Book Now</el-button>
</span>
</el-dialog>
<!-- Form_popup-end -->
<!-- Booking_confirmation_popup -->
<el-dialog title="Booking Confirmation" :visible.sync="dialogFormVisible1" center fullscreen="true">
<!-- Table_booking_confirmation -->
<el-table :data="tableData1" align="center">
<el-table-column prop="data1" align="right" width="200"></el-table-column>
<el-table-column prop="data2" align="left" width="200"></el-table-column>
</el-table>
<!-- Table_booking_confirmation-end -->
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="dialogFormVisible = false">Cancel</el-button> -->
<el-button type="primary" @click="dialogFormVisible1 = false">Confirm</el-button>
</span>
</el-dialog>
<!-- Booking_confirmation_popup -->
<br><br>
<hr>
@@ -201,11 +218,67 @@
value2: '',
input: '',
dialogFormVisible: false,
dialogFormVisible1: false,
form: {
name: '',
region: ''
},
formLabelWidth: '0px'
formLabelWidth: '0px',
tableData1: [{
data1: 'Order Number :',
data2: '001'
},{
data1: 'Date :',
data2: '25/5/2018'
},{
data1: 'Customer Marking :',
data2: 'CIEF/150ECE'
},{
data1: '',
data2: ''
},{
data1: 'Payment Method :',
data2: 'Cash/Bank Transfer'
},{
data1: '',
data2: ''
},{
data1: 'CNY/RMB :',
data2: 'CNY 120,500.00'
},{
data1: '+ Service Charge :',
data2: 'CNY 20.00'
},{
data1: '/ RATE :',
data2: '1.63'
},{
data1: '',
data2: 'MYR 73,848.04'
},{
data1: '+ GST 6% :',
data2: 'MYR 4,430.88'
},{
data1: '',
data2: 'MYR 78,278.92'
},{
data1: '',
data2: ''
},{
data1: 'China Beneficiary Acc :',
data2: ''
},{
data1: '',
data2: 'PENDING'
},{
data1: '',
data2: ''
},{
data1: 'Bank In Amount :',
data2: 'MYR 78,278.92'
},{
data1: '',
data2: ''
}]
};
},
methods: {