Magang-2025/Kasir
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Magang-2025:b78a396a51e97295fe8fab6ee536f1fc0cc0486b
Branches Tags
Magang-2025:main
Magang-2025:development
Magang-2025:jadi
Magang-2025:production
..
compare: Magang-2025:e67fb10e37462027e2248553a6efc2c26da0b4b9
Branches Tags
Magang-2025:development
Magang-2025:jadi
Magang-2025:production
Magang-2025:main

No commits in common. "b78a396a51e97295fe8fab6ee536f1fc0cc0486b" and "e67fb10e37462027e2248553a6efc2c26da0b4b9" have entirely different histories.
b78a396a51 ... e67fb10e37

1 changed files with 17 additions and 27 deletions
Show Stats Expand all files Collapse all files

44
resources/js/components/TrayList.vue
View File

@ -49,33 +49,23 @@
</div>
<!-- Isi Card (Max tinggi 3 item + scroll kalau lebih) -->
<div
v-if="tray.items && tray.items.length"
class="space-y-2 flex-1 overflow-y-auto max-h-[168px] pr-1"
>
<div
v-for="item in tray.items"
:key="item.id"
class="flex justify-between items-center border border-C rounded-lg p-2 cursor-pointer hover:bg-gray-50"
@click="openMovePopup(item)"
>
<div class="flex items-center gap-3">
<img
v-if="item.produk.foto && item.produk.foto.length > 0"
:src="item.produk.foto[0].url"
alt="foto produk"
class="size-12 object-cover rounded"
/>
<div class="text-D">
<p class="text-sm">{{ item.produk.nama }}</p>
<p class="text-sm font-medium">{{ item.kode_item }}</p>
</div>
</div>
<div class="flex items-center gap-2">
<span class="font-medium">{{ item.produk.berat }}g</span>
</div>
</div>
</div>
<div v-if="tray.items && tray.items.length" class="space-y-2 flex-1 overflow-y-auto h-[160px] pr-1">
<div v-for="item in tray.items" :key="item.id"
class="flex justify-between items-center border border-C rounded-lg p-2 cursor-pointer hover:bg-gray-50"
@click="openMovePopup(item)">
<div class="flex items-center gap-3">
<img v-if="item.produk.foto && item.produk.foto.length > 0" :src="item.produk.foto[0].url"
alt="foto produk" class="size-12 object-cover rounded" />
<div class="text-D">
<p class="text-sm">{{ item.produk.nama }}</p>
<p class="text-sm font-medium">{{ item.kode_item }}</p>
</div>
</div>
<div class="flex items-center gap-2">
<span class="font-medium">{{ item.produk.berat }}g</span>
</div>
</div>
</div>
<!-- Kalau kosong -->
<div v-else class="text-gray-400 text-center py-4 flex-1">