From 9d9e60a8b5a515d01fc48d64bc66a99692fdfbc1 Mon Sep 17 00:00:00 2001 From: Eko Haryadi Date: Thu, 22 Feb 2024 10:28:55 +0700 Subject: [PATCH] Add jspdf-autotable library and update export functionality --- package-lock.json | 9 +++++++++ package.json | 1 + src/components/Pages/Gangguan/Table_1.vue | 10 +++++++--- 3 files changed, 17 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 1b4d632..d0f08cc 100755 --- a/package-lock.json +++ b/package-lock.json @@ -31,6 +31,7 @@ "graphql": "^16.8.1", "graphql-tag": "^2.12.6", "jspdf": "^2.5.1", + "jspdf-autotable": "^3.8.2", "nvm": "^0.0.4", "pinia": "^2.1.3", "qs": "^6.11.2", @@ -6221,6 +6222,14 @@ "html2canvas": "^1.0.0-rc.5" } }, + "node_modules/jspdf-autotable": { + "version": "3.8.2", + "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.8.2.tgz", + "integrity": "sha512-zW1ix99/mtR4MbIni7IqvrpfHmuTaICl6iv6wqjRN86Nxtwaw/QtOeDbpXqYSzHIJK9JvgtLM283sc5x+ipkJg==", + "peerDependencies": { + "jspdf": "^2.5.1" + } + }, "node_modules/jszip": { "version": "3.10.1", "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", diff --git a/package.json b/package.json index d547729..9365670 100755 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "graphql": "^16.8.1", "graphql-tag": "^2.12.6", "jspdf": "^2.5.1", + "jspdf-autotable": "^3.8.2", "nvm": "^0.0.4", "pinia": "^2.1.3", "qs": "^6.11.2", diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue index 2e4a960..14889e7 100755 --- a/src/components/Pages/Gangguan/Table_1.vue +++ b/src/components/Pages/Gangguan/Table_1.vue @@ -215,6 +215,7 @@ import { import { computed, onMounted, ref, watch } from 'vue' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' +import autoTable from 'jspdf-autotable' import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' @@ -242,9 +243,12 @@ const onExporting = (e: any) => { exportToPdf({ jsPDFDocument: doc, component: e.component, - indent: 100 + indent:100 }).then(() => { - doc.save(`.pdf`) + + + + doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`) }) } else { const workbook = new Workbook() @@ -274,6 +278,7 @@ const GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN = gql` idUp3: $idUp3 ) { alamat_pelapor + pembuat_laporan durasi_recovery_time durasi_response_time waktu_lapor @@ -311,7 +316,6 @@ const filterData = (params: any) => { ...data.value, { ...item, - pembuat_laporan: '-', posko: item.nama_posko_baru } ]