Add jspdf-autotable library and update export functionality

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",

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",

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'
@@ -244,7 +245,10 @@ const onExporting = (e: any) => {
       component: e.component,
       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
           }
         ]