Reset data before filtering

src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue

@@ -538,7 +538,12 @@ const onExporting = (e: any) => {
 const data = ref<any[]>([])
 const loading = ref(false)
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue

@@ -572,7 +572,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   showDetail()
 }
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue

@@ -739,7 +739,13 @@ const onExporting = (e: any) => {
   }
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
   const minJmlLapor = params.minJmlLapor ? params.minJmlLapor : 1

src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue

@@ -550,7 +550,12 @@ const onExporting = (e: any) => {
 const data = ref<any[]>([])
 const loading = ref(false)
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3, minTime, maxTime } = params
 

src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue

@@ -569,7 +569,12 @@ const onExporting = (e: any) => {
 const data = ref<any[]>([])
 const loading = ref(false)
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3, maxTime, minTime } = params
 

src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue

@@ -533,7 +533,12 @@ const onExporting = (e: any) => {
 const data = ref<any[]>([])
 const loading = ref(false)
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue

@@ -565,7 +565,12 @@ const reportMeta = ref({
   periode: ''
 })
 
+const resetData = () => {
+  data.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

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

@@ -522,7 +522,13 @@ const setDate = (value: any) => {
   }
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

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

@@ -980,7 +980,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

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

@@ -843,7 +843,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

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

@@ -846,7 +846,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

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

@@ -976,7 +976,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
   const query = {

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

@@ -238,7 +238,13 @@ const closedialogDetail = () => (dialogDetail.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params