Fix dataSelected initialization in RGangguan_ALL.vue

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

@@ -1019,7 +1019,7 @@ const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
 const dataSub = ref<any[]>([])
-const dataSelected = ref<any>()
+const dataSelected = ref<any>(null)
 const dataSubSelected = ref<any>()
 const dialogDataSelected = ref(false)
 const closeDialogDataSelected = () => (dialogDataSelected.value = false)
@@ -1067,24 +1067,32 @@ const filterData = (params: any) => {
 }
 
 const getDetail = () => {
-  const { posko, uid, up3 } = filters.value
   const dateValue = filters.value.periode.split(' s/d ')
+  const ref = dataSelected.value
+  console.table(ref)
+  console.log(ref.id_posko)
+  console.log(ref.id_uid)
+  console.log(ref.id_up3)
+
+  const query = {
+    dateFrom: dateValue[0]
+      ? dateValue[0].split('-').reverse().join('-')
+      : new Date().toISOString().slice(0, 10),
+    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
+  }
 
   const { onResult, onError, loading, refetch } = useQuery(
     queries.gangguan.rekap.gangguanAllDetail,
-    {
+    query
-      dateFrom: dateValue[0]
-        ? dateValue[0].split('-').reverse().join('-')
-        : new Date().toISOString().slice(0, 10),
-      dateTo: dateValue[1]
-        ? dateValue[1].split('-').reverse().join('-')
-        : new Date().toISOString().slice(0, 10),
-      posko: posko ? posko.id : 0,
-      idUid: uid ? uid.id : 0,
-      idUp3: up3 ? up3.id : 0
-    }
   )
 
+  refetch(query)
+
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
       dataSub.value = queryResult.data.detailGangguan
@@ -1095,14 +1103,17 @@ const getDetail = () => {
     console.log(error)
   })
 
+  loadingSubData.value = loading.value
   watch(loading, (value) => {
     loadingSubData.value = value
   })
 }
 
 const showDialogDataSelected = () => {
-  dialogDataSelected.value = true
+  if (dataSelected.value != null) {
-  getDetail()
+    dialogDataSelected.value = true
+    getDetail()
+  }
 }
 
 const onExporting = (e: any) => {
@@ -1137,13 +1148,12 @@ const onExporting = (e: any) => {
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataSelected.value = data
-  console.log(data)
+  showDialogDataSelected()
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataSubSelected.value = data
-  console.log(data)
 }
 
 const filters = ref()