Update Keluhan and Gangguan components

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

@@ -64,7 +64,7 @@
         css-class="custom-table-column"
         :group-index="0"
         name="NamaUID"
-        v-if="filters.groupBy"
+        v-if="isGroupBy"
       />
       <DxColumn
         :width="120"
@@ -836,6 +836,7 @@ const loadingData = ref(false)
 const loadingSubData = ref(false)
 const agreeToShowDialog = ref(false)
 const progressSelected = ref(0)
+const isGroupBy = ref(false)
 
 const setAgreementDialog = (status: boolean, progress: number) => {
   agreeToShowDialog.value = status
@@ -859,10 +860,18 @@ const filterData = async (params: any) => {
   }
 
   loadingData.value = true
-  await requestGraphQl(queries.keluhan.rekap.keluhanPerKelompokKeluhan, query)
+  await requestGraphQl(
+    params.groupBy
+      ? queries.keluhan.rekap.keluhanPerKelompokKeluhanUID
+      : queries.keluhan.rekap.keluhanPerKelompokKeluhan,
+    query
+  )
     .then((result) => {
+      isGroupBy.value = params.groupBy
       if (result.data.data != undefined) {
-        data.value = result.data.data.rekapitulasiKeluhanPerKelompokKeluhan
+        data.value = isGroupBy.value
+          ? result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUid
+          : result.data.data.rekapitulasiKeluhanPerKelompokKeluhan
       } else {
         data.value = []
       }
@@ -886,14 +895,14 @@ const getDetail = async () => {
     dateTo: dateValue[1]
       ? dateValue[1].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
-    idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
-    idUid: selected?.id_uid ? selected?.id_uid : 0,
-    idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
-    namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
+    idUlp: 0,
+    idUid: isGroupBy.value ? (selected?.id_uid ? selected?.id_uid : 0) : 0,
+    idUp3: 0,
+    namaRegional: '',
     isSelesai: progressSelected.value,
     media: '',
     tanggal: '',
-    namaIssuetype: '',
+    namaIssuetype: selected?.kelompok ? selected?.kelompok : '',
     namaSubissuetype: ''
   }