From edf833e113afcad3f46b71ab2422b072c905c386 Mon Sep 17 00:00:00 2001 From: adityaalfarison Date: Fri, 19 Sep 2025 10:15:25 +0700 Subject: [PATCH] preview qrcode di brankas&nampan --- resources/js/components/BrankasList.vue | 34 +++++++++++------ resources/js/components/TrayList.vue | 49 +++++++++++++++++-------- 2 files changed, 55 insertions(+), 28 deletions(-) diff --git a/resources/js/components/BrankasList.vue b/resources/js/components/BrankasList.vue index ffda540..904ea91 100644 --- a/resources/js/components/BrankasList.vue +++ b/resources/js/components/BrankasList.vue @@ -340,40 +340,50 @@ const printQR = () => { Print QR Code - ${selectedItem.value.kode_item}
- QR Code + QR Code
-
${selectedItem.value.kode_item}
-
${selectedItem.value.produk.nama}
-
${selectedItem.value.produk.berat}g
+ ${selectedItem.value.kode_item}
`); printWindow.document.close(); - printWindow.print(); } }; + const handleImageError = (event) => { event.target.style.display = 'none'; }; diff --git a/resources/js/components/TrayList.vue b/resources/js/components/TrayList.vue index 14404e5..73e138d 100644 --- a/resources/js/components/TrayList.vue +++ b/resources/js/components/TrayList.vue @@ -185,40 +185,57 @@ const printQR = () => { Print QR Code - ${selectedItem.value.kode_item}
- QR Code -
-
${selectedItem.value.kode_item}
-
${selectedItem.value.produk.nama}
-
${selectedItem.value.produk.berat}g
-
+ QR Code +
${selectedItem.value.kode_item}
`); + printWindow.document.close(); - printWindow.print(); + + const img = printWindow.document.getElementById("qr-img"); + img.onload = () => { + printWindow.focus(); + printWindow.print(); + }; } }; + const showDeleteConfirm = ref(false); const confirmDelete = async () => {