From 94d146557f5efb08c69b059377781e5a77ef50f7 Mon Sep 17 00:00:00 2001 From: Baghaztra Date: Tue, 14 Oct 2025 11:11:13 +0700 Subject: [PATCH] [Refactor] Ubah QR jadi barcode --- resources/js/components/BrankasList.vue | 28 ++++++------- resources/js/components/TrayList.vue | 28 ++++++------- resources/js/pages/Produk.vue | 54 +++++++++---------------- 3 files changed, 48 insertions(+), 62 deletions(-) diff --git a/resources/js/components/BrankasList.vue b/resources/js/components/BrankasList.vue index 904ea91..881f29e 100644 --- a/resources/js/components/BrankasList.vue +++ b/resources/js/components/BrankasList.vue @@ -66,10 +66,10 @@
- +
- QR Code + Barcode
@@ -201,11 +201,11 @@ const confirmModalMessage = ref(""); const confirmText = ref("Ya, Konfirmasi"); const cancelText = ref("Batal"); -// QR Code generator -const qrCodeUrl = computed(() => { +// Barcode generator (Code128) +const barcodeUrl = computed(() => { if (selectedItem.value) { const data = selectedItem.value.kode_item; - return `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(data)}`; + return `https://barcode.tec-it.com/barcode.ashx?data=${encodeURIComponent(data)}&code=Code128&dpi=96`; } return ""; }); @@ -333,15 +333,15 @@ const handleConfirmAction = async () => { // Fungsi utilitas const printQR = () => { - if (qrCodeUrl.value) { + if (barcodeUrl.value) { const printWindow = window.open('', '_blank'); printWindow.document.write(` - Print QR Code - ${selectedItem.value.kode_item} + Print Barcode - ${selectedItem.value.kode_item} -
- QR Code + Barcode
${selectedItem.value.kode_item} diff --git a/resources/js/components/TrayList.vue b/resources/js/components/TrayList.vue index 6da99da..e728ec3 100644 --- a/resources/js/components/TrayList.vue +++ b/resources/js/components/TrayList.vue @@ -88,7 +88,7 @@
- QR Code + Barcode
@@ -167,25 +167,25 @@ const selectedItem = ref(null); const selectedTrayId = ref(""); const showDeleteConfirm = ref(false); -// QR Code generator -const qrCodeUrl = computed(() => { +// Barcode generator (Code128) +const barcodeUrl = computed(() => { if (selectedItem.value) { const data = selectedItem.value.kode_item; - return `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(data)}`; + return `https://barcode.tec-it.com/barcode.ashx?data=${encodeURIComponent(data)}&code=Code128&dpi=96`; } return ""; }); const printQR = () => { - if (qrCodeUrl.value) { + if (barcodeUrl.value) { const printWindow = window.open('', '_blank'); printWindow.document.write(` - Print QR Code - ${selectedItem.value.kode_item} + Print Barcode - ${selectedItem.value.kode_item} -
- QR Code +
+ Barcode
${selectedItem.value.kode_item}
@@ -226,7 +226,7 @@ const printQR = () => { printWindow.document.close(); - const img = printWindow.document.getElementById("qr-img"); + const img = printWindow.document.getElementById("barcode-img"); img.onload = () => { printWindow.focus(); printWindow.print(); diff --git a/resources/js/pages/Produk.vue b/resources/js/pages/Produk.vue index 1675e45..943ac37 100644 --- a/resources/js/pages/Produk.vue +++ b/resources/js/pages/Produk.vue @@ -1,13 +1,7 @@