Refactor labels and placeholders in Type13.vue and Type9.vue components

This commit is contained in:
Dede Fuji Abdul
2024-04-09 03:14:02 +07:00
parent 0eed5109c5
commit 1c31380e92
4 changed files with 39 additions and 20 deletions

View File

@ -96,7 +96,7 @@ onMounted(() => {
{{
uid.id != 0
? up3.id != 0
? 'Unit Layanan Pelanggan'
? 'Unit Layanan Pelanggan/Posko'
: 'Unit Pelaksanaan Pelayanan Pelanggan'
: 'Kode Unit Distribusi'
}}:</label

View File

@ -70,14 +70,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" :placeholder="uppPlaceholder" :selected="uppp" />
<Select
@update:selected="setUp3($event)"
:data="itemsUp3"
:placeholder="uppPlaceholder"
:selected="uppp"
/>
</div>
<div class="flex flex-col flex-1 space-y-2">
<label class="filter-input-label">Posko:</label>
<Select @update:selected="setPosko($event)" :data="itemsPosko" :placeholder="poskoPlaceholder"
:selected="posko" />
<Select
@update:selected="setPosko($event)"
:data="itemsPosko"
:placeholder="poskoPlaceholder"
:selected="posko"
/>
</div>
<div class="flex flex-col flex-1 space-y-2">
@ -86,14 +95,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="posko.id == 0">
<label class="filter-input-label"
>Group By
{{
uid.id != 0
? uppp.id != 0
? 'Unit Layanan Pelanggan/Posko'
: 'Unit Pelaksanaan Pelayanan Pelanggan'
: 'Kode Unit Distribusi'
}}:</label
>
<InlineRadioGroup @update:group-value="(value) => (data.groupBy = value.id === 2)" :radio-items="[
{ id: 1, title: 'Tidak', checked: true },
{ id: 2, title: 'Ya, Grupkan' }
]" />
<InlineRadioGroup
@update:group-value="(value) => (data.groupBy = value.id === 2)"
:radio-items="[
{ id: 1, title: 'Tidak', checked: true },
{ id: 2, title: 'Ya, Grupkan' }
]"
/>
</div>
</div>
</template>