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

feat: add total stock and total price display for raw materials in RawMaterialGroupedTable.vue, enhancing material overview for users

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-19 22:16:03 +07:00
parent 81c072e753
commit db5adacdea
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/components/admin/master/raw-materials/RawMaterialGroupedTable.vue
View File

@ -21,6 +21,7 @@ import {
TableHeader,
TableRow,
} from '@/components/ui/table';
import { formatRupiah } from '@/lib/rupiah';
import type {
DataTableFilterDef,
DataTablePagination,
@ -87,6 +88,19 @@ function rowNumber(index: number): number {
{{ material.unit_label }}
</Badge>
</div>
<div class="flex flex-wrap items-center gap-2">
<p class="text-xs text-muted-foreground">
<strong>Total stok:</strong> {{material.prices.reduce((acc, price) => acc +
Number(price.stock), 0)
}}
{{ material.unit_abbreviation }}
</p>
<p class="text-xs text-muted-foreground">
<strong>Total harga:</strong> Rp {{formatRupiah(material.prices.reduce((acc, price) => acc +
Number(price.stock) * Number(price.price), 0))
}}
</p>
</div>
</div>
</div>