Refactor data sorting and add number field to tables

src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue

@@ -797,6 +797,7 @@ const loadingSubData = ref(false)
 const getDetail = () => {
   loadingSubData.value = true
   const dateValue = filters.value.periode.split(' s/d ')
+  const { posko, uid, up3 } = filters.value
   const ref = dataSelected.value
 
   const query = {
@@ -806,19 +807,22 @@ const getDetail = () => {
     dateTo: dateValue[1]
       ? dateValue[1].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
-    posko: ref.id_posko,
-    idUid: ref.id_uid,
-    idUp3: ref.id_up3
+    posko: posko ? posko.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
+    idRegu: ref.id_regu
   }
 
   const { onResult, onError, loading, refetch } = useQuery(
-    queries.gangguan.rekap.gangguanAllDetail,
+    queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail,
     query
   )
 
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      dataSub.value = queryResult.data.detailGangguan
+      console.log(queryResult.data.detailGangguanDiselesaikanMobileApkt)
+
+      dataSub.value = queryResult.data.detailGangguanDiselesaikanMobileApkt
     }
   })
 
@@ -880,15 +884,14 @@ const onExporting = (e: any) => {
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSelected.value = selectedRowsData[0]
+    showDetail()
   }
-  showDetail()
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSubSelected.value = selectedRowsData[0]
   }
-  console.log(data)
 }
 
 const filterData = (params: any) => {