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

[update] 1 lembar

Browse Source
This commit is contained in:
dhilanradya 2025-10-20 10:21:45 +07:00
parent b44eb2cdc3
commit 945cea3b4c
1 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
resources/js/components/StrukView.vue
View File

@ -73,10 +73,10 @@
<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 <img
:src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'" :src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'"
:class="getImageClass()" :class="getImageClass()"
class="object-cover rounded" class="object-cover rounded"
/> />
@ -103,7 +103,7 @@
<div class="flex text-sm mt-2"> <div class="flex text-sm mt-2">
<div class="w-[40%] p-2 text-left"> <div class="w-[40%] p-2 text-left">
<p class="font-semibold">PERHATIAN</p> <p class="font-semibold">PERHATIAN</p>
<ol class="list-decimal ml-4 text-xs space-y-1"> <ol class="list-decimal ml-4 text-xs space-y-1">
@ -258,30 +258,40 @@ const formatNumber = (number) => {
@media print { @media print {
@page { @page {
size: A4; /* atau '80mm 200mm' kalau thermal */ size: A4;
margin: Minimum; margin: 0;
} }
html, body {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
/* Sembunyikan semua elemen di luar print-area */ /* Sembunyikan semua elemen di luar print-area */
body * { body * {
visibility: hidden !important; visibility: hidden !important;
} }
.print-area * { .print-area * {
visibility: visible !important; visibility: visible !important;
-webkit-print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important; print-color-adjust: exact !important;
} }
.print-area { .print-area {
position: absolute; position: fixed !important;
top: 0; top: 0 !important;
left: 0; left: 0 !important;
width: 1224px; width: 1224px;
height: 528px; height: 528px;
margin: 0; margin: 0;
padding: 0; padding: 0;
transform: scale(0.6673); transform: scale(0.6673);
transform-origin: top left; transform-origin: top left;
page-break-after: avoid !important;
page-break-inside: avoid !important;
} }
/* Hilangkan tombol tutup & print */ /* Hilangkan tombol tutup & print */
@ -290,4 +300,3 @@ const formatNumber = (number) => {
} }
} }
</style> </style>