Fix filter update in Keluhan and Gangguan components

src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type16 @update:filters="(value) => (filters = value)" />
+    <Type16 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">

src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="dataTable">
@@ -365,9 +365,7 @@ const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
@@ -503,10 +501,7 @@ const { onResult, onError, loading, refetch } = useQuery(
 const onSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataDetail.value = data
-  console.log(data)
-}
-const showData = () => {
-  showDetail.value = true
 }
+const showData = () => showDetail.value = true
 const filters = ref()
 </script>

src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">

src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type6 @update:filters="(value) => (filters = value)" />
+    <Type6 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -324,13 +324,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataDetail.value = data
 }
 
-const showData = () => {
-  showDetail.value = true
-}
+const showData = () => showDetail.value = true
 
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.melaporLebihDariSatuKali, {
   minJmlLapor: 1,

src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue

@@ -1,7 +1,7 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
     <Type7
-      @update:filters="(value) => (filters = value)"
+      @update:filters="(value) => filters = value"
       :sla-options="[
         {
           id: 1,

src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type7 @update:filters="(value) => (filters = value)" />
+    <Type7 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -329,13 +329,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataDetail.value = data
 }
 
-const showData = () => {
-  showDetail.value = true
-}
+const showData = () => showDetail.value = true
 
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const filterData = (params: any) => {
   const { minTime, maxTime, posko, uid, up3 } = params

src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">