Fix import statements and add prop for showPosko

src/components/Form/FiltersType/Type1.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Select from '@/components/Select.vue';
-import DatePicker from '@/components/DatePicker.vue';
+import Select from '@/components/Select.vue'
+import DatePicker from '@/components/DatePicker.vue'
 import {
   selectedUid,
   selectedUp3Posko,
@@ -9,8 +9,8 @@ import {
   itemsUp3,
   itemsPosko,
   fetchUid
-} from './reference';
-import { onMounted, ref, watch } from 'vue';
+} from './reference'
+import { onMounted, ref, watch } from 'vue'
 
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
 const up3placeholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
@@ -26,6 +26,13 @@ const data = ref({
   periode: ''
 })
 
+defineProps({
+  showPosko: {
+    type: Boolean,
+    required: true
+  }
+})
+
 watch(data.value, (value) => {
   emit('update:filters', value)
 })
@@ -68,14 +75,23 @@ onMounted(() => {
     <div class="flex flex-col flex-1 space-y-2">
       <label class="filter-input-label">Unit Pelaksanaan Pelayanan Pelanggan:</label>
 
-      <Select @update:selected="setUp3($event)" :data="itemsUp3" :selected="up3" :placeholder="up3placeholder" />
+      <Select
+        @update:selected="setUp3($event)"
+        :data="itemsUp3"
+        :selected="up3"
+        :placeholder="up3placeholder"
+      />
     </div>
 
-    <div class="flex flex-col flex-1 space-y-2">
+    <div class="flex flex-col flex-1 space-y-2" v-if="showPosko">
       <label class="filter-input-label">Posko:</label>
 
-      <Select @update:selected="setPosko($event)" :data="itemsPosko" :selected="posko"
-        :placeholder="poskoPlaceholder" />
+      <Select
+        @update:selected="setPosko($event)"
+        :data="itemsPosko"
+        :selected="posko"
+        :placeholder="poskoPlaceholder"
+      />
     </div>
 
     <div class="flex flex-col flex-1 space-y-2">
@@ -83,5 +99,4 @@ onMounted(() => {
       <DatePicker @update:date-value="(value) => (data.periode = value)" />
     </div>
   </div>
-
 </template>

src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue

@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" :report-button="true" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => (filters = value)" :showPosko="false" />
   </Filters>
   <div id="data">
     <DxDataGrid