fix error

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

@@ -85,10 +85,10 @@ 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/apoll o-composable'
+import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
-import { dummyData } from "@/ut  "
-import { formatNumber, isNumber } from '@/utils /numbers'
+import { dummyData } from '@/utils/dummy'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -169,5 +169,4 @@ const filters = ref()
 onMounted(() => {
   data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko
 })
-</script>
-@/utils/api/graphql
+</script>

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

@@ -91,12 +91,14 @@ import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
-import { formatPercentage, isNumber } from '@/utils/numbers'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
-const showIndicator =  
-const shading = ref(true)  wPane = ref(true)
-const onExpo rting = (e: any) => {
+const showIndicator = ref(true)
+const shading = ref(true)
+const showPane = ref(true)
+const onExporting = (e: any) => {
   if (e.format === 'pdf') {
     const doc = new jsPDF()
 
@@ -172,5 +174,4 @@ const filters = ref()
 onMounted(() => {
   data.value = dummyData.gangguan.rekap.rekapitulasiGangguanBerdasarkanMedia
 })
-</script>
-@/utils/api/graphql
+</script>

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

@@ -143,5 +143,4 @@ const filterData = (params: any) => {
   })
 }
 const filters = ref()
-</script>
-@/utils/api/graphql
+</script>

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>

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

@@ -172,6 +172,9 @@ 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-saver'
+import { Workbook } from 'exceljs'
+import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
@@ -344,4 +347,3 @@ onMounted(() => {
   )
 })
 </script>
-@/utils/api/graphql

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

@@ -124,6 +124,7 @@ import {
   DxSearchPanel,
   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'
@@ -132,16 +133,16 @@ import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
-import { formatNumber, formatPercentage, isNumber } from '@/utils/n umbers'
-const position = { of: '#dat a' }
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
+const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
 
-cons  ing = (e: any) => {
-  if (  == 'pdf') {
-    const doc = ne w jsPDF()
+const onExporting = (e: any) => {
+  if (e.format === 'pdf') {
+    const doc = new jsPDF()
 
     exportToPdf({
       jsPDFDocument: doc,
@@ -212,4 +213,3 @@ onMounted(() => {
   data.value = dummyData.gangguan.rekap.rekapitulasiJenisGangguanSE004
 })
 </script>
-@/utils/api/graphql

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

@@ -147,5 +147,4 @@ const filterData = (params: any) => {
   })
 }
 const filters = ref()
-</script>
-@/utils/api/graphql
+</script>

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

@@ -205,12 +205,11 @@ 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/apo llo-composable'
-import { queries } from f
+import { Workbook } from 'exceljs'
+import { useQuery } from '@vue/apollo-composable'
+import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
-import { formatNumber, isNumber } from '@  bers'
-om '@/utils/api/api.graphql'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -372,4 +371,3 @@ onMounted(() => {
   })
 })
 </script>
-@/utils/api/graphql

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

@@ -374,5 +374,4 @@ onMounted(() => {
     }
   })
 })
-</script>
-@/utils/api/graphql
+</script>

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

@@ -211,5 +211,4 @@ const filters = ref({ groupBy: false })
 onMounted(() => {
   data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal
 })
-</script>
-@/utils/api/graphql
+</script>

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

@@ -195,5 +195,4 @@ const filterData = (params: any) => {
   })
 }
 const filters = ref()
-</script>
-@/utils/api/graphql
+</script>

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

@@ -161,5 +161,4 @@ const filterData = (params: any) => {
   })
 }
 const filters = ref()
-</script>
-@/utils/api/graphql
+</script>