fix: check all gangguan menu

src/components/Form/FiltersType/Type8.vue

@@ -3,13 +3,7 @@ import Select from '@/components/Select.vue'
 import DatePicker from '@/components/DatePicker.vue'
 
 import { onMounted, ref, watch } from 'vue'
-import {
-  selectedUid,
-  selectedUp3Posko,
-  fetchUid,
-  itemsUid,
-  itemsUp3,
-} from './reference'
+import { selectedUid, fetchUid, itemsUid, itemsUp3 } from './reference'
 
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
 const uppPlaceholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
@@ -38,8 +32,6 @@ const setUid = (value: any) => {
 
 const setUp3 = (value: any) => {
   uppp.value = value
-  selectedUp3Posko(value)
-  posko.value = { id: 0, name: poskoPlaceholder }
   data.value.up3 = value
 }
 
@@ -47,26 +39,26 @@ onMounted(() => {
   emit('update:filters', data.value)
   fetchUid()
 })
-
 </script>
 
 <template>
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
-    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Unit Induk Distribusi/Wilayah:</label>
+    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block"
+      >Unit Induk Distribusi/Wilayah:</label
+    >
 
-    <Select
-      @update:selected="setUid($event)"
-      :data="itemsUid"
-      :placeholder="uidPlaceholder"
-    />
+    <Select @update:selected="setUid($event)" :data="itemsUid" :placeholder="uidPlaceholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
-    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Unit Pelaksanaan Pelayanan Pelanggan:</label>
+    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block"
+      >Unit Pelaksanaan Pelayanan Pelanggan:</label
+    >
 
     <Select
       @update:selected="setUp3($event)"
       :data="itemsUp3"
+      :selected="uppp"
       :placeholder="uppPlaceholder"
     />
   </div>
@@ -74,9 +66,6 @@ onMounted(() => {
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
     <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Periode Tanggal:</label>
 
-    <DatePicker @update:date-value="(value) => {
-      data.periode = value
-    }
-      " />
+    <DatePicker @update:date-value="(value) => (data.periode = value)" />
   </div>
 </template>