dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add FieldDescription component to RawMaterialForm for improved user guidance; adjust layout for better responsiveness in price and stock fields

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-26 16:08:09 +07:00
parent a9b02a9bca
commit c2747f542a
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/pages/admin/master/raw-materials/form/RawMaterialForm.vue
View File

@ -15,6 +15,7 @@ import {
FieldLabel,
FieldSet,
} from '@/components/ui/field';
import FieldDescription from '@/components/ui/field/FieldDescription.vue';
import { Input } from '@/components/ui/input';
import {
Select,
@ -278,7 +279,7 @@ function submit() {
</CardHeader>
<CardContent>
<FieldGroup>
<FieldSet :class="['grid gap-4', method === 'put' ? 'md:grid-cols-1' : 'md:grid-cols-3']">
<FieldSet :class="['grid gap-4', method === 'put' || (useSamePrice && prices.length > 1) ? 'md:grid-cols-2' : 'md:grid-cols-3']">
<Field>
<FieldLabel :for="`variant_${price.client_id}`" required>
Nama Varian
@ -288,7 +289,7 @@ function submit() {
@update:model-value="setPriceField(price.client_id, 'variant', String($event))" />
<FieldError :errors="priceErrors(form, price.client_id, 'variant')" />
</Field>
<Field v-if="method !== 'put'">
<Field>
<FieldLabel :for="`stock_${price.client_id}`" required>
Stok
</FieldLabel>
@ -302,6 +303,7 @@ function submit() {
</FieldLabel>
<RupiahInput :id="`price_${price.client_id}`" :model-value="price.price"
@update:model-value="setPriceValue(price.client_id, $event)" />
<FieldDescription>Harga adalah harga per satuan bahan baku.</FieldDescription>
<FieldError :errors="priceErrors(form, price.client_id, 'price')" />
</Field>
</FieldSet>