Merge branch 'dev-bagus' of https://gitea.callysta-engineering.com/APKT/eis into dev-eko-vm

src/components/Form/FiltersType/Type1.vue

@@ -1,23 +1,16 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
+import Select from '@/components/Select.vue'
+import DatePicker from '@/components/DatePicker.vue'
 import {
   selectedUid,
   selectedUp3Posko,
   selectedPosko,
-  fetchUid,
   itemsUid,
   itemsUp3,
-  itemsPosko
+  itemsPosko,
+  fetchUid
 } from './reference'
-
-const props = defineProps({
-  runReset: {
-    type: Boolean,
-    required: true
-  }
-});
-import Select from '@/components/Select.vue'
-import DatePicker from '@/components/DatePicker.vue'
+import { onMounted, ref, watch } from 'vue'
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
 const up3laceholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
 const poskoPlaceholder = 'Semua Posko'
@@ -55,23 +48,10 @@ const setPosko = (value: any) => {
   selectedPosko(value)
   data.value.posko = value
 }
-watch(() => props.runReset, (value) => {
-  if (value) {
-    uid.value = { id: 0, name: uidPlaceholder }
-    up3.value = { id: 0, name: up3laceholder }
-    posko.value = { id: 0, name: poskoPlaceholder }
-    data.value.periode = ''
-    data.value = {
-      uid: uid.value,
-      up3: up3.value,
-      posko: posko.value,
-      periode: ''
-    }
-  }
-})
+
 onMounted(() => {
-  emit('update:filters', data.value)
   fetchUid()
+  emit('update:filters', data.value)
 })
 </script>
 
@@ -79,7 +59,7 @@ 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">Unit Induk Distribusi/Wilayah:</label>
 
-    <Select :data="itemsUid" @update:selected="setUid($event)" :placeholder="uidPlaceholder" :selected="uid" />
+    <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">
@@ -96,9 +76,12 @@ 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>