fix: problem

src/components/Form/FiltersType/Type2.vue

@@ -5,7 +5,7 @@ import {
   selectedUid,
   selectedUp3Ulp,
   fetchRegional,
-  fetchUid,
+  selectedRegional,
   itemsUid,
   itemsUp3,
   itemsUlp,
@@ -67,11 +67,7 @@ watch(data, (value) => {
 })
 
 const setRegional = (value: any) => {
-  if (!presetUID.value) {
-    fetchUid()
-    selectedUid(value)
-  }
-
+  selectedRegional(value)
   data.value = {
     ...data.value,
     regional: value
@@ -160,7 +156,6 @@ onMounted(() => {
     })
   } else {
     fetchRegional()
-    fetchUid()
   }
 
   emit('update:filters', data.value)

src/components/Form/FiltersType/reference.ts

@@ -132,6 +132,11 @@ const fetchDataPosko = async (up3: number) => {
   }
 }
 const fetchRegional = async () => {
+  itemsUid.value = []
+  itemsUp3.value = []
+  itemsPosko.value = []
+  itemsUlp.value = []
+
   try {
     const res = await getRegional()
     itemsRegional.value = res.data.map((item: any) => ({
@@ -157,6 +162,13 @@ const formatWaktu = (durasiDetik: any): string => {
     return `${hari} - ${jam} : ${menit} : ${detik}`
   }
 }
+const selectedRegional = (value: any) => {
+  fetchUidByRegional(value.id)
+  itemsUid.value = []
+  itemsUp3.value = []
+  itemsPosko.value = []
+  itemsUlp.value = []
+}
 
 const selectedUid = (value: any) => {
   fetchDataUp3(value.id)
@@ -203,5 +215,6 @@ export {
   itemsUlp,
   months,
   years,
-  formatWaktu
+  formatWaktu,
+  selectedRegional
 }