fix error

src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue

@@ -180,86 +180,85 @@ import {
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
-import { saveAs } from 'file-save r'
-import { Workbook } from 'exceljs '
-import { useQuery } from '@vue/apo llo-composable'
+import { saveAs } from 'file-saver'
+import { Workbook } from 'exceljs'
+import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
-const position = {
-  of: '#data  showIndicator = ref(true)
-  ing = ref(true)
+const position = { of: '#data' }
+const showIndicator = ref(true)
+const shading = ref(true)
 const showPane = ref(true)
 const onExporting = (e: any) => {
-    if (e.format === 'pdf') {
-      const doc = new jsPDF()
+  if (e.format === 'pdf') {
+    const doc = new jsPDF()
 
-      exportToPdf({
-        jsPDFDocument: doc,
-        component: e.component,
-        indent: 5
-      }).then(() => {
-        doc.save(`.pdf`)
+    exportToPdf({
+      jsPDFDocument: doc,
+      component: e.component,
+      indent: 5
+    }).then(() => {
+      doc.save(`.pdf`)
+    })
+  } else {
+    const workbook = new Workbook()
+    const worksheet = workbook.addWorksheet('Employees')
+
+    exportToExcel({
+      component: e.component,
+      worksheet,
+      autoFilterEnabled: true
+    }).then(() => {
+      workbook.xlsx.writeBuffer().then((buffer: any) => {
+        saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
       })
-    } else {
-      const workbook = new Workbook()
-      const worksheet = workbook.addWorksheet('Employees')
+    })
 
-      exportToExcel({
-        component: e.component,
-        worksheet,
-        autoFilterEnabled: true
-      }).then(() => {
-        workbook.xlsx.writeBuffer().then((buffer: any) => {
-          saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
-        })
-      })
-
-      e.cancel = true
-    }
+    e.cancel = true
   }
+}
 
 const onSelectionChanged = ({ selectedRowsData }: any) => {
-    const data = selectedRowsData[0]
-    console.log(data)
-  }
+  const data = selectedRowsData[0]
+  console.log(data)
+}
 const data = ref<any[]>([])
 const { onResult, onError, loading, refetch } = useQuery(
-    queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT,
-    {
-      dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
-      dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
-      posko: 0,
-      idUid: 0,
-      idUp3: 0
-    }
-  )
-const filterData = (params: any) => {
-    const dateValue = params.periode.split(' s/d ')
-    const { posko, uid, up3 } = params
-    refetch({
-      dateFrom: dateValue[0]
-        ? dateValue[0].split('-').reverse().join('-')
-        : new Date().toISOString().slice(0, 10),
-      dateTo: dateValue[1]
-        ? dateValue[1].split('-').reverse().join('-')
-        : new Date().toISOString().slice(0, 10),
-      posko: posko ? posko.id : 0,
-      idUid: uid ? uid.id : 0,
-      idUp3: up3 ? up3.id : 0
-    })
-    const filters = useFiltersStore()
-
-    onResult((queryResult) => {
-      if (queryResult.data != undefined) {
-        data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT
-      }
-      console.log(queryResult.data)
-      console.log(queryResult.loading)
-      console.log(queryResult.networkStatus)
-    })
-    onError((error) => {
-      console.log(error)
-    })
+  queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT,
+  {
+    dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+    dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+    posko: 0,
+    idUid: 0,
+    idUp3: 0
   }
+)
+const filterData = (params: any) => {
+  const dateValue = params.periode.split(' s/d ')
+  const { posko, uid, up3 } = params
+  refetch({
+    dateFrom: dateValue[0]
+      ? dateValue[0].split('-').reverse().join('-')
+      : new Date().toISOString().slice(0, 10),
+    dateTo: dateValue[1]
+      ? dateValue[1].split('-').reverse().join('-')
+      : new Date().toISOString().slice(0, 10),
+    posko: posko ? posko.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0
+  })
+  const filters = useFiltersStore()
+
+  onResult((queryResult) => {
+    if (queryResult.data != undefined) {
+      data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT
+    }
+    console.log(queryResult.data)
+    console.log(queryResult.loading)
+    console.log(queryResult.networkStatus)
+  })
+  onError((error) => {
+    console.log(error)
+  })
+}
 const filters = ref()
-</script>
-@/utils/api/graphql
+</script>