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

fix linting error booking/completed

Browse Source
This commit is contained in:
Edmond Teh
2020-09-06 16:17:29 +08:00
parent ef156ecde4
commit 8c0f13c652
1 changed files with 47 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/pages/booking/completed.vue
+47 -48
View File
@@ -11,12 +11,12 @@
<div class="col">
<div class="card">
<div class="card-header">Purchase Order</div>
<div class="row" v-for="po in booking_details.user_po_path" :key='po'>
<div v-for="po in booking_details.user_po_path" :key="po" class="row">
<div class="col">
<a target="_blank" :href="getURL(po)">
<img v-if="isImage(po)" v-bind:src="po" class="image" style="max-width: 100%">
<a :href="getURL(po)" target="_blank">
<img v-if="isImage(po)" :src="po" class="image" style="max-width: 100%">
<p v-else>Download</p>
<br/>
<br>
</a>
</div>
</div>
@@ -25,12 +25,12 @@
<div class="col">
<div class="card">
<div class="card-header">China Bank Slip</div>
<div class="row" v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'>
<div v-for="cn_bankslip in booking_details.china_bankslip_path" :key="cn_bankslip" class="row" >
<div class="col">
<a target="_blank" :href="getURL(cn_bankslip)">
<img v-if="isImage(cn_bankslip)" v-bind:src="cn_bankslip" class="image" style="max-width: 100%">
<a :href="getURL(cn_bankslip)" target="_blank">
<img v-if="isImage(cn_bankslip)" :src="cn_bankslip" class="image" style="max-width: 100%">
<p v-else>Download</p>
<br/>
<br>
</a>
</div>
</div>
@@ -39,12 +39,12 @@
<div class="col">
<div class="card">
<div class="card-header">Invoice</div>
<div class="row" v-for="invoice in booking_details.invoice_path" :key='invoice'>
<div v-for="invoice in booking_details.invoice_path" :key="invoice" class="row" >
<div class="col">
<a target="_blank" :href="getURL(invoice)">
<img v-if="isImage(invoice)" v-bind:src="invoice" class="image" style="max-width: 100%">
<a :href="getURL(invoice)" target="_blank">
<img v-if="isImage(invoice)" :src="invoice" class="image" style="max-width: 100%">
<p v-else>Download</p>
<br/>
<br>
</a>
</div>
</div>
@@ -53,8 +53,8 @@
</div>
<!-- order details -->
<div class="card">
<div class="card-header">Order Details</div>
<div class="card-body">
<div class="card-header">Order Details</div>
<div class="card-body">
<div class="row">
<div class="col">
<table class="table table-striped">
@@ -65,11 +65,11 @@
</tr>
<tr>
<td>Date :</td>
<td>{{ booking_details.created_at }}</td>
<td>{{ booking_details.created_at }}</td>
</tr>
<tr>
<td>Customer Marking :</td>
<td>{{ booking_details.marking }}</td>
<td>{{ booking_details.marking }}</td>
</tr>
<tr>
<td>Term: </td>
@@ -87,14 +87,14 @@
</tr>
<tr>
<td>+ Service Charge :</td>
<td>CNY {{ booking_details.service_charge }}</td>
<td>CNY {{ booking_details.service_charge }}</td>
</tr>
<tr>
<td>RATE :</td>
<td>{{ booking_details.rate }}</td>
<td>{{ booking_details.rate }}</td>
</tr>
<tr>
<td></td>
<td/>
<td><b>MYR {{ booking_details.bia }}</b></td>
</tr>
</tbody>
@@ -107,10 +107,10 @@
<div class="card-header">Order Bankin Slip</div>
<div class="row">
<div class="card-body">
<a target="_blank" :href="getURL(booking_details.user_bankslip_path)">
<img v-if="isImage(booking_details.user_bankslip_path)" v-bind:src="booking_details.user_bankslip_path" class="image" style="max-width: 100%">
<a :href="getURL(booking_details.user_bankslip_path)" target="_blank" >
<img v-if="isImage(booking_details.user_bankslip_path)" :src="booking_details.user_bankslip_path" class="image" style="max-width: 100%">
<p v-else>Download</p>
</a>
</a>
</div>
</div>
</div>
@@ -142,13 +142,13 @@
margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
.table {
font-size: 3.5vmin;
}
h1 {
.table {
font-size: 3.5vmin;
}
h1 {
font-size: 1em;
}
}
}
</style>
<script>
import ProgressTrack from '~/components/ProgressTrack'
@@ -162,17 +162,17 @@ export default {
},
data () {
return {
trackerConfig :{
status: 7,
term: null,
trackerConfig: {
status: 7,
term: null
},
loading_btn: false,
booking_details:{
id: null,
amount: null,
bia: null,
user_bankslip_path: null,
}
booking_details: {
id: null,
amount: null,
bia: null,
user_bankslip_path: null
}
}
},
beforeCreate () {
@@ -188,8 +188,7 @@ export default {
.then((response) => {
this.booking_details = response.data
this.trackerConfig.term = response.data.term
loading.close();
loading.close()
}).catch((error) => {
console.log(error)
loading.close()
@@ -199,18 +198,18 @@ export default {
})
},
methods: {
getExtension(path){
let index = path.lastIndexOf('.') + 1;
return path.slice(index);
getExtension (path) {
let index = path.lastIndexOf('.') + 1
return path.slice(index)
},
isImage(path){
var ext = this.getExtension(path);
return ext === 'jpg' || ext === 'jpeg' || ext === 'bmp' || ext === 'png';
isImage (path) {
var ext = this.getExtension(path)
return ext === 'jpg' || ext === 'jpeg' || ext === 'bmp' || ext === 'png'
},
getURL(path){
var getUrl = window.location;
var baseUrl = getUrl.protocol + "//" + getUrl.host;
return baseUrl + path;
getURL (path) {
var getUrl = window.location
var baseUrl = getUrl.protocol + '//' + getUrl.host
return baseUrl + path
}
}
}