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

Compare commits

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

2 Commits
e67fb10e37 ... b78a396a51

Author SHA1 Message Date
adityaalfarison
b78a396a51 Merge branch 'production' of https://git.abbauf.com/Magang-2025/Kasir into production 2025-09-12 14:23:03 +07:00
adityaalfarison
8e59f8d634 update traylist(scroll nampan) 2025-09-12 14:23:01 +07:00
1 changed files with 27 additions and 17 deletions
Show Stats Expand all files Collapse all files

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

@ -49,23 +49,33 @@
</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 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>
<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>
<!-- Kalau kosong -->
<div v-else class="text-gray-400 text-center py-4 flex-1">