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>

View File

@ -1246,8 +1246,8 @@ const filterData = async (params: any) => {
if (up3.id != 0 || posko.id != 0) {
grouping.value = [
{
data: 'nama_ulp',
caption: 'ULP'
data: 'nama_posko',
caption: 'Posko'
}
]
}
@ -1279,8 +1279,8 @@ const filterData = async (params: any) => {
if (posko.id != 0) {
grouping.value = [
{
data: 'nama_ulp',
caption: 'ULP'
data: 'nama_posko',
caption: 'Posko'
}
]
}
@ -1310,7 +1310,6 @@ const filterData = async (params: any) => {
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerRegu
} else {

View File

@ -979,8 +979,8 @@ const filterData = async (params: any) => {
if (up3.id != 0 || posko.id != 0) {
grouping.value = [
{
data: 'nama_ulp',
caption: 'ULP'
data: 'nama_posko',
caption: 'Posko'
}
]
}
@ -1012,8 +1012,8 @@ const filterData = async (params: any) => {
if (posko.id != 0) {
grouping.value = [
{
data: 'nama_ulp',
caption: 'ULP'
data: 'nama_posko',
caption: 'Posko'
}
]
}