Update posko parameter to accept integer instead of string

src/components/Pages/Gangguan/Table_1.vue

@@ -1,20 +1,13 @@
 <template>
-  <Filters
-    @run-search="
-      () => {
-        console.log(filters)
-        filterData(filters)
-      }
-    "
-    class="mb-4"
-  >
-    <Type1
-      @update:filters="
-        (value) => {
-          filters = value
-        }
-      "
-    />
+  <Filters @run-search="() => {
+    console.log(filters)
+    filterData(filters)
+  }
+    " class="mb-4">
+    <Type1 @update:filters="(value) => {
+      filters = value
+    }
+      " />
   </Filters>
 
   <div id="dataTable">
@@ -225,8 +218,9 @@ import {
 } from 'devextreme-vue/data-grid'
 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 exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
@@ -235,7 +229,6 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
-import { fetchStatus } from '@/components/Form/FiltersType/reference'
 const position = { of: '#dataTable' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -250,15 +243,32 @@ const closeDetail = () => {
 }
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
+    const doc = new jsPDF({
+      orientation: 'landscape',
+      unit: 'mm',
+      format: 'a4',
+     
+    })
+
+    // autoTable(doc, {
+   
+    //   margin: { top: 20 }, // Adjust top margin as needed
+    //   styles: {
+    //     fontSize: 8,
+    //     overflow: 'linebreak', // Enable linebreaks to fit content
+    //   },
+    //   startY: 10, // Adjust startY position as needed
+    //   head: [['No Laporan', 'Pembuat Laporan', 'Tgl Lapor', 'Tgl Dialihkan', 'Tgl Response', 'Tgl Recovery', 'Durasi Response Time', 'Durasi Recovery Time', 'Posko Awal', 'Posko Tujuan', 'Status', 'IDPEL/NO METER', 'Nama Pelapor', 'Alamat Pelapor', 'No Telp Pelapor', 'Keterangan Pelapor', 'Sumber Lapor', 'Posko']],
+    //   body: data.value.map((item) =>
+    //     [item.no_laporan, item.pembuat_laporan, item.waktu_lapor, item.waktu_dialihkan, item.waktu_response, item.waktu_recovery, item.durasi_response_time, item.durasi_recovery_time, item.nama_posko_lama, item.nama_posko_baru, item.status_akhir, item.idpel_nometer, item.nama_pelapor, item.alamat_pelapor, item.no_telp_pelapor, item.keterangan_pelapor, item.media, item.posko])
+
+    // })
+
+
     exportToPdf({
       jsPDFDocument: doc,
       component: e.component,
-      indent:100
     }).then(() => {
-
-     
-
       doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`)
     })
   } else {