Center receiving buttons; add "12 EA" quick receive button

This commit is contained in:
Lance Edgar 2023-10-19 15:16:31 -05:00
parent 4f355fc58f
commit e6012bddb8

View file

@ -118,28 +118,36 @@
expanded> expanded>
{{ row.quick_receive_text }} {{ row.quick_receive_text }}
</b-button> </b-button>
<div v-if="!row.quick_receive_all"> <div v-if="!row.quick_receive_all"
<div class="buttons" style="margin: auto;">
v-if="allowCases"> <b-button v-if="allowCases"
<b-button type="is-primary" type="is-primary"
@click="addQuickAmount(1, 'CS')" @click="addQuickAmount(1, 'CS')"
expanded> expanded
Receive 1 CS style="margin-bottom: 1rem;">
</b-button> Receive 1 CS
</div> </b-button>
<div class="buttons has-text-centered" style="width: 100%;"> <div>
<b-button type="is-primary" <b-button type="is-primary"
size="is-small"
@click="addQuickAmount(1, row.unit_uom)"> @click="addQuickAmount(1, row.unit_uom)">
1 {{ row.unit_uom }} 1 {{ row.unit_uom }}
</b-button> </b-button>
<b-button type="is-primary" <b-button type="is-primary"
size="is-small"
@click="addQuickAmount(3, row.unit_uom)"> @click="addQuickAmount(3, row.unit_uom)">
3 {{ row.unit_uom }} 3 {{ row.unit_uom }}
</b-button> </b-button>
<b-button type="is-primary" <b-button type="is-primary"
size="is-small"
@click="addQuickAmount(6, row.unit_uom)"> @click="addQuickAmount(6, row.unit_uom)">
6 {{ row.unit_uom }} 6 {{ row.unit_uom }}
</b-button> </b-button>
<b-button type="is-primary"
size="is-small"
@click="addQuickAmount(12, row.unit_uom)">
12 {{ row.unit_uom }}
</b-button>
</div> </div>
</div> </div>
</div> </div>
@ -203,15 +211,17 @@
</b-field> </b-field>
<div class="buttons"> <div class="buttons">
<b-button type="is-primary" <div style="margin: auto;">
@click="addAmount()" <b-button type="is-primary"
:disabled="addAmountDisabled"> @click="addAmount()"
Add Amount :disabled="addAmountDisabled">
</b-button> Add Amount
<b-button type="is-warning" </b-button>
@click="subtractAmount()"> <b-button type="is-warning"
Subtract Amount @click="subtractAmount()">
</b-button> Subtract
</b-button>
</div>
</div> </div>
<p class="has-text-centered is-italic">OR</p> <p class="has-text-centered is-italic">OR</p>
@ -383,6 +393,6 @@ export default {
padding: 0px 10px 0px 0px; padding: 0px 10px 0px 0px;
} }
.input.receiving-quantity-input { .input.receiving-quantity-input {
width: 10rem; width: 6rem;
} }
</style> </style>