change file name and directory network.ts n graphql

src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue

@@ -85,7 +85,6 @@ import {
   DxSelection
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
 import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
@@ -94,7 +93,7 @@ const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
 
-const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.berdasarkanMedia, {
+const { onResult, onErr or, loading, refetch } = useQuery(qu eries.gangguan.daftar.berdasarkanMedia, {
   dateFrom: new Date().toISOString().slice(0, 10),
   dateTo: new Date().toISOString().slice(0, 10),
   posko: 0,
@@ -136,3 +135,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue

@@ -196,14 +196,14 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { onMounted, ref } from 'vue'
 import { jsPDF } from 'jspdf'
 import autoTable from 'jspdf-autotable'
-import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
+import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
+impo rt { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 
 const position = { of: '#dataTable' }
 const showIndicator = ref(true)
@@ -355,3 +355,4 @@ onMounted(() => {
     data.value = dummyData.gangguan.daftar.dialihkanKePoskoLain
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue

@@ -85,17 +85,16 @@ import {
   DxSelection
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
 import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
 const showPane = ref(true)
-const data = ref<any[]>([])
+const data = ref < a ny[]> ([])
 
 const { onResult, onError, loading, refetch } = useQuery(
-  queries.gangguan.daftar.diselesaikanMobileAPKT,
+  q ueries.gangguan.daftar.diselesaikanMobileAPKT,
   {
     dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
     dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
@@ -138,3 +137,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue

@@ -179,7 +179,7 @@ import {
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
+import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
 import { formatNumber, isNumber } from '@/utils/numbers'
 
@@ -244,3 +244,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.melaporLebihDariSatuKali
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue

@@ -192,11 +192,11 @@ import {
   DxSelection
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
+import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
-const showIndicator = ref(true)
+cons t showIndicator = ref(true)
 const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
@@ -213,33 +213,31 @@ const showData = () => showDetail.value = true
 const closeDetail = () => showDetail.value = false
 
 const filterData = (params: any) => {
-  const { minTime, maxTime, posko, uid, up3 } = params
-  console.table(params);
-
+  const { minT   maxTime, posko, uid, up3 } = params
+  console.t(param  
   const dateValue = params.periode.split(' s/d ')
-  refetch({
-    dateFrom: dateValue[0]
-      ? dateValue[0].split('-').reverse().join('-')
-      : new Date().toISOString().slice(0, 10),
-    dateTo: dateValue[1]
-      ? dateValue[1].split('-').reverse().join('-')
+  refetch(dateFrom: dateValue[0]
+    ? dateValue[0].sp  '-').r  se().join('-')
       : new Date().toISOString().slice(0, 10),
+  dateTo: dateValue[1]
+    ? dateValue[1].split('-').reverse().join('-')
+    : new Date().toISOString().slice(0, 10),
     minDurasiRecoveryTime: minTime ? minTime : 0,
-    maxDurasiRecoveryTime: maxTime ? maxTime : 1,
-    posko: posko ? posko.id : 0,
-    idUid: uid ? uid.id : 0,
-    idUp3: up3 ? up3.id : 0
-  })
-  onResult((queryResult) => {
-    if (queryResult.data != undefined) {
-      data.value = queryResult.data.daftarGangguanRecoveryTime
-    }
-    console.log(queryResult.loading)
-    console.log(queryResult.networkStatus)
-  })
-  onError((error) => {
-    console.log(error)
+      maxDurasiRecoveryTime: maxTime ? maxTime : 1,
+        posko: posko ? posko.id : 0,
+          idUid: uid ? uid.id : 0,
+            idUp3: up3 ? up3.id : 0
   })
+onResult((queryResult) => {
+  if (queryResult.data != undefined) {
+    data.value = queryResult.data.daftarGangguanRecoveryTime
+  }
+  console.log(queryResult.loading)
+  console.log(queryResult.networkStatus)
+})
+onError((error) => {
+  console.log(error)
+})
 }
 
 
@@ -258,3 +256,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.gangguanRecoveryTime
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue

@@ -178,18 +178,18 @@ import {
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
+import { queries } from '@/utils/api/api.graphql'
 import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
-const showIndicator = ref(true)
+cons t showIndicator = ref(true)
 const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>({})
 const showDetail = ref(false)
 
-const onSelectionChanged = ({ selectedRowsData }: any) => {
+const onSelectionChanged = ({ selected RowsData }: any) => {
   const data = selectedRowsData[0]
   dataDetail.value = data
 }
@@ -203,27 +203,27 @@ const filterData = (params: any) => {
   const dateValue = params.periode.split(' s/d ')
   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),
-    minDurasiResponseTime: minTime ? minTime : 0,
+      ? dateVa  0].split('-').reverse().join('-')
+      : new Da.toISO  ng().slice(0, 10),
+  dateTo: dateValue[1]
+    ? dateValue  split('-').reverse().join('-')
+      : new Date(ISOStr).slice(0, 10),
+  minDurasiResponseTime: minTime ? minTime : 0,
     maxDurasiResponseTime: maxTime ? maxTime : 1,
-    posko: posko ? posko.id : 0,
-    idUid: uid ? uid.id : 0,
-    idUp3: up3 ? up3.id : 0
-  })
-  onResult((queryResult) => {
-    if (queryResult.data != undefined) {
-      data.value = queryResult.data.daftarGangguanResponseTime
-    }
-    console.log(queryResult.loading)
-    console.log(queryResult.networkStatus)
-  })
-  onError((error) => {
-    console.log(error)
+      posko: posko ? posko.id : 0,
+        idUid: uid ? uid.id : 0,
+          idUp3: up3 ? up3.id : 0
   })
+onResult((queryResult) => {
+  if (queryResult.data != undefined) {
+    data.value = queryResult.data.daftarGangguanResponseTime
+  }
+  console.log(queryResult.loading)
+  console.log(queryResult.networkStatus)
+})
+onError((error) => {
+  console.log(error)
+})
 }
 
 const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.responseTime, {
@@ -241,3 +241,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.gangguanResponseTime
 })
 </script>
+@/utils/api/graphql

src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue

@@ -70,13 +70,14 @@
 </template>
 
 <script setup lang="ts">
-import Filters from '@/components/Form/Filters.vue'
-import Type1 from '@/components/Form/FiltersType/Type1.vue'
-import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { onMounted, ref } from 'vue'
-import { DxDataGrid } from 'devextreme-vue'
-import {
-  DxColumn,
+import Filters from '@/components/Form/Filters.vue';
+import { useQuery } from '@vue/apollo-composable';
+import { queries } from '@/utils/api/api.graphql';
+import { dummyData } from '@/utils/dummy';
+i  t     from '@    nents/Form/FiltersType/Type1.vue'
+m / F  rs    eferenc    ort { onMounted, ref } from 'vue    rt { DxDataG    from 'devextreme - vue'
+impo
+xColumn,
   DxExport,
   DxLoadPanel,
   DxPager,
@@ -84,9 +85,6 @@ import {
   DxSearchPanel,
   DxSelection
 } from 'devextreme-vue/data-grid'
-import { useQuery } from '@vue/apollo-composable'
-import { queries } from '@/utils/graphql'
-import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -102,7 +100,7 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
   idUp3: 0
 })
 
-const filterData = (params: any) => {
+c onst filterData = (params: any) => {
   const { posko, uid, up3 } = params
   const dateValue = params.periode.split(' s/d ')
   refetch({
@@ -116,14 +114,14 @@ const filterData = (params: any) => {
     idUid: uid ? uid.id : 0,
     idUp3: up3 ? up3.id : 0
   })
-  onResult((queryResult) => {
+  onResult((queryRe) => {
     if (queryResult.data != undefined) {
-      data.value = queryResult.data.daftarGangguanSelesaiTanpaIdPelanggan
-    }
-    console.log(queryResult.data)
-    console.log(queryResult.loading)
-    console.log(queryResult.networkStatus)
-  })
+      data.value = quer  ult.data.daftarGangguanSelesaiTanpaIdPelanggan
+   
+    c  le.log(queryResult.data)
+      console.log(queryResult.loading)
+      console.log(queryResult.networkStatus)
+    })
   onError((error) => {
     console.log(error)
   })
@@ -134,3 +132,4 @@ onMounted(() => {
   data.value = dummyData.gangguan.daftar.daftarGangguanSelesaiTanpaIdPelanggan
 })
 </script>
+@/utils/api/graphql