Perbaikan layout printing js
This commit is contained in:
@@ -232,21 +232,22 @@ function printPDF(data) {
|
|||||||
(on.overNight || 0) + (on.onExpired || 0),
|
(on.overNight || 0) + (on.onExpired || 0),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
doc.setFont("helvetica", "bold");
|
// doc.setFont("helvetica", "bold");
|
||||||
doc.setFontSize(8);
|
// doc.setFontSize(8);
|
||||||
doc.text("Kendaraan yang masih menginap (Over Night)", 14, doc.lastAutoTable.finalY + 10);
|
// doc.text("Kendaraan yang masih menginap (Over Night)", 14, doc.lastAutoTable.finalY + 10);
|
||||||
|
|
||||||
doc.autoTable({
|
// doc.autoTable({
|
||||||
head: [["Jenis Kend", "Menginap", "ON (Expired)", "Total"]],
|
// head: [["Jenis Kend", "Menginap", "ON (Expired)", "Total"]],
|
||||||
body: onBody,
|
// body: onBody,
|
||||||
startY: doc.lastAutoTable.finalY + 13,
|
// startY: doc.lastAutoTable.finalY + 13,
|
||||||
theme: "grid",
|
// theme: "grid",
|
||||||
styles: { fontSize: 7, cellPadding: 1 },
|
// styles: { fontSize: 7, cellPadding: 1 },
|
||||||
headStyles: { fontSize: 8, fillColor: [230, 230, 230], textColor: 0 },
|
// headStyles: { fontSize: 8, fillColor: [230, 230, 230], textColor: 0 },
|
||||||
tableWidth: 100,
|
// tableWidth: 100,
|
||||||
});
|
// });
|
||||||
|
//==================================================================
|
||||||
///===================== Print table officer ================================////
|
//===================== Print table officer ========================
|
||||||
|
//==================================================================
|
||||||
const officerStartY = doc.lastAutoTable.finalY + 15;
|
const officerStartY = doc.lastAutoTable.finalY + 15;
|
||||||
const officerBody = [];
|
const officerBody = [];
|
||||||
let ptotalTunaiJml = 0,
|
let ptotalTunaiJml = 0,
|
||||||
@@ -402,7 +403,7 @@ function printPDF(data) {
|
|||||||
// ===== HEADER 2 BARIS (grouping) =====
|
// ===== HEADER 2 BARIS (grouping) =====
|
||||||
const officerHead = [
|
const officerHead = [
|
||||||
[
|
[
|
||||||
{ content: "Jenis Kend", rowSpan: 2, colSpan: 2 },
|
{ content: "Nama Petugas", rowSpan: 2, colSpan: 2 },
|
||||||
{ content: "Jenis Transaksi", colSpan: 2 },
|
{ content: "Jenis Transaksi", colSpan: 2 },
|
||||||
{ content: "Casual", colSpan: 2 },
|
{ content: "Casual", colSpan: 2 },
|
||||||
{ content: "Tiket Hilang", colSpan: 2 },
|
{ content: "Tiket Hilang", colSpan: 2 },
|
||||||
@@ -433,12 +434,12 @@ function printPDF(data) {
|
|||||||
// doc.addPage();
|
// doc.addPage();
|
||||||
doc.setFont("helvetica", "bold");
|
doc.setFont("helvetica", "bold");
|
||||||
doc.setFontSize(11);
|
doc.setFontSize(11);
|
||||||
doc.text("Rekap Transaksi Per Petugas", pageWidth / 2, officerStartY - 5, { align: "center" });
|
doc.text("Rekap Transaksi Per Petugas", pageWidth / 2, officerStartY - 6, { align: "center" });
|
||||||
|
|
||||||
doc.setFont("helvetica", "normal");
|
doc.setFont("helvetica", "normal");
|
||||||
doc.setFontSize(9);
|
doc.setFontSize(9);
|
||||||
doc.text("Tanggal : " + (data.vehicle.date ?? "-"), pageWidth / 2, 23, { align: "center" });
|
doc.text("Tanggal : " + (data.vehicle.date ?? "-"), pageWidth / 2, officerStartY - 2, { align: "center" });
|
||||||
doc.text("By : " + (data.vehicle.reportTime ?? "-"), pageWidth - 14, 12, { align: "right" });
|
doc.text("By : " + (data.vehicle.reportTime ?? "-"), pageWidth - 14, officerStartY - 2, { align: "right" });
|
||||||
|
|
||||||
doc.autoTable({
|
doc.autoTable({
|
||||||
head: officerHead,
|
head: officerHead,
|
||||||
@@ -451,7 +452,9 @@ function printPDF(data) {
|
|||||||
columnStyles: { 0: { halign: "left" } },
|
columnStyles: { 0: { halign: "left" } },
|
||||||
});
|
});
|
||||||
|
|
||||||
///===================== Print table payment ================================////
|
//====================================
|
||||||
|
//======== Print table payment =======
|
||||||
|
//====================================
|
||||||
const paymentStartY = doc.lastAutoTable.finalY + 15;
|
const paymentStartY = doc.lastAutoTable.finalY + 15;
|
||||||
const paymentBody = [];
|
const paymentBody = [];
|
||||||
let payTotalTunaiJml = 0,
|
let payTotalTunaiJml = 0,
|
||||||
@@ -554,7 +557,7 @@ function printPDF(data) {
|
|||||||
{ content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
{ content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
{ content: ptotalTunaiJml, styles: { fontStyle: "bold" } },
|
{ content: payTotalTunaiJml, styles: { fontStyle: "bold" } },
|
||||||
rupiah(payTotalTunaiNilai),
|
rupiah(payTotalTunaiNilai),
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
@@ -572,7 +575,7 @@ function printPDF(data) {
|
|||||||
{ content: "NON TUNAI", styles: { fillColor: [255, 193, 7], fontStyle: "bold" } },
|
{ content: "NON TUNAI", styles: { fillColor: [255, 193, 7], fontStyle: "bold" } },
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
{ content: ptotalNonTunaiJml, styles: { fontStyle: "bold" } },
|
{ content: payTotalNonTunaiJml, styles: { fontStyle: "bold" } },
|
||||||
rupiah(payTotalNonTunaiNilai),
|
rupiah(payTotalNonTunaiNilai),
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
@@ -639,12 +642,12 @@ function printPDF(data) {
|
|||||||
// doc.addPage();
|
// doc.addPage();
|
||||||
doc.setFont("helvetica", "bold");
|
doc.setFont("helvetica", "bold");
|
||||||
doc.setFontSize(11);
|
doc.setFontSize(11);
|
||||||
doc.text("Rekap Transaksi Per Pembayaran", pageWidth / 2, paymentStartY - 5, { align: "center" });
|
doc.text("Rekap Transaksi Per Pembayaran", pageWidth / 2, paymentStartY - 6, { align: "center" });
|
||||||
|
|
||||||
doc.setFont("helvetica", "normal");
|
doc.setFont("helvetica", "normal");
|
||||||
doc.setFontSize(9);
|
doc.setFontSize(9);
|
||||||
doc.text("Tanggal : " + (data.vehicle.date ?? "-"), pageWidth / 2, 23, { align: "center" });
|
doc.text("Tanggal : " + (data.vehicle.date ?? "-"), pageWidth / 2, paymentStartY - 2, { align: "center" });
|
||||||
doc.text("By : " + (data.vehicle.reportTime ?? "-"), pageWidth - 14, 12, { align: "right" });
|
doc.text("By : " + (data.vehicle.reportTime ?? "-"), pageWidth - 14, paymentStartY - 2, { align: "right" });
|
||||||
|
|
||||||
doc.autoTable({
|
doc.autoTable({
|
||||||
head: paymentHead,
|
head: paymentHead,
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user