Fix conditional rendering issue in Anomali_LAPPGP_LPP.vue

This commit is contained in:
Dede Fuji Abdul 2024-05-02 21:32:52 +07:00
parent c59af17f6d
commit f7630c19ed
2 changed files with 35 additions and 19 deletions

View File

@ -397,6 +397,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name != 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="no_laporan"
@ -404,6 +405,15 @@
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="no_laporan_laporulang"
caption="No Laporan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
@ -435,7 +445,7 @@
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="no_laporan_referensi"
data-field="no_laporan"
caption="No Laporan Referensi"
css-class="custom-table-column"
cell-template="formatText"
@ -588,7 +598,7 @@
<DxColumn
:width="150"
alignment="center"
data-field="referensi_marking"
data-field="marking"
caption="Referensi Marking"
css-class="custom-table-column"
cell-template="formatText"
@ -679,7 +689,18 @@
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
<InputText
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:readonly="true"
:value="dataSubSelected?.no_laporan_laporulang"
class-name="flex-1"
/>
<InputText
v-else
:readonly="true"
:value="dataSubSelected?.no_laporan"
class-name="flex-1"
/>
</div>
<div
@ -711,11 +732,7 @@
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.no_laporan_referensi"
class-name="flex-1"
/>
<InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
@ -871,11 +888,7 @@
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.referensi_marking"
class-name="flex-1"
/>
<InputText :readonly="true" :value="dataSubSelected?.marking" class-name="flex-1" />
</div>
<div
@ -1049,12 +1062,12 @@ const getDetail = async () => {
dataSub.value =
result.data.data.subDetailAnomaliPenangananPengaduanGangguanPetugasSkipStep
}
dataSub.value = dataSub.value.map((item: any) => {
return {
...item,
nama_petugas: selected?.nama_petugas
}
})
// dataSub.value = dataSub.value.map((item: any) => {
// return {
// ...item,
// nama_petugas: selected?.nama_petugas
// }
// })
} else {
dataSub.value = []
}

View File

@ -4390,6 +4390,7 @@ export const queries = {
isMarking: $isMarking
namaPetugas: $namaPetugas
) {
nama_petugas
id
id_uid
nama_uid
@ -4507,6 +4508,7 @@ export const queries = {
isMarking: $isMarking
namaPetugas: $namaPetugas
) {
nama_petugas
id
id_uid
nama_uid
@ -4634,6 +4636,7 @@ export const queries = {
isMarking: $isMarking
namaPetugas: $namaPetugas
) {
nama_petugas
id
id_uid
nama_uid