mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
Dillon Ngo
95 lines
4.4 KiB
Vue
95 lines
4.4 KiB
Vue
<template>
|
|
<div class="row m-b-15">
|
|
<div class="col">
|
|
<div class="row bg-white no-margin">
|
|
<div class="col">
|
|
<div class="row m-b-15">
|
|
<div class="col b-t b-primary" style="border-top-width: 5px;"></div>
|
|
<div class="col"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row m-b-10 align-items-center">
|
|
<div class="col-auto">
|
|
<p class="no-margin all-caps fs-10 lh-10 light">QTY</p>
|
|
<h5 class="no-margin text-primary bold">{{item.quantity}}</h5>
|
|
</div>
|
|
<div class="col">
|
|
<p class="no-margin all-caps fs-10 lh-18 light">Description</p>
|
|
<p class="bold m-b-5 fs-12">{{item.description}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="row m-b-10 align-items-center" v-if="$store.getters.isAdmin">
|
|
<div class="col-auto">
|
|
<p class="no-margin all-caps fs-10 lh-10 light">Reference</p>
|
|
<p class="no-margin fs-12">
|
|
<a :href="route('order.tracking', item.reference)" target="_blank">
|
|
{{ item.reference }}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row b-t b-b b-grey m-b-15">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col-auto b-r b-grey p-t-10 p-b-10">
|
|
<p class="no-margin text-info bold">{{item.width}} <sup>CM</sup></p>
|
|
<p class="no-margin all-caps fs-10 light">Width</p>
|
|
</div>
|
|
<div class="col-auto b-r b-grey p-t-10 p-b-10">
|
|
<p class="no-margin text-info bold">{{item.height}} <sup>CM</sup></p>
|
|
<p class="no-margin all-caps fs-10 light">Height</p>
|
|
</div>
|
|
<div class="col-auto b-r b-grey p-t-10 p-b-10">
|
|
<p class="no-margin text-info bold">{{item.length}} <sup>CM</sup></p>
|
|
<p class="no-margin all-caps fs-10 light">Length</p>
|
|
</div>
|
|
<div class="col text-right p-t-10 p-b-10">
|
|
<p class="no-margin all-caps fs-10 lh-15 light">Total CBM</p>
|
|
<h5 class="no-margin text-primary bold">{{(Math.ceil(parseFloat((item.cbm * 1000))) / 1000).toFixed(3)}}</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row m-t-25" v-if="item.container">
|
|
<div class="col"></div>
|
|
<div class="col b-t b-primary" style="border-top-width: 5px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import componentHandler from '../../../general/mixins/componentHandler';
|
|
export default {
|
|
props: {
|
|
status: {
|
|
required: true,
|
|
type: String
|
|
},
|
|
section: {
|
|
type: String,
|
|
},
|
|
},
|
|
created(){
|
|
$('[data-toggle="tooltip"]').tooltip()
|
|
},
|
|
data(){
|
|
return {
|
|
expanded: false
|
|
}
|
|
},
|
|
mixins: [componentHandler]
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.date-width {
|
|
display: inline-block;
|
|
width: 50px;
|
|
text-align: left;
|
|
}
|
|
</style>
|