defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add jspdf-autotable library and update export functionality

Browse Source
This commit is contained in:
Eko Haryadi
2024-02-22 10:28:55 +07:00
parent a0ccf13466
commit 9d9e60a8b5
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
package-lock.json generated
View File

@ -31,6 +31,7 @@
"graphql": "^16.8.1", "graphql": "^16.8.1",
"graphql-tag": "^2.12.6", "graphql-tag": "^2.12.6",
"jspdf": "^2.5.1", "jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.2",
"nvm": "^0.0.4", "nvm": "^0.0.4",
"pinia": "^2.1.3", "pinia": "^2.1.3",
"qs": "^6.11.2", "qs": "^6.11.2",
@ -6221,6 +6222,14 @@
"html2canvas": "^1.0.0-rc.5" "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": { "node_modules/jszip": {
"version": "3.10.1", "version": "3.10.1",
"resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",

1
package.json
View File

@ -38,6 +38,7 @@
"graphql": "^16.8.1", "graphql": "^16.8.1",
"graphql-tag": "^2.12.6", "graphql-tag": "^2.12.6",
"jspdf": "^2.5.1", "jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.2",
"nvm": "^0.0.4", "nvm": "^0.0.4",
"pinia": "^2.1.3", "pinia": "^2.1.3",
"qs": "^6.11.2", "qs": "^6.11.2",

8
src/components/Pages/Gangguan/Table_1.vue
View File

@ -215,6 +215,7 @@ import {
import { computed, onMounted, ref, watch } from 'vue' import { computed, onMounted, ref, watch } from 'vue'
import { jsPDF } from 'jspdf' import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import autoTable from 'jspdf-autotable'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
@ -244,7 +245,10 @@ const onExporting = (e: any) => {
component: e.component, component: e.component,
indent:100 indent:100
}).then(() => { }).then(() => {
doc.save(`.pdf`)
doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`)
}) })
} else { } else {
const workbook = new Workbook() const workbook = new Workbook()
@ -274,6 +278,7 @@ const GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN = gql`
idUp3: $idUp3 idUp3: $idUp3
) { ) {
alamat_pelapor alamat_pelapor
pembuat_laporan
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
waktu_lapor waktu_lapor
@ -311,7 +316,6 @@ const filterData = (params: any) => {
...data.value, ...data.value,
{ {
...item, ...item,
pembuat_laporan: '-',
posko: item.nama_posko_baru posko: item.nama_posko_baru
} }
] ]