Refactor GraphQL queries in Gangguan components

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

@@ -356,7 +356,7 @@ import { Workbook } from 'exceljs'
 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 { queries } from '@/utils/graphql'
 
 const position = { of: '#dataTable' }
 const showIndicator = ref(true)
@@ -464,37 +464,6 @@ const onExporting = (e: any) => {
   }
 }
 
-const GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN = gql`
-  query DaftarGangguan($dateFrom: Date!, $dateTo: Date!, $posko: Int, $idUid: Int, $idUp3: Int) {
-    daftarGangguanDialihkanKePoskoLain(
-      dateFrom: $dateFrom
-      dateTo: $dateTo
-      posko: $posko
-      idUid: $idUid
-      idUp3: $idUp3
-    ) {
-      alamat_pelapor
-      pembuat_laporan
-      durasi_recovery_time
-      durasi_response_time
-      waktu_lapor
-      waktu_dialihkan
-      waktu_recovery
-      waktu_response
-      idpel_nometer
-      keterangan_pelapor
-      media
-      nama_pelapor
-      no_laporan
-      no_telp_pelapor
-      nama_posko_lama
-      nama_posko_baru
-      status_akhir
-      waktu_recovery
-      waktu_response
-    }
-  }
-`
 const filterData = (params: any) => {
   const { posko, uid, up3 } = params
   const dateValue = params.periode.split(' s/d ')
@@ -522,7 +491,7 @@ const filterData = (params: any) => {
   })
 }
 const { onResult, onError, loading, refetch } = useQuery(
-  GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN,
+  queries.gangguan.daftar.dataDialihkanKePoskoLain,
   {
     dateFrom: new Date().toISOString().slice(0, 10),
     dateTo: new Date().toISOString().slice(0, 10),