break address words in packing list component

This commit is contained in:
omair saleh
2022-07-21 10:48:38 +08:00
parent d4b85f2952
commit ac839c5835
@@ -13,13 +13,13 @@
<div class="col-1">{{ (parseFloat(cbm) + parseFloat(overweight)).toFixed(3)}}</div>
<div class="col-1 bold text-center" :class="{'text-danger': item.status === 5, 'text-success': item.status !== 5}">{{item.transport ? 'Delivery' : item.status === 5 ? 'On Hold' : 'Release'}}</div>
<div class="col-3">
<div v-if="item.order" style="overflow-wrap: break-word;">
<div v-if="item.order" style="word-break: break-word;">
{{item.order.address.contact ? item.order.address.contact.reference+' '+item.order.address.contact.phone : ''}}<br>
{{item.order.address.street_one+' '+(item.order.address.street_two ? item.order.address.street_two : '')+', '+ item.order.address.district.name+', '+item.order.address.post_code+' '+item.order.address.state.name+', '+item.order.address.country.name}}<br>{{item.order.address.remark ? item.order.address.remark.content: ''}}
<div class="btn btn-xs btn-primary pointer m-t-10 requestModal" data-type="defineLocation">Define Location</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="defineLocation">
<declare-postcode-area-form-component :data="item.order.address.post_code"></declare-postcode-area-form-component>
</modal-component>
<!--<div class="btn btn-xs btn-primary pointer m-t-10 requestModal" data-type="defineLocation">Define Location</div>-->
<!--<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="defineLocation">-->
<!--<declare-postcode-area-form-component :data="item.order.address.post_code"></declare-postcode-area-form-component>-->
<!--</modal-component>-->
</div>
</div>
<div class="col">