Show invoice number when receiving row

also fix spacing for quantities display
This commit is contained in:
Lance Edgar 2023-10-19 14:56:03 -05:00
parent 95d6e41c81
commit 4f355fc58f

View file

@ -25,6 +25,11 @@
{{ row.description }} {{ row.size }} {{ row.description }} {{ row.size }}
</p> </p>
<p v-if="row.invoice_number"
class="has-text-weight-bold">
Invoice # {{ row.invoice_number }}
</p>
<p v-if="allowCases" <p v-if="allowCases"
class="has-text-weight-bold"> class="has-text-weight-bold">
1 CS = {{ row.case_quantity || 1 }} {{ row.unit_uom }} 1 CS = {{ row.case_quantity || 1 }} {{ row.unit_uom }}
@ -42,20 +47,20 @@
<div class="column"> <div class="column">
<div v-if="row.order_quantities_known" <div v-if="row.order_quantities_known"
style="display: flex;"> style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">ordered</span> <span style="flex-grow: 1;">ordered</span>
<span v-if="allowCases">{{ row.cases_ordered || 0 }} /</span> <span v-if="allowCases">{{ row.cases_ordered || 0 }} /</span>
<span>{{ row.units_ordered || 0}}</span> <span>{{ row.units_ordered || 0}}</span>
</div> </div>
<div v-if="row.order_quantities_known" <div v-if="row.order_quantities_known"
style="display: flex;"> style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">shipped</span> <span style="flex-grow: 1;">shipped</span>
<span v-if="allowCases">{{ row.cases_shipped || 0 }} /</span> <span v-if="allowCases">{{ row.cases_shipped || 0 }} /</span>
<span>{{ row.units_shipped || 0}}</span> <span>{{ row.units_shipped || 0}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">received</span> <span style="flex-grow: 1;">received</span>
<span v-if="allowCases">{{ row.cases_received || 0 }} /</span> <span v-if="allowCases">{{ row.cases_received || 0 }} /</span>
<span>{{ row.units_received || 0}}</span> <span>{{ row.units_received || 0}}</span>
@ -64,20 +69,20 @@
<div class="column"> <div class="column">
<div style="display: flex;"> <div style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">damaged</span> <span style="flex-grow: 1;">damaged</span>
<span v-if="allowCases">{{ row.cases_damaged || 0 }} /</span> <span v-if="allowCases">{{ row.cases_damaged || 0 }} /</span>
<span>{{ row.units_damaged || 0}}</span> <span>{{ row.units_damaged || 0}}</span>
</div> </div>
<div v-if="allowExpired" <div v-if="allowExpired"
style="display: flex;"> style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">expired</span> <span style="flex-grow: 1;">expired</span>
<span v-if="allowCases">{{ row.cases_expired || 0 }} /</span> <span v-if="allowCases">{{ row.cases_expired || 0 }} /</span>
<span>{{ row.units_expired || 0}}</span> <span>{{ row.units_expired || 0}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex; gap: 0.3rem;">
<span style="flex-grow: 1;">missing</span> <span style="flex-grow: 1;">missing</span>
<span v-if="allowCases">{{ row.cases_missing || 0 }} /</span> <span v-if="allowCases">{{ row.cases_missing || 0 }} /</span>
<span>{{ row.units_missing || 0}}</span> <span>{{ row.units_missing || 0}}</span>