cief/shipping-portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git synced 2026-08-19 04:24:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

change order address

Browse Source
This commit is contained in:
omair saleh
2021-09-09 22:57:02 +08:00
parent 1ba5282244
commit 1939f64cdf
20 changed files with 280 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
+51 -12
View File
@@ -16,32 +16,71 @@
</div>
</div>
<div class="col">
<div class="row m-b-10">
<div class="row m-b-20">
<div class="col">
<h3 class="no-margin"><b>Order No.</b> {{order.reference}}</h3>
</div>
</div>
<div class="row m-b-10">
<div class="row m-b-20">
<div class="col-auto">
<h6 class="no-margin"><b>Delivery Address:</b> {{order.address.reference}} <i class="fa fa-info-circle m-l-10" v-tooltip:right="order.address.street_one+' '+(order.address.street_two ? order.address.street_two : '')+', '+ order.address.district.name+', '+order.address.post_code+' '+order.address.state.name+', '+order.address.country.name" ></i>
<change-address-component :data="order"></change-address-component>
<approve-change-address-component :data="order"></approve-change-address-component>
</h6>
<h6 class="no-margin"><b>Order Date:</b> {{order.created_at}}</h6>
</div>
<div class="col-auto">
<h6 class="no-margin"><b>Warehouse:</b> {{order.warehouse.id === 3 ? 'Guang Zhou' : 'Yiwu'}}</h6>
</div>
<div class="col-auto">
<h6 class="no-margin"><b>Order Date:</b> {{order.created_at}}</h6>
</div>
</div>
<div class="row m-b-10" v-if="$store.getters.isAdmin">
<div class="col" >
<div class="col" v-if="$store.getters.isAdmin">
<a :href="route('customer.profile', order.company_module.marking)">
<h6 class="no-margin"><b>Customer Marking:</b> {{order.company_module.marking}}</h6>
</a>
</div>
</div>
<div class="row m-b-10 align-items-center parentContainer" >
<div class="col-auto">
<h6 class="no-margin"><b>Delivery Address:</b> {{order.address.reference}} <i class="fa fa-info-circle m-l-10" v-tooltip:right="order.address.street_one+' '+(order.address.street_two ? order.address.street_two : '')+', '+ order.address.district.name+', '+order.address.post_code+' '+order.address.state.name+', '+order.address.country.name" ></i></h6>
</div>
<div class="col">
<div class="row" v-if="!order.address_change_request">
<div class="col">
<div class="btn btn-xs btn-outline-danger b-rad-none pointer requestModal" data-type="updateDeliveryAddress">Change Delivery Address</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="stick-up" type="updateDeliveryAddress" size="large">
<change-order-address-form-component :data="order" :section="section" class="text-center"></change-order-address-form-component>
</modal-component>
</div>
</div>
<div class="row parentContainer" v-if="order.address_change_request">
<div class="col-auto p-r-0">
<div class="p-t-10 p-b-10 p-l-15 p-r-15 b-a b-danger fs-10 text-danger requestModal" data-type="updateDeliveryAddress"><i class="fa fa-exclamation-circle m-r-10"></i>Your Delivery address change request is being reviewed</div>
</div>
<div class="col-auto bg-danger-light pointer requestModal" data-type="cancelAddressChangeRequest">
<i class="fa fa-times text-white lh-38"></i>
</div>
<modal-component small type="cancelAddressChangeRequest">
<div class="row">
<div class="col text-center">
<div class="row">
<div class="col text-center">
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Cancel Address Change Request</h5>
<div class="fs-11">Are you sure you want to cancel your order delivery address change request?</div>
</div>
</div>
<div class="row">
<div class="col p-r-5">
<div data-dismiss="modal" class="btn btn-sm btn-default bg-master-lighter btn-block b-rad-none">Cancel</div>
</div>
<div class="col p-l-5">
<div data-dismiss="modal" class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.order.address.status.update', order.address_change_request.id, 6), 'put', section, true, true)">Confirm</div>
</div>
</div>
</div>
</div>
</div>
</div>
</modal-component>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-10">
<h6 class="text-info"><span class="text-danger bold">Gentle reminder:</span> You need to send the QR code to your supplier to print and stick on your packages, this QR code is required for us to identify your packages when they arrives at our warehouse!</h6>