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

update traylist(scroll nampan)

Browse Source
This commit is contained in:
adityaalfarison 2025-09-12 14:23:01 +07:00
parent f5d0441cd7
commit 8e59f8d634
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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