Refactor RGangguan_BerdasarMedia.vue and api.graphql.ts

src/utils/api/api.graphql.ts

@@ -13,69 +13,9 @@ const instance = axios.create({
   signal: controller.signal
 })
 
-export const getGangguanDetail = async (data: any) => {
-  // controller.abort()
+export const requestGraphQl = async (query: string, data: any) => {
   return await instance.post('', {
-    query: `query detailGangguan(
-          $dateFrom: Date!
-          $dateTo: Date!
-          $posko: Int!
-          $idUid: Int!
-          $idUp3: Int!
-          $idRegu: Int!
-          $media: String!
-          $idUlp: Int!
-          $namaRegional: String!
-        ) {
-          detailGangguan(
-            dateFrom: $dateFrom
-            dateTo: $dateTo
-            posko: $posko
-            idUid: $idUid
-            idUp3: $idUp3
-            idRegu: $idRegu
-            idUlp: $idUlp
-            namaRegional: $namaRegional
-            media: $media
-          ) {
-            id
-            nama_regional
-            id_uid
-            nama_uid
-            id_up3
-            nama_up3
-            id_ulp
-            nama_ulp
-            id_posko
-            nama_posko
-            no_laporan
-            pembuat_laporan
-            waktu_lapor
-            waktu_response
-            waktu_recovery
-            durasi_dispatch_time
-            durasi_response_time
-            durasi_recovery_time
-            status_akhir
-            is_marking
-            referensi_marking
-            idpel_nometer
-            nama_pelapor
-            alamat_pelapor
-            no_telp_pelapor
-            keterangan_pelapor
-            media
-            nama_posko
-            jarak_closing
-            dispatch_oleh
-            diselesaikan_oleh
-            penyebab
-            tindakan
-            kode_gangguan
-            jenis_gangguan
-            nilai_rating
-          }
-        }`,
+    query: query,
     variables: data
   })
 }
@@ -1365,6 +1305,61 @@ export const queries = {
           }
         }
       `,
+      berdasarkanMediaDetail: gql`
+        query detailRekapitulasiGangguanBerdasarkanMedia(
+          $tanggal: Date!
+          $posko: Int!
+          $idUid: Int!
+          $idUp3: Int!
+          $namaRegional: String!
+          $media: String!
+        ) {
+          detailRekapitulasiGangguanBerdasarkanMedia(
+            tanggal: $tanggal
+            posko: $posko
+            idUid: $idUid
+            idUp3: $idUp3
+            namaRegional: $namaRegional
+            media: $media
+          ) {
+            alamat_pelapor
+            diselesaikan_oleh
+            dispatch_oleh
+            durasi_dispatch_time
+            durasi_recovery_time
+            durasi_response_time
+            id
+            id_posko
+            id_uid
+            id_ulp
+            id_up3
+            idpel_nometer
+            is_marking
+            jarak_closing
+            jenis_gangguan
+            keterangan_pelapor
+            kode_gangguan
+            media
+            nama_pelapor
+            nama_posko
+            nama_regional
+            nama_uid
+            nama_ulp
+            nama_up3
+            nilai_rating
+            no_laporan
+            no_telp_pelapor
+            pembuat_laporan
+            penyebab
+            referensi_marking
+            status_akhir
+            tindakan
+            waktu_lapor
+            waktu_recovery
+            waktu_response
+          }
+        }
+      `,
       berdasarkanMedia: gql`
         query rekapitulasiGangguanBerdasarkanMedia(
           $dateFrom: Date!
@@ -1475,6 +1470,8 @@ export const queries = {
           $media: String!
           $idUlp: Int!
           $namaRegional: String!
+          $isSelesai: Int!
+          $tanggal: String
         ) {
           detailGangguan(
             dateFrom: $dateFrom
@@ -1486,6 +1483,8 @@ export const queries = {
             idUlp: $idUlp
             namaRegional: $namaRegional
             media: $media
+            isSelesai: $isSelesai
+            tanggal: $tanggal
           ) {
             id
             nama_regional