Merge branch 'dev-bagus' of https://github.com/defuj/eis into dev-defuj

src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue

@@ -308,13 +308,13 @@ import {
   DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
-import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
+import autoTable from 'jspdf-autotable'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -338,18 +338,54 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
-
-    exportToPdf({
-      jsPDFDocument: doc,
-      component: e.component,
-      indent: 5
-    }).then(() => {
-      doc.save(`.pdf`)
+    const doc = new jsPDF({
+      orientation: 'landscape'
     })
+
+    autoTable(doc, {
+      head: [
+        [
+          'No Laporan',
+          'Nama Pelapor',
+          'Alamat Pelapor',
+          'No Telp Pelapor',
+          'Keterangan Pelapor',
+          'Status',
+          'Tgl Lapor',
+          'Tgl Response',
+          'Tgl Recovery',
+          'Response Time',
+          'Recovery Time',
+          'Sumber Lapor',
+          'Tgl Media',
+          'Keterangan Media'
+        ]
+      ],
+      body: data.value.map((item) => [
+        item.no_laporan,
+        item.nama_pelapor,
+        item.alamat_pelapor,
+        item.no_telp_pelapor,
+        item.keterangan_pelapor,
+        item.status_akhir,
+        item.waktu_lapor,
+        item.waktu_response,
+        item.waktu_recovery,
+        parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
+        parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
+        item.media,
+        item.waktu_media,
+        item.keterangan_media
+      ]),
+      styles: {
+        fontSize: 4
+      }
+    })
+
+    doc.save('Daftar Keluhan Berdasarkan Media.pdf')
   } else {
     const workbook = new Workbook()
-    const worksheet = workbook.addWorksheet('Employees')
+    const worksheet = workbook.addWorksheet('Daftar Keluhan Berdasarkan Media')
 
     exportToExcel({
       component: e.component,
@@ -357,7 +393,10 @@ const onExporting = (e: any) => {
       autoFilterEnabled: true
     }).then(() => {
       workbook.xlsx.writeBuffer().then((buffer: any) => {
-        saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
+        saveAs(
+          new Blob([buffer], { type: 'application/octet-stream' }),
+          'Daftar Keluhan Berdasarkan Media.xlsx'
+        )
       })
     })