add packing list replica

This commit is contained in:
omair saleh
2021-12-28 01:19:26 +08:00
parent 9f6d0fbc79
commit 47eb9262ad
13 changed files with 119 additions and 35 deletions
@@ -293,7 +293,7 @@
</div>
<div class="row">
<div class="col">
<parcel-component v-for="parcel in order.parcels.received_packages" :data="parcel" :key="parcel.id"></parcel-component>
<parcel-component v-for="parcel in order.parcels.received_packages.flatMap(packing_list => packing_list.packages)" :data="parcel" :key="parcel.id"></parcel-component>
</div>
</div>
</div>
@@ -310,10 +310,10 @@
</modal-component>
</div>
<div class="col">
<div class="row" v-if="order.parcels.origin_warehouse_packages.length">
<div class="row" v-if="order.parcels.origin_warehouse_packages.flatMap(packing_list => packing_list.packages).length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.parcels.origin_warehouse_packages.length / 2)">
<div class="col-12 p-r-0" :class="'col-md-'+(12/2)" v-for="item in order.parcels.origin_warehouse_packages.slice((group - 1) * 2, group * 2)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.origin_warehouse_packages.flatMap(packing_list => packing_list.packages).length / 2)">
<div class="col-12 p-r-0" :class="'col-md-'+(12/2)" v-for="item in order.parcels.origin_warehouse_packages.flatMap(packing_list => packing_list.packages).slice((group - 1) * 2, group * 2)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Ready To Ship"></package-component>
</div>
</div>
@@ -343,10 +343,10 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.parcels.in_transit_packages.length">
<div class="row" v-if="order.parcels.in_transit_packages.flatMap(packing_list => packing_list.packages).length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.parcels.in_transit_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.in_transit_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.in_transit_packages.flatMap(packing_list => packing_list.packages).length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.in_transit_packages.flatMap(packing_list => packing_list.packages).slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Shipping"></package-component>
</div>
</div>
@@ -376,10 +376,10 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.parcels.destination_warehouse_packages.length">
<div class="row" v-if="order.parcels.destination_warehouse_packages.flatMap(packing_list => packing_list.packages).length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.parcels.destination_warehouse_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.destination_warehouse_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.destination_warehouse_packages.flatMap(packing_list => packing_list.packages).length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.destination_warehouse_packages.flatMap(packing_list => packing_list.packages).slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Preparing Delivery"></package-component>
</div>
</div>
@@ -409,16 +409,16 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.parcels.delivered_packages.length">
<div class="row" v-if="order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.parcels.delivered_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.delivered_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Delivered"></package-component>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.delivered_packages.length">
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>