feat: enhance cutting results display in Share.vue and CuttingPosResultSummaryItems.vue; restructure results section for better clarity and add computed logic for cutting result calculations

This commit is contained in:
Yoga Pangestu 2026-07-05 02:08:29 +07:00
parent 15e2b7ec5b
commit 27f55ef18e

View File

@ -58,26 +58,27 @@ const emit = defineEmits<{
</div>
<div v-if="!isCreateMode" class="grid grid-cols-3 gap-2">
<Field :data-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0 ? 'true' : undefined">
<FieldLabel class="text-xs">Hasil</FieldLabel>
<NumberInput v-model="item.cutting_result" class="h-8"
:aria-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0"
@change="emit('sync-totals', item); emit('sync-field', index)" />
<FieldError :errors="formErrors(form, `results.${index}.cutting_result`)" class="text-[10px] mt-0.5 leading-tight" />
</Field>
<Field :data-invalid="formErrors(form, `results.${index}.sample`).length > 0 ? 'true' : undefined">
<FieldLabel class="text-xs">Sample</FieldLabel>
<NumberInput v-model="item.sample" class="h-8"
:aria-invalid="formErrors(form, `results.${index}.sample`).length > 0"
@change="emit('sync-totals', item); emit('sync-field', index)" />
@change="item.cutting_result = String((Number(item.sample) || 0) + (Number(item.original_outside_sample) || 0)); emit('sync-field', index)" />
<FieldError :errors="formErrors(form, `results.${index}.sample`)" class="text-[10px] mt-0.5 leading-tight" />
</Field>
<Field :data-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0 ? 'true' : undefined">
<FieldLabel class="text-xs">Diluar Sample</FieldLabel>
<NumberInput v-model="item.original_outside_sample" class="h-8"
:aria-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0" />
:aria-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0"
@change="item.cutting_result = String((Number(item.sample) || 0) + (Number(item.original_outside_sample) || 0)); emit('sync-field', index)" />
<FieldError :errors="formErrors(form, `results.${index}.original_outside_sample`)" class="text-[10px] mt-0.5 leading-tight" />
</Field>
<Field :data-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0 ? 'true' : undefined">
<FieldLabel class="text-xs">Hasil</FieldLabel>
<NumberInput v-model="item.cutting_result" class="h-8"
:aria-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0"
@change="item.original_outside_sample = String(Math.max((Number(item.cutting_result) || 0) - (Number(item.sample) || 0), 0)); emit('sync-field', index)" />
<FieldError :errors="formErrors(form, `results.${index}.cutting_result`)" class="text-[10px] mt-0.5 leading-tight" />
</Field>
</div>
</div>
</div>