update Table_27.vue component

src/components/Pages/Keluhan/Table_27.vue

@@ -71,21 +71,21 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="nama_uid"
         caption="UI Dist."
         css-class="custom-table-column"
       />
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="nama_ulp"
         caption="ULP"
         css-class="custom-table-column"
       />
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="idpel_nometer"
         caption="IDPEL/NO METER"
         css-class="custom-table-column"
       />
@@ -122,7 +122,7 @@
       <DxColumn
         :width="150"
         alignment="center"
-        data-field=""
+        data-field="status_akhir"
         caption="APKT Status"
         css-class="custom-table-column"
       />
@@ -157,14 +157,14 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="nama_issuetype"
         caption="Issue Type"
         css-class="custom-table-column"
       />
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="nama_subissuetype"
         caption="Sub Issue Type"
         css-class="custom-table-column"
       />
@@ -250,19 +250,18 @@ const GET_DATA = gql`
       idUp3: $idUp3
     ) {
       alamat_pelapor
-      durasi_recovery_time
-      durasi_response_time
-      id_keluhan
       idpel_nometer
       keterangan_pelapor
       media
+      nama_uid
+      nama_ulp
       nama_pelapor
       no_laporan
+      nama_issuetype
+      nama_subissuetype
       no_telp_pelapor
-      idUlp
       status_akhir
       waktu_recovery
-      waktu_response
     }
   }
 `
@@ -272,8 +271,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DATA, {
   dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
   idUlp: 0,
   idUid: 0,
-  idUp3: 0,
-  media: 'Twitter'
+  idUp3: 0
 })
 const filters = ref()
 
@@ -290,8 +288,7 @@ const filterData = (params: any) => {
       : new Date().toISOString().slice(0, 10),
     idUlp: idUlp ? idUlp.id : 0,
     idUid: uid ? uid.id : 0,
-    idUp3: up3 ? up3.id : 0,
-    media: media
+    idUp3: up3 ? up3.id : 0
   })
 
   onResult((queryResult) => {