-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -135,4 +252,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
index 3b47fd3..8c6a34e 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
@@ -1,181 +1,342 @@
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- {{ data.text }}
-
-
+
+
+ {{ data.text }}
+
+
-
-
- {{ data.text }}
-
-
+
+
+ {{ data.text }}
+
+
-
-
- {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
-
-
-
+
+
+ {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Pembuat Laporan:
+
+
+
+
+
Tanggal Laporan:
+
+
+
+
+
Tanggal Dialihkan:
+
+
+
+
+
Tanggal Respon:
+
+
+
+
+
Tanggal Recovery:
+
+
+
+
+
Durasi Response Time:
+
+
+
+
+
Durasi Recovery Time:
+
+
+
+
+
Posko Awal:
+
+
+
+
+
Posko Tujuan:
+
+
+
+
+
Status:
+
+
+
+
+
IDPEL/NO METER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
Pembuat Laporan:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumber Laporan:
+
+
+
+
+
Posko:
+
+
-
-
No Laporan:
-
-
-
-
-
Pembuat Laporan:
-
-
-
-
-
Tanggal Laporan:
-
-
-
-
-
Tanggal Dialihkan:
-
-
-
-
-
Tanggal Respon:
-
-
-
-
-
Tanggal Recovery:
-
-
-
-
-
Durasi Response Time:
-
-
-
-
-
Durasi Recovery Time:
-
-
-
-
-
Posko Awal:
-
-
-
-
-
Posko Tujuan:
-
-
-
-
-
Status:
-
-
-
-
-
IDPEL/NO METER:
-
-
-
-
-
Nama Pelapor:
-
-
-
-
-
Alamat Pelapor:
-
-
-
-
-
Pembuat Laporan:
-
-
-
-
-
Keterangan Pelapor:
-
-
-
-
-
Sumber Laporan:
-
-
-
-
-
Posko:
-
-
-
-
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -54,14 +171,14 @@
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -137,4 +254,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
index 585714f..8e083e9 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
@@ -1,53 +1,175 @@
-
+
-
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -55,27 +177,31 @@
-
+
{{ data.text }}
-
+
{{ isNumber(data.text) ? formatNumber(data.text) : data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
No Laporan:
@@ -104,18 +230,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -155,7 +291,12 @@
Unit Layanan Pelanggan:
-
+
@@ -197,19 +338,22 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
dataDetail.value = data
}
-const showData = () => showDetail.value = true
+const showData = () => (showDetail.value = true)
-const closeDetail = () => showDetail.value = false
+const closeDetail = () => (showDetail.value = false)
-const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.melaporLebihDariSatuKali, {
- minJmlLapor: 1,
- maxJmlLapor: 1,
- dateFrom: new Date().toISOString().slice(0, 10),
- dateTo: new Date().toISOString().slice(0, 10),
- posko: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.gangguan.daftar.melaporLebihDariSatuKali,
+ {
+ minJmlLapor: 1,
+ maxJmlLapor: 1,
+ dateFrom: new Date().toISOString().slice(0, 10),
+ dateTo: new Date().toISOString().slice(0, 10),
+ posko: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const { minJmlLapor, maxJmlLapor, posko, uid, up3 } = params
@@ -243,4 +387,4 @@ const filterData = (params: any) => {
onMounted(() => {
data.value = dummyData.gangguan.daftar.melaporLebihDariSatuKali
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
index 33d971d..a862dc0 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
@@ -1,67 +1,193 @@
-
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -69,14 +195,14 @@
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -107,18 +233,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -158,17 +294,32 @@
Unit Layanan Pelanggan:
-
+
Penyebab:
-
+
Tindakan:
-
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -55,14 +172,14 @@
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -93,18 +210,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -144,17 +271,32 @@
Unit Layanan Pelanggan:
-
+
Penyebab:
-
+
Tindakan:
-
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -54,14 +171,14 @@
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -94,13 +211,16 @@ const shading = ref(true)
const showPane = ref(true)
const data = ref([])
-const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.selesaiTanpaIDPelanggan, {
- dateFrom: new Date().toISOString().slice(0, 10),
- dateTo: new Date().toISOString().slice(0, 10),
- posko: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.gangguan.daftar.selesaiTanpaIDPelanggan,
+ {
+ dateFrom: new Date().toISOString().slice(0, 10),
+ dateTo: new Date().toISOString().slice(0, 10),
+ posko: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const { posko, uid, up3 } = params
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
index 41504aa..a99bd59 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
@@ -61,7 +61,7 @@
data-field="nama_posko"
caption="Nama Unit"
css-class="custom-table-column"
- cell-template="cellLeft"
+ cell-template="formatText"
/>
@@ -80,7 +80,7 @@
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
- cell-template="cellLeft"
+ cell-template="formatText"
:group-index="1"
/>
@@ -110,7 +110,7 @@
caption="Total"
:allow-resizing="false"
css-class="custom-table-column"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
@@ -212,7 +212,7 @@
caption="Rata-Rata"
:allow-resizing="false"
css-class="custom-table-column"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
@@ -264,7 +264,7 @@
caption="Rata-Rata"
:allow-resizing="false"
css-class="custom-table-column"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
@@ -314,13 +314,13 @@
-
+
{{ data.text }}
-
+
{{
isNumber(data.text)
@@ -332,7 +332,7 @@
-
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -560,7 +560,7 @@
"
data-type="number"
caption="No"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
-
+
{{ data.text }}
-
+
{{ data.text }}
-
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
index 6175d92..68457c9 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
@@ -1,43 +1,121 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
+
+
+
@@ -46,17 +124,21 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
@@ -169,4 +251,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
index 892fafa..3edaf73 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
@@ -1,33 +1,88 @@
-
-
+
+
-
+
-
+
-
+
-
-
+
+
-
+
-
+
@@ -35,17 +90,21 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
@@ -56,12 +115,26 @@
-
-
+
-
+ :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+ />
+
-
+
-
+
-
+
-
-
-
-
+
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -126,22 +386,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -244,51 +508,49 @@ const filterData = (params: any) => {
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
- data.value = queryResult.data.rekapitulasiPerJenisGangguan.map(
- (item: any, index: number) => {
- return {
- no: ++index,
- sub_kelompok: item.sub_kelompok,
- kode: item.kode,
- jenisGangguan: item.tipe_permasalahan,
+ data.value = queryResult.data.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
+ },
laporan: {
- total: item.total,
- sudahSelesai: {
- jml: item.total_selesai,
- persen: item.persen_selesai
- },
- belumSelesai: {
- jml: item.total_inproses,
- persen: item.persen_inproses
- }
+ 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
},
- 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
- }
+ laporan: {
+ lebihSla: item.total_diatas_sla_recovery,
+ kurangSla: item.total_dibawah_sla_recovery
}
}
}
- )
+ })
}
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
index e376841..40ebb55 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
@@ -1,81 +1,245 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
@@ -85,22 +249,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -169,13 +337,16 @@ const onExporting = (e: any) => {
}
}
-const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.jenisGangguanSE004, {
- dateFrom: new Date().toISOString().slice(0, 10),
- dateTo: new Date().toISOString().slice(0, 10),
- posko: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.gangguan.rekap.jenisGangguanSE004,
+ {
+ dateFrom: new Date().toISOString().slice(0, 10),
+ dateTo: new Date().toISOString().slice(0, 10),
+ posko: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
index f6bf771..4cd847e 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
@@ -1,156 +1,485 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -159,22 +488,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -328,46 +661,48 @@ 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
- },
+ 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
+ }
}
}
}
- })
+ )
})
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
index 65559b4..449f0b0 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
@@ -1,156 +1,490 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
-
+
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -159,22 +493,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -331,47 +669,49 @@ 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
- },
+ 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
+ }
}
}
}
- })
+ )
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
index b610124..c67e3d9 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
@@ -1,80 +1,244 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
@@ -84,22 +248,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -173,13 +341,16 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const data = ref([])
-const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanPerTanggal, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- posko: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.gangguan.rekap.gangguanPerTanggal,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ posko: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
@@ -211,4 +382,4 @@ const filters = ref({ groupBy: false })
onMounted(() => {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanPerTanggal
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
index 3832e5f..8f43533 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
@@ -1,64 +1,182 @@
-
+
-
+
-
-
+
+
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -84,12 +202,22 @@
Alamat Pelapor:
-
+
Keterangan Pelapor:
-
+
@@ -114,18 +242,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -140,7 +278,12 @@
Keterangan Media:
-
+
@@ -224,13 +367,16 @@ const onExporting = (e: any) => {
const data = ref
([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanBerdasarkanMedia, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanBerdasarkanMedia,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
index d9b34d3..4971a6a 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
@@ -1,56 +1,175 @@
-
+
-
+
-
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -58,22 +177,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -192,4 +315,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.keluhan.daftar.daftarKeluhanDialihkanKeUnitLain
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
index bc0f25a..276a6bd 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
@@ -1,55 +1,179 @@
-
+
-
+
-
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -57,22 +181,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -108,18 +236,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -139,7 +277,12 @@
Alamat Pelapor:
-
+
@@ -149,7 +292,12 @@
Keterangan Pelapor:
-
+
@@ -244,15 +392,18 @@ const onExporting = (e: any) => {
const data = ref
([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanMelaporLebihDariSatuKali, {
- minJmlLapor: 1,
- maxJmlLapor: 100,
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanMelaporLebihDariSatuKali,
+ {
+ minJmlLapor: 1,
+ maxJmlLapor: 100,
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
@@ -289,4 +440,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.keluhan.daftar.daftarKeluhanMelaporLebihDariSatuKali
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
index 72e531a..fabbe85 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
@@ -1,62 +1,173 @@
-
+
-
+
-
-
+
+
-
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
{{ data.text }}
-
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -87,18 +198,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -118,7 +239,12 @@
Alamat Pelapor:
-
+
@@ -128,7 +254,12 @@
Keterangan Pelapor:
-
+
@@ -222,15 +353,18 @@ const onExporting = (e: any) => {
const data = ref
([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanRecoveryTime, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- minDurasiRecoveryTime: 0,
- maxDurasiRecoveryTime: 0,
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanRecoveryTime,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ minDurasiRecoveryTime: 0,
+ maxDurasiRecoveryTime: 0,
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
@@ -265,4 +399,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.keluhan.daftar.daftarKeluhanRecoveryTime
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
index 61a399a..b46ee15 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
@@ -1,52 +1,164 @@
-
+
-
+
-
-
+
+
-
+
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -54,22 +166,26 @@
-
+
{{ data.text }}
-
+
- {{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
- formatNumber(data.text) :
- data.text }}
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -100,18 +216,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -131,7 +257,12 @@
Alamat Pelapor:
-
+
@@ -141,7 +272,12 @@
Keterangan Pelapor:
-
+
@@ -236,15 +372,18 @@ const onExporting = (e: any) => {
const data = ref
([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanResponseTime, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- minDurasiResponseTime: 0,
- maxDurasiResponseTime: 0,
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanResponseTime,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ minDurasiResponseTime: 0,
+ maxDurasiResponseTime: 0,
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
@@ -280,4 +419,4 @@ const filters = ref()
onMounted(() => {
data.value = dummyData.keluhan.daftar.daftarKeluhanResponseTime
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
index df5a181..ab385d5 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
@@ -1,62 +1,180 @@
-
+
-
+
-
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
{{ data.text }}
-
-
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -87,18 +205,28 @@
Response Time:
-
+
Recovery Time:
-
+
@@ -118,7 +246,12 @@
Alamat Pelapor:
-
+
@@ -128,7 +261,12 @@
Keterangan Pelapor:
-
+
@@ -222,13 +360,16 @@ const onExporting = (e: any) => {
const data = ref
([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanSelesaiTanpaIDPelanggan, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanSelesaiTanpaIDPelanggan,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
index eff9e92..b362467 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
@@ -1,61 +1,190 @@
-
+
-
+
-
-
+
+
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
{{ data.text }}
@@ -128,13 +257,16 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const data = ref([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.daftar.keluhanDiselesaikanCC123, {
- dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
- dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
- idUlp: 0,
- idUid: 0,
- idUp3: 0
-})
+const { onResult, onError, loading, refetch } = useQuery(
+ queries.keluhan.daftar.keluhanDiselesaikanCC123,
+ {
+ dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
+ dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
+ idUlp: 0,
+ idUid: 0,
+ idUp3: 0
+ }
+)
const filters = ref()
const filterData = (params: any) => {
@@ -169,4 +301,4 @@ const filterData = (params: any) => {
onMounted(() => {
data.value = dummyData.keluhan.daftar.daftarKeluhanDiselesaikanCC123
})
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
index 4d9b15c..f48de31 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
@@ -63,7 +63,7 @@
data-type="number"
caption="Total"
css-class="custom-table-column"
- cell-template="defaults"
+ cell-template="formatNumber"
/>
@@ -155,7 +155,7 @@
data-type="number"
caption="Rata-Rata"
css-class="custom-table-column"
- cell-template="defaults"
+ cell-template="formatNumber"
/>
-
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
-
- {{ data.text }}%
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
-
-
+
+
{{ data.text }}
@@ -269,7 +277,7 @@
"
data-type="number"
caption="No"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
-
+
{{ data.text }}
-
+
{{ data.text }}
-
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -581,6 +589,7 @@ import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { queries } from '@/utils/api/api.graphql'
import { dummyData } from '@/utils/dummy'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
const position = { of: '#data' }
const showIndicator = ref(true)
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
index 085dae1..6ac5bde 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
@@ -58,7 +58,7 @@
data-field="media"
caption="Nama Media"
css-class="custom-table-column"
- cell-template="cell-left"
+ cell-template="formatText"
/>
-
+
{{ data.text }}
@@ -158,7 +158,7 @@
"
data-type="number"
caption="No"
- cell-template="cellRight"
+ cell-template="formatNumber"
/>
-
+
{{ data.text }}
-
+
{{ data.text }}
-
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
index 7dfe348..b0d2a68 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
@@ -51,6 +51,7 @@
data-type="number"
data-field="no"
caption="No"
+ cell-template="formatNumber"
/>