Refactor grouping logic in RGangguan_PerTanggal.vue, Type13.vue, and RGangguan_PerRegu.vue

src/components/Form/FiltersType/Type13.vue

@@ -67,12 +67,22 @@ 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">
       <label class="filter-input-label">Unit Layanan Pelanggan:</label>
-      <Select @update:selected="setUlp($event)" :data="itemsUlp" :selected="ulp" :placeholder="ulpPlaceholder" />
+      <Select
+        @update:selected="setUlp($event)"
+        :data="itemsUlp"
+        :selected="ulp"
+        :placeholder="ulpPlaceholder"
+      />
     </div>
 
     <div class="flex flex-col flex-1 space-y-2">
@@ -80,14 +90,25 @@ onMounted(() => {
       <DatePicker @update:date-value="(value) => (data.periode = value)" />
     </div>
 
-    <div class="flex flex-col flex-1 space-y-2">
-      <label class="filter-input-label">Group By Kode Unit Distribusi:</label>
+    <div class="flex flex-col flex-1 space-y-2" v-if="ulp.id == 0">
+      <label class="filter-input-label"
+        >Group By
+        {{
+          uid.id != 0
+            ? up3.id != 0
+              ? 'Unit Layanan Pelanggan'
+              : 'Unit Pelaksanaan Pelayanan Pelanggan'
+            : 'Kode Unit Distribusi'
+        }}:</label
+      >
 
-      <InlineRadioGroup @update:group-value="(value) => (data.groupBy = value.id === 2)" :radio-items="[
-        { id: 1, title: 'Tidak' },
-        { id: 2, title: 'Ya, Grupkan' }
-      ]" />
+      <InlineRadioGroup
+        @update:group-value="(value) => (data.groupBy = value.id === 2)"
+        :radio-items="[
+          { id: 1, title: 'Tidak' },
+          { id: 2, title: 'Ya, Grupkan' }
+        ]"
+      />
     </div>
   </div>
-
 </template>