change file name and directory network.ts n graphql

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue

@@ -77,7 +77,7 @@ 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/graphql'
+import { queries } from '@/utils/api/api.graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -156,3 +156,4 @@ const filterData = (params: any) => {
 }
 const filters = ref()
 </script>
+@/utils/api/graphql

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue

@@ -61,9 +61,8 @@ 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/graphql'
+import { queries } from '@/utils/api/api.graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -84,17 +83,17 @@ const onExporting = (e: any) => {
       doc.save(`.pdf`)
     })
   } else {
-    const workbook = new Workbook()
+    const workbook = new Wor kbook()
     const worksheet = workbook.addWorksheet('Employees')
 
     exportToExcel({
       component: e.component,
-      worksheet,
-      autoFilterEnabled: true
+      et,
+      autoFilterEnable
     }).then(() => {
-      workbook.xlsx.writeBuffer().then((buffer: any) => {
-        saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
-      })
+      workbo ok.xlsx.writeBuffer().then((buffer: any) => {
+      saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
+    })
     })
 
     e.cancel = true
@@ -142,3 +141,4 @@ const filterData = (params: any) => {
 }
 const filters = ref()
 </script>
+@/utils/api/graphql

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue

@@ -69,13 +69,13 @@ 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/graphql'
+import { queries } from '@/utils/api/api.graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
-const shading = ref(true)
+co nst shading = ref(true)
 const showPane = ref(true)
-const dataDetail = ref<any>()
-const showDetail = ref(false)
+con st dataDetail = ref<any>()
+const showDetail = ref(fals e)
 const data = ref<any[]>([])
 
 const onExporting = (e: any) => {
@@ -95,53 +95,51 @@ const onExporting = (e: any) => {
 
     exportToExcel({
       component: e.component,
-      worksheet,
-      autoFilterEnabled: true
+      workshe    autoFilterEnabled: true
     }).then(() => {
-      workbook.xlsx.writeBuffer().then((buffer: any) => {
-        saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
-      })
-    })
+      book.x  eBuffer().then((buffer: any) => {
+        saveAs(new Blob([bu   type: 'application/octet-stream' }), 'DataGrid.       }  
 
-    e.cancel = true
-  }
-}
-
-const onSelectionChanged = ({ selectedRowsData }: any) => {
-  const data = selectedRowsData[0]
-  console.log(data)
-}
-
-const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif, {
-  regional: '',
-  idUlp: 0,
-  idUid: 0,
-  idUp3: 0,
-  bulan: 10,
-  tahun: 2023
-})
-const filterData = (params: any) => {
-  const { regional, ulp, uid, up3, bulan, tahun } = params
-
-  refetch({
-    regional: regional,
-    idUlp: ulp ? ulp.id : 0,
-    idUid: uid ? uid.id : 0,
-    idUp3: up3 ? up3.id : 0,
-    bulan: bulan ? bulan.id : 10,
-    tahun: bulan ? tahun.id : 2023
-  })
-  onResult((queryResult) => {
-    if (queryResult.data != undefined) {
-      data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
+      e.cancel = true
     }
-    console.log(queryResult.data)
-    console.log(queryResult.loading)
-    console.log(queryResult.networkStatus)
-  })
-  onError((error) => {
-    console.log(error)
-  })
 }
-const filters = ref()
+
+  const onSelectionChanged = ({ selectedRowsData }: any) => {
+    const data = selectedRowsData[0]
+    console.log(data)
+  }
+
+  const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif, {
+    regional: '',
+    idUlp: 0,
+    idUid: 0,
+    idUp3: 0,
+    bulan: 10,
+    tahun: 2023
+  })
+  const filterData = (params: any) => {
+    const { regional, ulp, uid, up3, bulan, tahun } = params
+
+    refetch({
+      regional: regional,
+      idUlp: ulp ? ulp.id : 0,
+      idUid: uid ? uid.id : 0,
+      idUp3: up3 ? up3.id : 0,
+      bulan: bulan ? bulan.id : 10,
+      tahun: bulan ? tahun.id : 2023
+    })
+    onResult((queryResult) => {
+      if (queryResult.data != undefined) {
+        data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
+      }
+      console.log(queryResult.data)
+      console.log(queryResult.loading)
+      console.log(queryResult.networkStatus)
+    })
+    onError((error) => {
+      console.log(error)
+    })
+  }
+  const filters = ref()
 </script>
+@/utils/api/graphql

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue

@@ -105,12 +105,12 @@ import {
 } 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 { exportDataGrid as exportToExcel } from 'devextreme/ex cel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import { getMonthName } from '@/utils/texts'
-import { queries } from '@/utils/graphql'
+import { queries } from '@/utils/api/api.graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -191,3 +191,4 @@ const filterData = (params: any) => {
 }
 const filters = ref()
 </script>
+@/utils/api/graphql