Refactor GraphQL queries in Keluhan Daftar components

src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue

@@ -343,15 +343,13 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import Filters from '@/components/Form/Filters.vue'
 import Type3 from '@/components/Form/FiltersType/Type3.vue'
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
   DxColumnFixing,
   DxExport,
-  DxLoadPanel,
-  DxPager,
-  DxPaging,
+  DxLoadPanel, DxPaging,
   DxScrolling,
   DxSearchPanel,
   DxSelection
@@ -362,8 +360,8 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
+import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -421,43 +419,8 @@ const onExporting = (e: any) => {
 }
 
 const data = ref<any[]>([])
-const GET_DATA = gql`
-  query rekapitulasiKeluhanAll(
-    $dateFrom: Date!
-    $dateTo: Date!
-    $idUlp: Int!
-    $idUid: Int!
-    $idUp3: Int!
-  ) {
-    rekapitulasiKeluhanAll(
-      dateFrom: $dateFrom
-      dateTo: $dateTo
-      idUlp: $idUlp
-      idUid: $idUid
-      idUp3: $idUp3
-    ) {
-      id_ulp
-      nama_ulp
-      total
-      total_selesai
-      persen_selesai
-      total_inproses
-      persen_inproses
-      avg_durasi_response
-      min_durasi_response
-      max_durasi_response
-      total_dibawah_sla_response
-      total_diatas_sla_response
-      avg_durasi_recovery
-      min_durasi_recovery
-      max_durasi_recovery
-      total_dibawah_sla_recovery
-      total_diatas_sla_recovery
-    }
-  }
-`
 
-const { onResult, onError, loading, refetch } = useQuery(GET_DATA, {
+const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, {
   dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
   dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
   idUlp: 0,