From 704cf747202d9fe88acba474541060f19369228d Mon Sep 17 00:00:00 2001
From: probdg <ekoharyadi416@gmail.com>
Date: Fri, 9 Feb 2024 19:54:20 +0700
Subject: [PATCH] Refactor filterData function in Table_1.vue

---
 src/components/Pages/Gangguan/Table_1.vue | 69 +++++++++++------------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue
index 1e0c0df..42788a6 100644
--- a/src/components/Pages/Gangguan/Table_1.vue
+++ b/src/components/Pages/Gangguan/Table_1.vue
@@ -1,5 +1,5 @@
 <template>
-  <Filters @run-search="() => console.log(filters)" class="mb-4">
+  <Filters @run-search="() =>filterData(filters)" class="mb-4">
     <Type1
       @update:filters="
         (value) => {
@@ -330,6 +330,38 @@ const GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN = gql`
     }
   }
 `
+const filterData = (data :any)=>{
+  const dateValue = data.periode.split(' s/d ')
+  const posko = data.posko ? data.posko.id : ''
+  const uid = data.uid ? data.uid.id : 0
+  const up3 = data.up3 ? data.up3.id : 0
+  refetch({
+    dateFrom: dateValue[0].split('-').reverse().join('-'),
+    dateTo: dateValue[1].split('-').reverse().join('-'),
+    posko: posko,
+    idUid: uid,
+    idUp3: up3
+  })
+  onResult((queryResult) => {
+    if (queryResult.data != undefined) {
+      queryResult.data.daftarGangguanDialihkanKePoskoLain.forEach((item: any) => {
+        data.value = [
+          ...data.value,
+          {
+            ...item,
+            pembuat_laporan: '-'
+          }
+        ]
+      })
+    }
+    console.log(queryResult.data)
+    console.log(queryResult.loading)
+    console.log(queryResult.networkStatus)
+  })
+  onError((error) => {
+    console.log(error)
+  })
+}
 const { onResult, onError, loading, refetch } = useQuery(
   GET_GANGGUAN_DATA_DI_ALIHAN_KE_POSKO_LAIN,
   {
@@ -340,40 +372,7 @@ const { onResult, onError, loading, refetch } = useQuery(
     idUp3: 0
   }
 )
-// const reportButton = useSearchStore()
-// const detected = computed(() => reportButton.isTriggerChange)
-// watch(detected, () => {
-//   const dateValue = useDateStore().getDateValue().split(' s/d ')
-//   const posko = usePostsStore().getData() ? usePostsStore().getData() : ''
-//   const up3 = useUp3Store().getData() ? useUp3Store().getData() : 0
-//   const uid = useRegionStore().getData() ? useRegionStore().getData() : 0
-//   refetch({
-//     dateFrom: dateValue[0].split('-').reverse().join('-'),
-//     dateTo: dateValue[1].split('-').reverse().join('-'),
-//     posko: posko,
-//     idUid: uid,
-//     idUp3: up3
-//   })
-//   onResult((queryResult) => {
-//     if (queryResult.data != undefined) {
-//       queryResult.data.daftarGangguanDialihkanKePoskoLain.forEach((item: any) => {
-//         data.value = [
-//           ...data.value,
-//           {
-//             ...item,
-//             pembuat_laporan: '-'
-//           }
-//         ]
-//       })
-//     }
-//     console.log(queryResult.data)
-//     console.log(queryResult.loading)
-//     console.log(queryResult.networkStatus)
-//   })
-//   onError((error) => {
-//     console.log(error)
-//   })
-// })
+
 const onSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataDetail.value = data