rattail/byjove
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use columns instead of table, for row receiving quantities

Browse source
This commit is contained in:
Lance Edgar 2023-10-19 14:39:01 -05:00
parent daac09d1e4
commit 95d6e41c81
1 changed files with 50 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
src/components/receiving/ByjoveReceiving.vue
View file

@ -30,62 +30,6 @@
1 CS = {{ row.case_quantity || 1 }} {{ row.unit_uom }} 1 CS = {{ row.case_quantity || 1 }} {{ row.unit_uom }}
</p> </p>
<table class="receiving-quantities">
<tr v-if="row.order_quantities_known">
<td>ordered</td>
<td>
<span v-if="allowCases">
{{ row.cases_ordered || 0}} /
</span>
{{ row.units_ordered || 0}}
</td>
</tr>
<tr v-if="row.order_quantities_known">
<td>shipped</td>
<td>
<span v-if="allowCases">
{{ row.cases_shipped || 0}} /
</span>
{{ row.units_shipped || 0}}
</td>
</tr>
<tr>
<td>received</td>
<td>
<span v-if="allowCases">
{{ row.cases_received || 0}} /
</span>
{{ row.units_received || 0}}
</td>
</tr>
<tr>
<td>damaged</td>
<td>
<span v-if="allowCases">
{{ row.cases_damaged || 0}} /
</span>
{{ row.units_damaged || 0}}
</td>
</tr>
<tr v-if="allowExpired">
<td>expired</td>
<td>
<span v-if="allowCases">
{{ row.cases_expired || 0}} /
</span>
{{ row.units_expired || 0}}
</td>
</tr>
<tr>
<td>missing</td>
<td>
<span v-if="allowCases">
{{ row.cases_missing || 0}} /
</span>
{{ row.units_missing || 0}}
</td>
</tr>
</table>
</div> </div>
<div> <div>
@ -93,6 +37,56 @@
</div> </div>
</div> </div>
<div class="columns is-mobile">
<div class="column">
<div v-if="row.order_quantities_known"
style="display: flex;">
<span style="flex-grow: 1;">ordered</span>
<span v-if="allowCases">{{ row.cases_ordered || 0 }} /</span>
<span>{{ row.units_ordered || 0}}</span>
</div>
<div v-if="row.order_quantities_known"
style="display: flex;">
<span style="flex-grow: 1;">shipped</span>
<span v-if="allowCases">{{ row.cases_shipped || 0 }} /</span>
<span>{{ row.units_shipped || 0}}</span>
</div>
<div style="display: flex;">
<span style="flex-grow: 1;">received</span>
<span v-if="allowCases">{{ row.cases_received || 0 }} /</span>
<span>{{ row.units_received || 0}}</span>
</div>
</div>
<div class="column">
<div style="display: flex;">
<span style="flex-grow: 1;">damaged</span>
<span v-if="allowCases">{{ row.cases_damaged || 0 }} /</span>
<span>{{ row.units_damaged || 0}}</span>
</div>
<div v-if="allowExpired"
style="display: flex;">
<span style="flex-grow: 1;">expired</span>
<span v-if="allowCases">{{ row.cases_expired || 0 }} /</span>
<span>{{ row.units_expired || 0}}</span>
</div>
<div style="display: flex;">
<span style="flex-grow: 1;">missing</span>
<span v-if="allowCases">{{ row.cases_missing || 0 }} /</span>
<span>{{ row.units_missing || 0}}</span>
</div>
</div>
</div>
<div v-if="row.received_alert" <div v-if="row.received_alert"
class="has-text-danger"> class="has-text-danger">
<br /> <br />