Refactor data assignment in onMounted hooks

This commit is contained in:
Dede Fuji Abdul
2024-03-12 13:54:29 +07:00
parent 99afd50f37
commit d4ad845ac3
30 changed files with 382 additions and 207 deletions

View File

@ -1164,7 +1164,9 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiAllGangguan
dataSub.value = dummyData.gangguan.rekap.detailGangguan
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiAllGangguan
dataSub.value = dummyData.gangguan.rekap.detailGangguan
}
})
</script>

View File

@ -249,6 +249,8 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko
}
})
</script>

View File

@ -245,6 +245,8 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanBerdasarkanMedia
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanBerdasarkanMedia
}
})
</script>

View File

@ -562,50 +562,52 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiPerJenisGangguan.map(
(item: any, index: number) => {
return {
no: ++index,
sub_kelompok: item.sub_kelompok,
kode: item.kode,
jenisGangguan: item.tipe_permasalahan,
laporan: {
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiPerJenisGangguan.map(
(item: any, index: number) => {
return {
no: ++index,
sub_kelompok: item.sub_kelompok,
kode: item.kode,
jenisGangguan: item.tipe_permasalahan,
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
}
}
}
}
}
)
)
}
})
</script>

View File

@ -381,6 +381,8 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiJenisGangguanSE004
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiJenisGangguanSE004
}
})
</script>

View File

@ -661,48 +661,50 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerPosko.map(
(item: any, index: number) => {
return {
no: ++index,
nama_posko: item.nama_posko,
laporan: {
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerPosko.map(
(item: any, index: number) => {
return {
no: ++index,
nama_posko: item.nama_posko,
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
}
}
}
}
}
)
)
}
})
</script>

View File

@ -669,49 +669,51 @@ const filters = ref({
})
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerRegu.map(
(item: any, index: number) => {
return {
no: ++index,
kode_regu: item.kode_regu,
nama_regu: item.nama_regu,
laporan: {
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerRegu.map(
(item: any, index: number) => {
return {
no: ++index,
kode_regu: item.kode_regu,
nama_regu: item.nama_regu,
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
total: item.total,
sudahSelesai: {
jml: item.total_selesai,
persen: item.persen_selesai
},
belumSelesai: {
jml: item.total_inproses,
persen: item.persen_inproses
}
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
responseTime: {
menit: {
total: item.total_durasi_response,
rataRata: item.avg_durasi_response,
max: item.max_durasi_response,
min: item.min_durasi_response
},
laporan: {
lebihSla: item.total_diatas_sla_response,
kurangSla: item.total_dibawah_sla_response
}
},
recoveryTime: {
menit: {
total: item.total_durasi_recovery,
rataRata: item.avg_durasi_recovery,
max: item.max_durasi_recovery,
min: item.min_durasi_recovery
},
laporan: {
lebihSla: item.total_diatas_sla_recovery,
kurangSla: item.total_dibawah_sla_recovery
}
}
}
}
}
)
)
}
})
</script>

View File

@ -380,6 +380,8 @@ const filterData = (params: any) => {
const filters = ref({ groupBy: false })
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal
}
})
</script>