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

Compare commits

base: dst:60aae40575fde40194584e954d354ad828e3dc8d
Branches Tags
dst:master
..
compare: dst:1253711147a67c51e73e678fe0ebd6ed16a550d6
Branches Tags
dst:master

2 Commits
60aae40575 ... 1253711147

Author SHA1 Message Date
Yoga Pangestu
1253711147 refactor: simplify onGoodChange and onRejectChange functions in StockVerifyDialog to directly update results by index for improved clarity and maintainability
Some checks are pending
linter / quality (push) Waiting to run
Details
tests / ci (8.3) (push) Waiting to run
Details
tests / ci (8.4) (push) Waiting to run
Details
tests / ci (8.5) (push) Waiting to run
Details
2026-07-05 16:38:23 +07:00
Yoga Pangestu
87adc68376 refactor: enhance StockVerifyDialog layout by improving material display with thumbnails and better alignment for improved user interaction 2026-07-05 16:28:42 +07:00
1 changed files with 25 additions and 29 deletions
Show Stats Expand all files Collapse all files

54
resources/js/pages/admin/manage/stocks/table/StockVerifyDialog.vue
View File

@ -128,18 +128,6 @@ watch(open, (isOpen) => {
} }
}); });
function onGoodChange(result: any, value: string | number) {
const val = Number(value) || 0;
result.good = val;
result.reject = Math.max(0, result.cutting_result - val);
}
function onRejectChange(result: any, value: string | number) {
const val = Number(value) || 0;
result.reject = val;
result.good = Math.max(0, result.cutting_result - val);
}
function setSharedPrice(type: string, value: string) { function setSharedPrice(type: string, value: string) {
verifyForm.shared_prices[type] = value; verifyForm.shared_prices[type] = value;
verifyForm.variant_prices = verifyForm.variant_prices.map((row) => ({ verifyForm.variant_prices = verifyForm.variant_prices.map((row) => ({
@ -239,15 +227,13 @@ function submitVerify() {
<label :for="`stock-good-${index}`" <label :for="`stock-good-${index}`"
class="text-[10px] text-muted-foreground block mb-0.5">Bagus</label> class="text-[10px] text-muted-foreground block mb-0.5">Bagus</label>
<NumberInput :id="`stock-good-${index}`" :model-value="result.good" <NumberInput :id="`stock-good-${index}`" :model-value="result.good"
class="h-7 w-20 px-1.5 text-xs text-center" class="h-7 w-20 px-1.5 text-xs text-center" />
@update:model-value="val => onGoodChange(result, val)" />
</div> </div>
<div class="text-center"> <div class="text-center">
<label :for="`stock-reject-${index}`" <label :for="`stock-reject-${index}`"
class="text-[10px] text-muted-foreground block mb-0.5">Reject</label> class="text-[10px] text-muted-foreground block mb-0.5">Reject</label>
<NumberInput :id="`stock-reject-${index}`" :model-value="result.reject" <NumberInput :id="`stock-reject-${index}`" :model-value="result.reject"
class="h-7 w-20 px-1.5 text-xs text-center" class="h-7 w-20 px-1.5 text-xs text-center" />
@update:model-value="val => onRejectChange(result, val)" />
</div> </div>
</div> </div>
</div> </div>
@ -273,7 +259,29 @@ function submitVerify() {
</div> </div>
<div class="space-y-2"> <div class="space-y-2">
<div v-for="material in group.items" :key="material.id" <div v-for="material in group.items" :key="material.id"
class="rounded-md border bg-background p-2.5"> class="flex items-center gap-3 rounded-md border bg-background p-2.5">
<div class="shrink-0">
<MediaThumbnailCell :items="material.images ?? material.raw_material_price?.images ?? []" :max-visible="1" />
</div>
<div class="min-w-0 flex-1">
<p class="truncate text-sm font-medium">
{{ material.raw_material_name || material.raw_material_price?.raw_material?.name }}
</p>
<p class="truncate text-xs text-muted-foreground">
{{ material.variant || material.raw_material_price?.variant }}
</p>
</div>
</div>
</div>
</div>
<template v-else>
<div v-for="material in group.items" :key="material.id"
class="flex items-center gap-3 rounded-lg border p-3">
<div class="shrink-0">
<MediaThumbnailCell :items="material.images ?? material.raw_material_price?.images ?? []" :max-visible="1" />
</div>
<div class="min-w-0 flex-1">
<p class="truncate text-sm font-medium"> <p class="truncate text-sm font-medium">
{{ material.raw_material_name || material.raw_material_price?.raw_material?.name }} {{ material.raw_material_name || material.raw_material_price?.raw_material?.name }}
</p> </p>
@ -282,18 +290,6 @@ function submitVerify() {
</p> </p>
</div> </div>
</div> </div>
</div>
<template v-else>
<div v-for="material in group.items" :key="material.id"
class="rounded-lg border p-3">
<p class="truncate text-sm font-medium">
{{ material.raw_material_name || material.raw_material_price?.raw_material?.name }}
</p>
<p class="truncate text-xs text-muted-foreground">
{{ material.variant || material.raw_material_price?.variant }}
</p>
</div>
</template> </template>
</template> </template>
</div> </div>