Refactor data assignment in Anomali_LAPPKU.vue

This commit is contained in:
Dede Fuji Abdul 2024-04-01 16:38:05 +07:00
parent ec09b5dd82
commit abc285c501
2 changed files with 36 additions and 177 deletions

View File

@ -71,12 +71,11 @@ const filterData = async (params: any) => {
.then((result) => {
if (result.data.data != undefined) {
if (jenisLaporan.name == 'Laporan Berulang Unit') {
data.value = result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitBerulang
data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitBerulang
} else if (jenisLaporan.name == 'Laporan Rating Negatif') {
data.value =
result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
} else {
data.value = result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
}
} else {
data.value = []

View File

@ -467,7 +467,7 @@
<DxColumn
:width="150"
alignment="center"
data-field="no_laporan_referensi"
data-field="referensi_marking"
caption="No Laporan Referensi"
css-class="custom-table-column"
cell-template="formatText"
@ -476,7 +476,7 @@
:width="150"
alignment="center"
data-field="waktu_lapor"
caption="Tgl/Jam Lapor"
caption="Tgl Lapor"
css-class="custom-table-column"
cell-template="formatText"
/>
@ -484,7 +484,7 @@
:width="150"
alignment="center"
data-field="waktu_response"
caption="Tgl/Jam Datang"
caption="Dalam Proses Bidang"
css-class="custom-table-column"
cell-template="formatText"
/>
@ -492,7 +492,7 @@
:width="150"
alignment="center"
data-field="waktu_recovery"
caption="Tgl/Jam Nyala"
caption="Selesai Bidang Unit"
css-class="custom-table-column"
cell-template="formatText"
/>
@ -515,35 +515,11 @@
<DxColumn
:width="150"
alignment="center"
data-field="durasi_dispatch_time"
caption="Durasi Penugasan Regu"
data-field="status_akhir"
caption="Status"
css-class="custom-table-column"
cell-template="formatTime"
/>
<DxColumn
:width="150"
alignment="center"
data-field="durasi_perjalanan"
caption="Durasi Perjalanan Regu"
css-class="custom-table-column"
cell-template="formatTime"
/>
<DxColumn
:width="150"
alignment="center"
data-field="distance"
caption="Jarak Closing"
css-class="custom-table-column"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
alignment="center"
data-field="dispatch_by"
caption="Dispacth Oleh"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
@ -587,72 +563,16 @@
<DxColumn
:width="150"
alignment="center"
data-field="media"
caption="Sumber Lapor"
data-field="uraian"
caption="Uraian"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="diselesaikan_oleh"
caption="Diselesaikan Oleh"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="status_akhir"
caption="Status"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="status_induk"
caption="Status Induk"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="referensi_marking_induk"
caption="Referensi Marking Induk"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="kode_gangguan"
caption="Kode Gangguan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="jenis_gangguan"
caption="Jenis Gangguan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="penyebab"
caption="Penyebab"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="tindakan"
caption="Tindaan"
data-field="respon_pelanggan"
caption="Response Pelanggan"
css-class="custom-table-column"
cell-template="formatText"
/>
@ -689,6 +609,11 @@
<InputText :readonly="true" :value="dataSubSelected?.nama_up3" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Rayon:</h3>
<InputText :readonly="true" :value="dataSubSelected?.nama_ulp" class-name="flex-1" />
</div>
<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" />
@ -698,18 +623,18 @@
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.no_laporan_referensi"
:value="dataSubSelected?.referensi_marking"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl/Jam Lapor:</h3>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Lapor:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_lapor" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl/Jam Datang:</h3>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Dalam Proses Bidang:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.waktu_response"
@ -718,7 +643,7 @@
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl/Jam Nyala:</h3>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Selesai Bidang Unit:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.waktu_recovery"
@ -753,39 +678,8 @@
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Penugasan Regu:</h3>
<InputText
:readonly="true"
class-name="flex-1"
:value="
parseInt(dataSubSelected?.durasi_recovery_time)
? formatWaktu(dataSubSelected?.durasi_recovery_time)
: '-'
"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Perjalanan Regu:</h3>
<InputText
:readonly="true"
:value="
parseInt(dataSubSelected?.durasi_dispatch_time)
? formatWaktu(dataSubSelected?.durasi_dispatch_time)
: '-'
"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jarak Closing (m):</h3>
<InputText :readonly="true" :value="dataSubSelected?.jarak_closing" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Dispatch Oleh:</h3>
<InputText :readonly="true" :value="dataSubSelected?.dispatch_oleh" class-name="flex-1" />
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
@ -828,61 +722,24 @@
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Sumber Lapor:</h3>
<InputText :readonly="true" :value="dataSubSelected?.media" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Diselesaikan Oleh:</h3>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Uraian:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.diselesaikan_oleh"
type="textarea"
:value="dataSubSelected?.uraian"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status Induk:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking Induk:</h3>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Response Pelanggan:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.referensi_marking_induk"
type="textarea"
:value="dataSubSelected?.respon_pelanggan"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Kode Gangguan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.kode_gangguan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jenis Gangguan:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.jenis_gangguan"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Penyebab:</h3>
<InputText :readonly="true" :value="dataSubSelected?.penyebab" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tindakan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.tindakan" class-name="flex-1" />
</div>
</div>
</div>
</DetailDialog>
@ -989,11 +846,14 @@ const getDetail = async () => {
.then((result) => {
if (result.data.data != undefined) {
if (jenisLaporan.name == 'Laporan Berulang Unit') {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitBerulang
dataSub.value =
result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitBerulang
} else if (jenisLaporan.name == 'Laporan Rating Negatif') {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitRatingNegatif
dataSub.value =
result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
} else {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitSkipStep
dataSub.value =
result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
}
} else {
dataSub.value = []