Melengkapi laporan semua transaksi with print
This commit is contained in:
+227
-224
@@ -1,3 +1,5 @@
|
||||
window.ReportApp = window.ReportAp || {};
|
||||
window.ReportApp.lastResponse = null;
|
||||
let lastResponse = null;
|
||||
|
||||
$(document).ready(function () {
|
||||
@@ -41,20 +43,20 @@ $(document).ready(function () {
|
||||
|
||||
// lastResponse = loadData();
|
||||
// $('.btn-export-excel').on('click', function () {
|
||||
$(document).on("click", ".btn-export-excel", function (e) {
|
||||
// e.preventDefault();
|
||||
$("#cash td").each(function () {
|
||||
const raw = $(this).data("value");
|
||||
if (raw !== undefined) {
|
||||
$(this).text(raw);
|
||||
}
|
||||
});
|
||||
// $(document).on("click", ".btn-export-excel", function (e) {
|
||||
// // e.preventDefault();
|
||||
// $("#cash td").each(function () {
|
||||
// const raw = $(this).data("value");
|
||||
// if (raw !== undefined) {
|
||||
// $(this).text(raw);
|
||||
// }
|
||||
// });
|
||||
|
||||
const table = document.getElementById("cetak");
|
||||
const wb = XLSX.utils.table_to_book(table, { sheet: "Sheet 1" });
|
||||
XLSX.writeFile(wb, `monthlyReport.xlsx`);
|
||||
console.log(e);
|
||||
});
|
||||
// const table = document.getElementById("cetak");
|
||||
// const wb = XLSX.utils.table_to_book(table, { sheet: "Sheet 1" });
|
||||
// XLSX.writeFile(wb, `monthlyReport.xlsx`);
|
||||
// console.log(e);
|
||||
// });
|
||||
|
||||
$(".btn-export-pdf").on("click", async function () {
|
||||
// $('.cetak').css('display','block');
|
||||
@@ -103,6 +105,7 @@ function loadData(tanggalMulai, tanggalAkhir) {
|
||||
console.log("Loading data...");
|
||||
},
|
||||
success: function (response) {
|
||||
window.ReportApp.lastResponse = response;
|
||||
lastResponse = response; // ✅ tambah ini
|
||||
tableVehicle(response.vehicle);
|
||||
tableOfficer(response.officer);
|
||||
@@ -934,240 +937,240 @@ function paymentType(value) {
|
||||
return value;
|
||||
}
|
||||
|
||||
function printPDF(vehicle) {
|
||||
const { jsPDF } = window.jspdf;
|
||||
const doc = new jsPDF({
|
||||
orientation: "portait", // portrait kesempitan buat 16 kolom
|
||||
unit: "mm",
|
||||
format: "a4",
|
||||
});
|
||||
// function printPDF(vehicle) {
|
||||
// const { jsPDF } = window.jspdf;
|
||||
// const doc = new jsPDF({
|
||||
// orientation: "portait", // portrait kesempitan buat 16 kolom
|
||||
// unit: "mm",
|
||||
// format: "a4",
|
||||
// });
|
||||
|
||||
const pageWidth = doc.internal.pageSize.getWidth();
|
||||
// const pageWidth = doc.internal.pageSize.getWidth();
|
||||
|
||||
// ===== HEADER =====
|
||||
doc.setFont("helvetica", "bold");
|
||||
doc.setFontSize(12);
|
||||
doc.text("MENTENG SQUARE - RAYA PARKING - RAYA Parking", 14, 12);
|
||||
// // ===== HEADER =====
|
||||
// doc.setFont("helvetica", "bold");
|
||||
// doc.setFontSize(12);
|
||||
// doc.text("MENTENG SQUARE - RAYA PARKING - RAYA Parking", 14, 12);
|
||||
|
||||
doc.setFontSize(11);
|
||||
doc.text("Rekap Transaksi Kendaraan", pageWidth / 2, 18, { align: "center" });
|
||||
// doc.setFontSize(11);
|
||||
// doc.text("Rekap Transaksi Kendaraan", pageWidth / 2, 18, { align: "center" });
|
||||
|
||||
doc.setFont("helvetica", "normal");
|
||||
doc.setFontSize(9);
|
||||
doc.text("Tanggal : " + (vehicle.date ?? "-"), pageWidth / 2, 23, { align: "center" });
|
||||
doc.text("By : Harian", pageWidth - 14, 12, { align: "right" });
|
||||
// doc.setFont("helvetica", "normal");
|
||||
// doc.setFontSize(9);
|
||||
// doc.text("Tanggal : " + (vehicle.date ?? "-"), pageWidth / 2, 23, { align: "center" });
|
||||
// doc.text("By : Harian", pageWidth - 14, 12, { align: "right" });
|
||||
|
||||
// ===== SUSUN BODY TABEL =====
|
||||
const body = [];
|
||||
let totalTunaiJml = 0,
|
||||
totalTunaiNilai = 0;
|
||||
let totalNonTunaiJml = 0,
|
||||
totalNonTunaiNilai = 0;
|
||||
let grandTotal = 0;
|
||||
// // ===== SUSUN BODY TABEL =====
|
||||
// const body = [];
|
||||
// let totalTunaiJml = 0,
|
||||
// totalTunaiNilai = 0;
|
||||
// let totalNonTunaiJml = 0,
|
||||
// totalNonTunaiNilai = 0;
|
||||
// let grandTotal = 0;
|
||||
|
||||
vehicle.tunai.forEach(function (cash) {
|
||||
const cashless = vehicle.nontunai.find((nt) => String(nt.id_kendaraan) === String(cash.id_kendaraan)) || {
|
||||
nonTunaiOut: 0,
|
||||
keluar: {
|
||||
casual: { jumlah: 0, income: 0 },
|
||||
lost: { jumlah: 0, income: 0 },
|
||||
member: { jumlah: 0, income: 0 },
|
||||
manual: { jumlah: 0, income: 0 },
|
||||
},
|
||||
totalCashless: 0,
|
||||
};
|
||||
// debugger;
|
||||
// vehicle.tunai.forEach(function (cash) {
|
||||
// const cashless = vehicle.nontunai.find((nt) => String(nt.id_kendaraan) === String(cash.id_kendaraan)) || {
|
||||
// nonTunaiOut: 0,
|
||||
// keluar: {
|
||||
// casual: { jumlah: 0, income: 0 },
|
||||
// lost: { jumlah: 0, income: 0 },
|
||||
// member: { jumlah: 0, income: 0 },
|
||||
// manual: { jumlah: 0, income: 0 },
|
||||
// },
|
||||
// totalCashless: 0,
|
||||
// };
|
||||
// // debugger;
|
||||
|
||||
const tCasual = cash.keluar.casual;
|
||||
const tLost = cash.keluar.lost;
|
||||
const tMember = cash.keluar.member;
|
||||
const tManual = cash.keluar.manual;
|
||||
const tMasalah = cash.keluar.masalah ?? { jumlah: 0, income: 0 };
|
||||
const totalTunai = cash.totalCash || 0;
|
||||
// const tCasual = cash.keluar.casual;
|
||||
// const tLost = cash.keluar.lost;
|
||||
// const tMember = cash.keluar.member;
|
||||
// const tManual = cash.keluar.manual;
|
||||
// const tMasalah = cash.keluar.masalah ?? { jumlah: 0, income: 0 };
|
||||
// const totalTunai = cash.totalCash || 0;
|
||||
|
||||
const nCasual = cashless.keluar.casual;
|
||||
const nLost = cashless.keluar.lost;
|
||||
const nMember = cashless.keluar.member;
|
||||
const nManual = cashless.keluar.manual;
|
||||
const nMasalah = cashless.keluar.masalah ?? { jumlah: 0, income: 0 };
|
||||
const totalNonTunai = cashless.totalCashless || 0;
|
||||
// const nCasual = cashless.keluar.casual;
|
||||
// const nLost = cashless.keluar.lost;
|
||||
// const nMember = cashless.keluar.member;
|
||||
// const nManual = cashless.keluar.manual;
|
||||
// const nMasalah = cashless.keluar.masalah ?? { jumlah: 0, income: 0 };
|
||||
// const totalNonTunai = cashless.totalCashless || 0;
|
||||
|
||||
// baris TUNAI
|
||||
body.push([
|
||||
{ content: cash.jenis_mobil, rowSpan: 2, styles: { valign: "middle" } },
|
||||
{ content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
||||
cash.total,
|
||||
cash.tunaiOut,
|
||||
tCasual.jumlah,
|
||||
rupiah(tCasual.income),
|
||||
tLost.jumlah,
|
||||
rupiah(tLost.income),
|
||||
tMember.jumlah,
|
||||
rupiah(tMember.income),
|
||||
tManual.jumlah,
|
||||
rupiah(tManual.income),
|
||||
0,
|
||||
0,
|
||||
tMasalah.jumlah,
|
||||
rupiah(tMasalah.income),
|
||||
{ content: rupiah(cash.totalCash), styles: { valign: "middle", fontStyle: "bold" } },
|
||||
]);
|
||||
// // baris TUNAI
|
||||
// body.push([
|
||||
// { content: cash.jenis_mobil, rowSpan: 2, styles: { valign: "middle" } },
|
||||
// { content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
||||
// cash.total,
|
||||
// cash.tunaiOut,
|
||||
// tCasual.jumlah,
|
||||
// rupiah(tCasual.income),
|
||||
// tLost.jumlah,
|
||||
// rupiah(tLost.income),
|
||||
// tMember.jumlah,
|
||||
// rupiah(tMember.income),
|
||||
// tManual.jumlah,
|
||||
// rupiah(tManual.income),
|
||||
// 0,
|
||||
// 0,
|
||||
// tMasalah.jumlah,
|
||||
// rupiah(tMasalah.income),
|
||||
// { content: rupiah(cash.totalCash), styles: { valign: "middle", fontStyle: "bold" } },
|
||||
// ]);
|
||||
|
||||
// baris NON TUNAI
|
||||
body.push([
|
||||
{ content: "Non Tunai", styles: { fillColor: [255, 193, 7], textColor: 0, fontStyle: "bold" } },
|
||||
// // baris NON TUNAI
|
||||
// body.push([
|
||||
// { content: "Non Tunai", styles: { fillColor: [255, 193, 7], textColor: 0, fontStyle: "bold" } },
|
||||
|
||||
cash.total,
|
||||
cashless.nonTunaiOut,
|
||||
// cash.total,
|
||||
// cashless.nonTunaiOut,
|
||||
|
||||
nCasual.jumlah,
|
||||
rupiah(nCasual.income),
|
||||
// nCasual.jumlah,
|
||||
// rupiah(nCasual.income),
|
||||
|
||||
nLost.jumlah,
|
||||
// rupiah(nLost.income),
|
||||
cash.totalCashless,
|
||||
// nLost.jumlah,
|
||||
// // rupiah(nLost.income),
|
||||
// cash.totalCashless,
|
||||
|
||||
nMember.jumlah,
|
||||
rupiah(nMember.income),
|
||||
// nMember.jumlah,
|
||||
// rupiah(nMember.income),
|
||||
|
||||
nManual.jumlah,
|
||||
rupiah(nManual.income),
|
||||
// nManual.jumlah,
|
||||
// rupiah(nManual.income),
|
||||
|
||||
0,
|
||||
0,
|
||||
// 0,
|
||||
// 0,
|
||||
|
||||
nMasalah.jumlah,
|
||||
rupiah(nMasalah.income),
|
||||
// nMasalah.jumlah,
|
||||
// rupiah(nMasalah.income),
|
||||
|
||||
{ content: rupiah(cashless.totalCashless), styles: { valign: "middle", fontStyle: "bold" } },
|
||||
]);
|
||||
// { content: rupiah(cashless.totalCashless), styles: { valign: "middle", fontStyle: "bold" } },
|
||||
// ]);
|
||||
|
||||
totalTunaiJml += tCasual.jumlah + tLost.jumlah + tMember.jumlah + tManual.jumlah + tMasalah.jumlah;
|
||||
totalTunaiNilai += cash.totalCash || 0;
|
||||
totalNonTunaiJml += nCasual.jumlah + nLost.jumlah + nMember.jumlah + nManual.jumlah + nMasalah.jumlah;
|
||||
totalNonTunaiNilai += cashless.totalCashless || 0;
|
||||
grandTotal += (cash.totalCash || 0) + (cashless.totalCashless || 0);
|
||||
});
|
||||
// totalTunaiJml += tCasual.jumlah + tLost.jumlah + tMember.jumlah + tManual.jumlah + tMasalah.jumlah;
|
||||
// totalTunaiNilai += cash.totalCash || 0;
|
||||
// totalNonTunaiJml += nCasual.jumlah + nLost.jumlah + nMember.jumlah + nManual.jumlah + nMasalah.jumlah;
|
||||
// totalNonTunaiNilai += cashless.totalCashless || 0;
|
||||
// grandTotal += (cash.totalCash || 0) + (cashless.totalCashless || 0);
|
||||
// });
|
||||
|
||||
// baris TOTAL & GRAND TOTAL
|
||||
body.push([
|
||||
{ content: "TOTAL", rowSpan: 2, styles: { fontStyle: "bold" } },
|
||||
{ content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
||||
"",
|
||||
"",
|
||||
{ content: totalTunaiJml, styles: { fontStyle: "bold" } },
|
||||
rupiah(totalTunaiNilai),
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
rupiah(totalTunaiNilai),
|
||||
]);
|
||||
body.push([
|
||||
{ content: "NON TUNAI", styles: { fillColor: [255, 193, 7], fontStyle: "bold" } },
|
||||
"",
|
||||
"",
|
||||
{ content: totalNonTunaiJml, styles: { fontStyle: "bold" } },
|
||||
rupiah(totalNonTunaiNilai),
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
rupiah(totalNonTunaiNilai),
|
||||
]);
|
||||
body.push([
|
||||
{ content: "GRAND TOTAL", colSpan: 4, styles: { fontStyle: "bold", halign: "center" } },
|
||||
{ content: totalTunaiJml + totalNonTunaiJml, styles: { fontStyle: "bold" } },
|
||||
{ content: rupiah(totalTunaiNilai + totalNonTunaiNilai), styles: { fontStyle: "bold" } },
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
{ content: rupiah(grandTotal), styles: { fontStyle: "bold" } },
|
||||
]);
|
||||
// // baris TOTAL & GRAND TOTAL
|
||||
// body.push([
|
||||
// { content: "TOTAL", rowSpan: 2, styles: { fontStyle: "bold" } },
|
||||
// { content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
||||
// "",
|
||||
// "",
|
||||
// { content: totalTunaiJml, styles: { fontStyle: "bold" } },
|
||||
// rupiah(totalTunaiNilai),
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// rupiah(totalTunaiNilai),
|
||||
// ]);
|
||||
// body.push([
|
||||
// { content: "NON TUNAI", styles: { fillColor: [255, 193, 7], fontStyle: "bold" } },
|
||||
// "",
|
||||
// "",
|
||||
// { content: totalNonTunaiJml, styles: { fontStyle: "bold" } },
|
||||
// rupiah(totalNonTunaiNilai),
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// rupiah(totalNonTunaiNilai),
|
||||
// ]);
|
||||
// body.push([
|
||||
// { content: "GRAND TOTAL", colSpan: 4, styles: { fontStyle: "bold", halign: "center" } },
|
||||
// { content: totalTunaiJml + totalNonTunaiJml, styles: { fontStyle: "bold" } },
|
||||
// { content: rupiah(totalTunaiNilai + totalNonTunaiNilai), styles: { fontStyle: "bold" } },
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// "",
|
||||
// { content: rupiah(grandTotal), styles: { fontStyle: "bold" } },
|
||||
// ]);
|
||||
|
||||
// ===== HEADER 2 BARIS (grouping) =====
|
||||
const head = [
|
||||
[
|
||||
{ content: "Jenis Kend", rowSpan: 2, colSpan: 2 },
|
||||
{ content: "Jenis Transaksi", colSpan: 2 },
|
||||
{ content: "Casual", colSpan: 2 },
|
||||
{ content: "Tiket Hilang", colSpan: 2 },
|
||||
{ content: "Member", colSpan: 2 },
|
||||
{ content: "Manual Input", colSpan: 2 },
|
||||
{ content: "Manual Mix", colSpan: 2 },
|
||||
{ content: "Tiket Masalah", colSpan: 2 },
|
||||
{ content: "Pendapatan", rowSpan: 2 },
|
||||
],
|
||||
[
|
||||
"Masuk",
|
||||
"Keluar",
|
||||
"JML",
|
||||
"Nilai",
|
||||
"JML",
|
||||
"Nilai",
|
||||
"JML",
|
||||
"Nilai",
|
||||
"JML",
|
||||
"Nilai",
|
||||
"JML",
|
||||
"Nilai",
|
||||
"JML",
|
||||
"Nilai",
|
||||
],
|
||||
];
|
||||
// // ===== HEADER 2 BARIS (grouping) =====
|
||||
// const head = [
|
||||
// [
|
||||
// { content: "Jenis Kend", rowSpan: 2, colSpan: 2 },
|
||||
// { content: "Jenis Transaksi", colSpan: 2 },
|
||||
// { content: "Casual", colSpan: 2 },
|
||||
// { content: "Tiket Hilang", colSpan: 2 },
|
||||
// { content: "Member", colSpan: 2 },
|
||||
// { content: "Manual Input", colSpan: 2 },
|
||||
// { content: "Manual Mix", colSpan: 2 },
|
||||
// { content: "Tiket Masalah", colSpan: 2 },
|
||||
// { content: "Pendapatan", rowSpan: 2 },
|
||||
// ],
|
||||
// [
|
||||
// "Masuk",
|
||||
// "Keluar",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// "JML",
|
||||
// "Nilai",
|
||||
// ],
|
||||
// ];
|
||||
|
||||
doc.autoTable({
|
||||
head: head,
|
||||
body: body,
|
||||
startY: 28,
|
||||
theme: "grid",
|
||||
styles: { fontSize: 6, halign: "center", valign: "middle", lineColor: [200, 200, 200] },
|
||||
headStyles: { fillColor: [230, 230, 230], textColor: 0, fontStyle: "bold" },
|
||||
columnStyles: { 0: { halign: "left" } },
|
||||
});
|
||||
// doc.autoTable({
|
||||
// head: head,
|
||||
// body: body,
|
||||
// startY: 28,
|
||||
// theme: "grid",
|
||||
// styles: { fontSize: 6, halign: "center", valign: "middle", lineColor: [200, 200, 200] },
|
||||
// headStyles: { fillColor: [230, 230, 230], textColor: 0, fontStyle: "bold" },
|
||||
// columnStyles: { 0: { halign: "left" } },
|
||||
// });
|
||||
|
||||
// ===== TABEL OVER NIGHT (di bawah tabel utama) =====
|
||||
const onBody = vehicle.overNight.map((on) => [
|
||||
on.jenis_mobil ?? "-",
|
||||
on.overNight,
|
||||
on.onExpired,
|
||||
(on.overNight || 0) + (on.onExpired || 0),
|
||||
]);
|
||||
// // ===== TABEL OVER NIGHT (di bawah tabel utama) =====
|
||||
// const onBody = vehicle.overNight.map((on) => [
|
||||
// on.jenis_mobil ?? "-",
|
||||
// on.overNight,
|
||||
// on.onExpired,
|
||||
// (on.overNight || 0) + (on.onExpired || 0),
|
||||
// ]);
|
||||
|
||||
doc.setFont("helvetica", "bold");
|
||||
doc.setFontSize(8);
|
||||
doc.text("Kendaraan yang masih menginap (Over Night)", 14, doc.lastAutoTable.finalY + 10);
|
||||
// doc.setFont("helvetica", "bold");
|
||||
// doc.setFontSize(8);
|
||||
// doc.text("Kendaraan yang masih menginap (Over Night)", 14, doc.lastAutoTable.finalY + 10);
|
||||
|
||||
doc.autoTable({
|
||||
head: [["Jenis Kend", "Menginap", "ON (Expired)", "Total"]],
|
||||
body: onBody,
|
||||
startY: doc.lastAutoTable.finalY + 13,
|
||||
theme: "grid",
|
||||
styles: { fontSize: 7, cellPadding: 1 },
|
||||
headStyles: { fontSize: 8, fillColor: [230, 230, 230], textColor: 0 },
|
||||
tableWidth: 100,
|
||||
});
|
||||
// doc.autoTable({
|
||||
// head: [["Jenis Kend", "Menginap", "ON (Expired)", "Total"]],
|
||||
// body: onBody,
|
||||
// startY: doc.lastAutoTable.finalY + 13,
|
||||
// theme: "grid",
|
||||
// styles: { fontSize: 7, cellPadding: 1 },
|
||||
// headStyles: { fontSize: 8, fillColor: [230, 230, 230], textColor: 0 },
|
||||
// tableWidth: 100,
|
||||
// });
|
||||
|
||||
doc.save(`Rekap Harian - ${vehicle.date}.pdf`);
|
||||
}
|
||||
// doc.save(`Rekap Harian - ${vehicle.date}.pdf`);
|
||||
// }
|
||||
|
||||
Reference in New Issue
Block a user