Compare commits

..

No commits in common. "878e6526309d27e4a55c23d1e91924a18eec2d2d" and "508d6366751eabca8c44561a3aff8d3a1cebb51d" have entirely different histories.

3 changed files with 14 additions and 12 deletions

View File

@ -75,7 +75,6 @@ class TransaksiController extends Controller
'kasir', 'kasir',
'sales', 'sales',
'itemTransaksi.produk', 'itemTransaksi.produk',
'itemTransaksi.produk.foto',
'itemTransaksi' => function ($query) { 'itemTransaksi' => function ($query) {
$query->orderBy('created_at', 'asc'); $query->orderBy('created_at', 'asc');
} }

View File

@ -73,16 +73,19 @@
<span v-if="item.harga_deal && item.harga_deal > 0">1</span> <span v-if="item.harga_deal && item.harga_deal > 0">1</span>
</td> </td>
<td class="flex items-center gap-2 p-2 border-r border-D" :style="getRowStyle()"> <td class="flex items-center gap-2 p-2 border-r border-D" :style="getRowStyle()">
<img <template v-if="item.produk?.foto?.[0]?.url">
:src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'" <img :src="item.produk.foto[0].url" :class="getImageClass()" class="object-cover rounded" />
:class="getImageClass()" </template>
class="object-cover rounded" <template v-else-if="item.produk?.nama">
/> <div :class="getImageClass() + ' bg-gray-200 rounded flex items-center justify-center'">
<span class="text-xs text-gray-500">IMG</span>
</div>
<span :class="getTextClass()">{{ item.produk?.nama || '' }}</span> </template>
</td> <template v-else>
<div :class="getImageClass()"></div>
</template>
<span :class="getTextClass()">{{ item.produk?.nama || '' }}</span>
</td>
<td class="border-r border-D"> <td class="border-r border-D">
<span v-if="item.produk?.nama">{{ item.posisi_asal || 'Brankas' }}</span> <span v-if="item.produk?.nama">{{ item.posisi_asal || 'Brankas' }}</span>
</td> </td>
@ -203,7 +206,7 @@ const formatDate = (dateString) => {
const day = String(date.getDate()).padStart(2, '0') const day = String(date.getDate()).padStart(2, '0')
const month = months[date.getMonth()] const month = months[date.getMonth()]
const year = date.getFullYear() const year = date.getFullYear()
return `${dayName}, ${day}-${month}-${year}` return `${dayName}/${day}-${month}-${year}`
} }
const itemsWithMinimal = computed(() => { const itemsWithMinimal = computed(() => {